*{
  margin: 0;
  padding: 0;
}
a{
  text-decoration:none;
  outline: none;
  color: #222;
  transition: .3s;
}
*, :after, :before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent;
    background-color: transparent;
}
body {
    width: 100%;
    font: 400 14px/1.75 sans-serif;
    color: #878787;
    overflow-x: hidden;
    scroll-behavior: smooth;
    font-family: 'Noto Sans SC'
}
body ::-moz-selection{
  background: #4c85f9;
  color:#fff;
}
body ::selection{
  background: #4c85f9;
  color:#fff;
}
img{
    vertical-align: middle;
    max-width: 100%;
}
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video {
  margin: 0;
  padding: 0;
  border: 0;
}

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

button::-moz-focus-inner,input::-moz-focus-inner {
  padding: 0;
  border: 0
}

ul {
  list-style: none;
}

ol {
  list-style: none;
}

ol ol,ul ul {
  padding-left: 1.5em
}

dd,dl {
  margin: 0 0 1.75em
}

table,td,th {
  border: 1px solid #ddd;
  vertical-align: middle
}

table {
  border-spacing: 0;
  border-width: 1px 0 0 1px;
  margin: 1.5em 0 1.75em;
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0
}

caption,td,th {
  font-weight: 400;
  text-align: left
}

th {
  border-width: 0 1px 1px 0;
  font-weight: 600
}

td {
  border-width: 0 1px 1px 0
}

td,th {
  padding: 10px
}

small {
  font-size: 75%
}

address {
  font-style: italic;
  margin: 0 0 1.75em
}

b,strong {
  font-weight: 700
}

code,kbd,pre,samp,tt,var {
  font-family: Inconsolata,monospace
}

pre {
  border: 1px solid #d1d1d1;
  font-size: 1rem;
  line-height: 1.3125;
  margin: 0 0 1.75em;
  max-width: 100%;
  overflow: auto;
  padding: 1.75em;
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word
}

code {
  background-color: #d1d1d1;
  padding: .125em .25em
}

abbr,acronym {
  border-bottom: 1px dotted #d1d1d1;
  cursor: help
}

mark {
  background: #222;
  padding: .125em .25em;
  text-decoration: none;
  color: #fff
}

big {
  font-size: 125%
}

sub,sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline
}

sup {
  top: -.5em
}

sub {
  bottom: -.25em
}

a {
  color: #222;
  transition: .3s
}

a,a:active,a:focus,a:hover {
  text-decoration: none;
  outline: 0
}

a:active,a:hover {

}

em {
  font-style: italic
}

strong {
  font-weight: 600
}

img {
   vertical-align: middle
}

iframe {
  max-width: 100%
}


button,input,textarea {
  transition: .3s
}

button,input,optgroup,select,textarea {
  color: inherit;
  font: inherit
}

button:focus,input:focus,textarea:focus {
  outline: 0;
  box-shadow: none
}

input:-webkit-autofill {
  border-color: #e6e6e6;
  -webkit-box-shadow: 0 0 0 1000px #fff inset;
  -webkit-text-fill-color: #878787
}

input:focus:-webkit-autofill {
  border-color: #d9d9d9
}


textarea {
  overflow: auto;
  padding: 10px 15px;
  min-height: 190px
}

button,input[type=submit] {
  -webkit-appearance: button
}[disabled=disabled],button[disabled=disabled],input[disabled=disabled] {
  cursor: not-allowed;
  opacity: .5
}

::-webkit-input-placeholder {
  color: #c1c1c1
}

:-moz-placeholder {
  color: #c1c1c1
}

::-moz-placeholder {
  color: #c1c1c1
}

input:-webkit-autofill,input:-webkit-autofill:active,input:-webkit-autofill:focus,input:-webkit-autofill:hover {
  transition: background-color 5000s ease-in-out;
  -webkit-box-shadow: 0 0 0 1000px #fff inset
}

@-moz-document url-prefix() {
  select:-moz-focusring,select::-moz-focus-inner {
    color: transparent!important;
    text-shadow: 0 0 0 #999!important;
    background-image: none!important;
    border: 0
  }
}

input:focus::-webkit-input-placeholder {
  color: transparent
}

input:focus::-moz-placeholder {
  color: transparent
}

input:focus:-ms-input-placeholder {
  color: transparent
}
::-webkit-scrollbar {/*婊氬姩鏉℃暣浣撴牱寮?/
    width: 4px;     /*楂樺鍒嗗埆瀵瑰簲妯珫婊氬姩鏉＄殑灏哄*/
    height: 1px;
}
::-webkit-scrollbar-thumb {/*婊氬姩鏉￠噷闈㈠皬鏂瑰潡*/
    border-radius: 10px;
     -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    background: #535353;
}
::-webkit-scrollbar-track {/*婊氬姩鏉￠噷闈㈣建閬?/
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    border-radius: 10px;
    background: #EDEDED;
}
select{
  border: 0;
}
.select {
  padding: 0 30px 0 15px;
  max-width: 100%;
  width: 100%;
  height: 40px;
  border: 1px solid #e3e3e3;
  vertical-align: middle;
  font-size: 14px;
  transition: border-color .5s;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: url(data:image/svg+xml;
  base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNSIgaGVpZ2h0PSIyNSIgZmlsbD0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2U9IiNiYmIiPjxwYXRoIGQ9Ik02IDlsNiA2IDYtNiIvPjwvc3ZnPg==);background-position: right 10px top 50%;
  background-size: auto 18px;
  background-repeat: no-repeat;
  display: inline-block;
  background-color: transparent;
  box-shadow: none;
  color: #222;
  border-radius: 30px
}
.siint{
   max-width: 100px;
   height: 28px;
   font-size: 14px;
}
.inqflx03{
   display: flex;
   align-items: center;
   width: 100%;
}
.inqflx01{
   flex: 1;
   display: flex;
   align-items: center;
   justify-content: space-between;
}
.inqflx{
   padding-left: 9px;
}
.swipflx{
   width: 100%;
   padding: 0;
   display: flex;
}
.ifsize{
   display: flex;
   align-items: center;
}
.ifsize span{
   width: 13px;
   height: 15px;
   display: block;
   border: 2px solid #333;
}
.ifsize p{
   display: flex;
   align-items: center;
   justify-content: center;
   padding: 5px 3px 0;
}
.button,button,input[type=button],input[type=reset],input[type=submit] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none
}
.clearn{
   clear: both;
   width: 100%;
}
*,:after,:before {
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.clearfix:after,.clearfix:before {
  content: ' ';
  display: table
}

.main-width{
   max-width: 1420px;
   width: 100%;
   margin:0 auto;
}
.clearfix:after {
  clear: both
}
/**琛岄珮**/
.line-hi20{
    line-height: 40px;
}
/**杈硅窛**/
.pad-t6{
    padding-top: 6px;
}
.pad_t10{
    padding-top: 10px;
}
.pad_t15{
    padding-top: 15px;
}
.pad_t25{
    padding-top: 25px;
}
.pad_t30{
    padding-top: 30px;
}
.pad_t38{
    padding-top: 38px;
}
.pad_t50{
    padding-top: 50px;
}
.pad_t70{
    padding-top: 70px;
}
.pad_t88{
   padding-top: 88px;
}
.pad_t82{
   padding-top: 82px;
}
.pad_t90{
   padding-top: 90px;
}
.pad_t100{
   padding-top: 100px;
}
.pad_t110{
   padding-top: 110px;
}
.pad_t125{
   padding-top: 125px;
}
.pad_t155{
   padding-top: 155px;
}
.pad-b6{
    padding-bottom: 6px;
}
.pad_b10{
    padding-bottom: 10px;
}
.pad_b25{
    padding-bottom: 25px;
}
.pad_b34{
    padding-bottom: 34px;
}
.pad_b38{
    padding-bottom: 38px;
}
.pad_b42{
    padding-bottom: 42px;
}
.pad_b50{
    padding-bottom: 50px;
}
.pad_b70{
   padding-bottom: 40px;
}
.pad_b85{
   padding-bottom: 85px;
}
.pad_b110{
   padding-bottom: 110px;
}
.pad_b115{
   padding-bottom: 115px;
}
.pad_b125{
   padding-bottom: 125px;
}


.pad_l120{
   padding-left: 120px;
}
.pad_l130{
   padding-left: 130px;
}
.pad_l135{
    padding-left: 135px;
}
.pad_l140{
    padding-left: 140px;
}
.pad_l170{
   padding-left: 170px;
}
.pad_l200{
    padding-left: 200px;
}

.pad_r20{
   padding-right: 20px;
}
.pad_r120{
   padding-right: 120px;
}
.pad_r130{
   padding-right: 130px;
}
.pad_r170{
   padding-right: 170px;
}
.pad_r200{
    padding-right: 200px;
}

.mar_t82{
   margin-top: 82px;
}
.mar_t70{
   margin-top: 40px;
}
.mar_t80{
   margin-top: 80px;
}

.mar_30{
   margin-bottom: 30px;
}
/**棰滆壊**/
.color01{
    color: #0d0d19;
}
.color02{
    color: #3d3d3d;
}
.color03{
    color: #000000;
}
.color04{
    color: #8e8e8e;
}
.color05{
   color: #252831;
}
.color06{
   color: #575757;
}
.color07{
   color: #ffffff;
}
.color08{
   color: #c6c6c6;
}
.color09{
   color: #535454;
}
.color10{
   color: #080708;
}
.color011{
   color: #ff8503;
}
.colora1{
   color: #a1a1a1;
}
.color090{
   color: #090909;
}
.color76{
   color: #767676;
}
.color6d{
   color: #6d6d6d;
}
.color64{
   color: #646464;
}
/**瀛楀彿**/
.font10{
    font-size: 10px;
}
.font11{
    font-size: 11px;
}
.font12{
    font-size: 12px;
}
.font13{
    font-size: 13px;
}
.font14{
    font-size: 14px;
}
.font15{
    font-size: 15px;
}
.font16{
    font-size: 16px;
}
.font17{
    font-size: 17px;
}
.font18{
    font-size: 18px;
}
.font19{
    font-size: 19px;
}
.font20{
    font-size: 20px;
}
.font21{
    font-size: 21px;
}
.font22{
    font-size: 22px;
}
.font23{
    font-size: 23px;
}
.font24{
    font-size: 24px;
}
.font25{
    font-size: 25px;
}
.font26{
    font-size: 26px;
}
.font27{
    font-size: 27px;
}
.font28{
    font-size: 28px;
}
.font29{
    font-size: 29px;
}
.font30{
    font-size: 26px;
}
.font31{
    font-size: 31px;
}
.font32{
    font-size: 32px;
}
.font33{
    font-size: 33px;
}
.font34{
    font-size: 34px;
}
.font35{
    font-size: 35px;
}
.font36{
    font-size: 36px;
}
.font37{
    font-size: 37px;
}
.font38{
    font-size: 38px;
}
.font39{
    font-size: 39px;
}
.font40{
    font-size: 40px;
}
.font42{
    font-size: 42px;
}
.font48{
    font-size: 48px;
}
.font50{
    font-size: 50px;
}
.font55{
    font-size: 55px;
}
.font60{
    font-size: 60px;
}
.font72{
    font-size: 72px;
}
/**瀛椾綋**/

.bgcolf6{
    background: #f6f6f4
}
.upper{
  text-transform: uppercase;
}
.navfixed{
  position: fixed!important;
  top: 0;
  left: 0;
  right: 0;
  height: 40px!important;
  padding: 0 50px;
  background: rgba(10,11,9,0.9)!important;
  transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  z-index: 33;
}
.h_banner{
  width: 100%;
  background: #ffffff;
  height: 36px;
  line-height: 36px;
  padding: 0;
  color: #333;
  position: relative;
  z-index: 999;
}
 .h_banner_wrap strong {
    font-size: 17px;
}
#hbanner_cd{
    font-size: 14px;
}
.h_banner_wrap{
  text-align: center;
  font-size: 12px;
  color: #3d70d9;
}
.ft12{
  padding-left: 5px;
  font-size: 12px!important;
}
.varr{
  display: flex;
  align-items: center;
  width: 10px;
  margin-left: 5px;
  margin-top: 5px;
}
.flxs{
   display: flex;
   align-items: center;
}
.h_banner_close:after, .h_banner_close:before {
    background-color: #000;
}
.h_banner_close:after, .h_banner_close:before {
    content: " ";
    width: 7px;
    height: 1px;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: 1px;
    display: inline-block;
    background-color: #000;
    -webkit-transition: background-color .2s ease-in-out,transform .2s ease-in-out;
    -moz-transition: background-color .2s ease-in-out,transform .2s ease-in-out;
    -o-transition: background-color .2s ease-in-out,transform .2s ease-in-out;
    transition: background-color .2s ease-in-out,transform .2s ease-in-out;
}
.h_banner_close, .h_banner_close:hover, .h_banner_close:focus {
    color: #000 !important;
}
.h_banner_close {
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    position: absolute;
    right: 70px;
    top: 0;
    font-size: 11px;
    padding-left: 11px;
    cursor: pointer;
}
.h_banner_close:hover:before, .show_icon_true .h_banner_close:before {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -sand-transform: rotate(45deg);
    transform: rotate(45deg);
}
.h_banner_close:hover:after, .show_icon_true .h_banner_close:after {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -sand-transform: rotate(-45deg);
}
.h_banner_close:focus, .h_banner_close:hover {
    opacity: .6;
}
#ntheader{
    position: absolute;
    left: 0;
    right: 0;
    z-index: 33;
    width: 100%;
}

.header-text a {
    color: #333;
}
#ntheader .ntheader_wrapper {
   width: 100%;
   padding: 0;
   box-sizing: border-box;
   position: relative;
   z-index: 999;
   background: #F8F8F8;
   /*background: rgba(10,11,9,1);*/
}
.sec_navigation{
   width: 100%;
   padding: 0 ;
   height: 40px;
   line-height: 40px;
   box-sizing: border-box;
   border-top: 1px solid #6b6b6b;
   background: rgba(0,0,0,0.5);
   margin-top: 40px;
}
.sec_navig{
   display: flex;
   justify-content: space-between;
   align-items: center;
   padding: 0 ;
   max-width: 1420px;
   margin: 0 auto;
   width: 100%;
}
.sec_navigation02{
   width: 100%;
   display: flex;
   justify-content: space-between;
   align-items: center;
   padding: 0 50px;
   height: 56px;
   line-height: 56px;
   box-sizing: border-box;
   border-top: 1px solid #6b6b6b;
   background: rgba(0,0,0,1);
}
.supplier{
   height: 32px;
   line-height: 32px;
   background: #1c69d3;
   color: #ffffff;
   border-radius: 4px;
   display: flex;
   align-items: center;
   justify-content: center;
   padding: 0 8px;
}
.supplier span{
   font-size: 12px;
   letter-spacing: 1px;
}
.sec-nav-left{
    font-size: 14px;
    color: #e3e3e3;
}
.White-logo{
    display: none;
}
.sec-nav-left img{
    display: none;
    height: 32px;
}
.sec-nav-center{
}
.sec-nav-center a {
    font-size: 13px;
    color: #e3e3e3;
    margin:0 15px;
    position: relative;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}
.sec-nav-center a:after{
    width: 100%;
    background: none;
    content: "";
    height: 3px;
    position: absolute;
    left: 0;
    bottom: 0;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}
.container {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    box-sizing: border-box;
}
.row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.cg{
    font-size: 12px;
    letter-spacing: 1px;
    margin-top: -3px;
}
.cg2{
    font-size: 12px;
    font-weight: normal!important;
    letter-spacing: 0.8px;
}
.flw{
    float: left;
    margin-right: 29px;
}
.flxes{
    display: flex;
    align-items: center;
}
.clear{
    clear: both;
}
.colw01{
    color: #1E1E1E;
    padding-right: 1px;
}
.colw02{
    color: #1E1E1E;
    padding-right: 2px;
}
.colw03{
    color: #333;
    font-size: 0.1rem;
}
.nflex{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.mr_01{
    margin-right: 20px;
    cursor: pointer;
}
.mr_01 a{
    color: #1E1E1E;
    font-size: 12px;
    display: flex;
    align-items: center;
}
.mr_02{
    display: flex;
    align-items: center;
    font-size: 12px;
    color: #fff;
    margin-left: 0;
}
.mr_02 p{
    padding:0 2px 0 4px;
    letter-spacing: 0.5px;
}
.header-text-ri{
    display: flex;
    align-items: center;
}
#jc-header_nav{
    padding: 0;
    width: 100%;
    box-sizing: border-box;
    position: relative;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    display: flex;
    align-content: center;
    justify-content: center;
    margin: 0 auto;
}
.navfixed .logo{
    height: 54px;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}
.navfixed .nt_action{
    height: 54px;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}
.navfixed .navflx{
    height: 40px;
    line-height: 40px;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}
.navfixed .logo img {
    height: 32px;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}
.header-text{
    display: flex;
    align-content: center;
}
.headfixed .buynum{
    color: #ffffff;
}
.logo{
    display: flex;
    align-items: center;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    margin-right: 31px
}
.logo img{
     height: 26px;
 }
.nav{
    margin: 0 auto;
    display: flex;
    justify-content: center;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    top: 40px;
    background: #2B2B2B;
}
.flexn{
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.in_flex {
    display: -ms-inline-flexbox;
    display: -webkit-inline-flex;
    display: inline-flex;
}
.al_center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.navli{
     position: relative;
     padding: 0 15px;
     height: 40px;
     line-height: 40px;
}
.navflx{
     display: flex;
     align-items: center;
     color: #e2e2e2;
     font-weight: normal;
     font-size: 14px;
}
.navflx span{
     position:relative;
}
.navflx span:after{
     position: absolute;
     left: 0;
     bottom: 0;
     content: "";
     width: 100%;
     height: 2px;
     opacity: 0;
     background: #4b83fc;
     transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}
.navli:hover a {
     color: #ffffff;
}
.navli:hover .navflx span:after{
     width: 100%;
     opacity: 1;
     transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}
.nt_action{
     float: right;
     position: relative;
     z-index: 99;
}
.user{
     display: flex;
     align-items: center;
     cursor: pointer;
}
.user-r{
    margin-right: 28px;
    display: flex;
    align-items: center;
    cursor: pointer;
}
.like{
     margin-right: 28px;
     display: flex;
     align-items: center;
     justify-content: center;
}
.buy{
     margin-right: 28px;
     position: relative;
     display: flex;
     align-items: center;
     height: 100%;
     justify-content: center;
}
.navfixed .buynum{
    top: 14px!important;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}
.search{
     margin-right: 0;
}
.colw04{
     font-size: 20px;
     font-weight: bolder;
     color: #ffffff;
}
.colw05{
     font-size: 28px;
     font-weight: bolder;
     color: #ffffff;
}
.myxc{
    font-size: 10px;
    color: #1E1E1E;
    padding-left: 0;
}
.buynum{
    position: absolute;
    text-align: center;
    width: 100%;
    top: -2px;
    margin-left: -2px;
    font-size: 12px;
    color: #4b83fc;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}
.search {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.swibot{
    width: 100%;
    padding-left: 50px;
    padding-right: 50px;
    box-sizing: border-box;
    text-align: left!important;
    display: flex;
    align-items: center;
    bottom: 50px!important;
}
.swibot .swiper-pagination-bullet-active{
    width: 44px;
    height: 44px;
    border: 4px solid #c2c2c2;
    border-radius: 10000px;
    text-align: center;
    line-height: 36px!important;
    background: none;
    font-size: 17px;
    color: #ffffff;
    opacity: 1!important;
    font-weight: bolder;
}
.swibot .swiper-pagination-bullet{
    width: 44px;
    height: 44px;
    line-height: 44px;
    text-align: center;
    font-size: 17px;
    color: #ffffff;
    background: none;
    opacity: 1!important;
    font-weight: bolder;
}


.vba-list-group {
  padding-left: 0;
  margin-bottom: 20px;
}
.vba-badge {
  background-color: #d1dade;
  color: #5e5e5e;
  font-size: 14px;
  font-weight: 600;
  padding-bottom: 4px;
  padding-left: 6px;
  padding-right: 6px;
  text-shadow: none;
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  border-radius: 10px;
}
.vba-list-group-item:first-child {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.vba-list-group-item {
  background-color: inherit;
  border: 1px solid #e7eaec;
  display: block;
  margin-bottom: -1px;
  padding: 10px 15px;
  position: relative;
}
.vba-list-group-item>.vba-badge {
  float: right;
}
.vba-label-primary, .vba-badge-primary {
  background-color: #23b7e5;
  color: #FFFFFF;
}
.vba-label-info, .vba-badge-info {
  background-color: #23c6c8;
  color: #FFFFFF;
}
.vba-label-danger, .vba-badge-danger {
  background-color: #ed5565;
  color: #FFFFFF;
}
.vba-label-success, .vba-badge-success {
  background-color: #1c84c6;
  color: #FFFFFF;
}
.vba-label-warning, .vba-badge-warning {
  background-color: #8a6d3b;
  color: #FFFFFF;
}
.ban01{
    width: 100%;
    padding: 40px 50px;
    box-sizing: border-box;
}
.row{
    margin-left: -6px;
    margin-right: -6px;
}
.col-2{
    float: left;
    width: 25%;
    padding-left: 6px;
    padding-right: 6px;
    box-sizing: border-box;
}
.col-3{
    float: left;
    width: 33.3%;
    padding-left: 6px;
    padding-right: 6px;
    box-sizing: border-box;
}
.col-4{
    float: left;
    width: 25%;
    padding-left: 10px;
    padding-right: 10px;
    box-sizing: border-box;
}
.col-6{
    float: left;
    width: 20%;
    padding-left: 6px;
    padding-right: 6px;
    box-sizing: border-box;
}
.pro-rela{
    position: relative;
    width: 100%;
}
.learn{
    position: relative;
    margin-top: 15px;
    display: inline-block;
}
.learn:after{
    position: absolute;
    width: 0;
    content: "";
    bottom: 0;
    left: 0;
    height: 1px;
    background: #4b83fc;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}
.learn:hover:after{
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    width: 100%;
}
.pro_name{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 2;
    padding: 20px 20px;
    box-sizing: border-box;
}
.pro-ft20{
    width: 100%;
    font-size: 18px;
    color: #dde4e4;
}
.pro-ft24{
    width: 100%;
    font-size: 22px;
    color: #fff;
}
.pro-ft18{
    width: 100%;
    font-size: 18px;
    color: #fff;
    font-weight: bolder!important;
}
.pro-ft38{
    width: 100%;
    font-size: 38px;
    color: #fff;
}
.pro-ft20d{
    width: 100%;
    font-size: 20px;
    color: #dde4e4;
}
.pleft{
    text-align: left;
}
.pright{
    text-align: right;
}
.pcenter{
    text-align: center;
}
.colw06{
    font-size: 12px!important;
    padding-right: 2px;
    padding-top: 5px;
    font-weight: normal;
}
.colwm01{
    font-size: 16px!important;
    padding-right: 2px;
    padding-top: 5px;
    font-weight: normal;
}
.colw07{
    font-size: 14px;
    padding-right: 6px;
    font-weight: normal;
}
.colw08{
    font-size: 14px;
    padding-top: 5px;
    font-weight: normal;
}

.adbanner{
    width: 100%;
    float: left;
    clear: both;
}

.product{
    width: 100%;
    float: left;
    clear: both;
    box-sizing: border-box;
}
.product02{
    width: 100%;
    background: #ffffff;
    float: left;
    clear: both;
    box-sizing: border-box;
}

.product-name{
    color: #101010;
    text-align: center;
    text-transform: uppercase;
    font-size: 24px;
    line-height: 1;
    font-weight: 500;
}
.product-name-da{
    color: #1a1a1a;
    text-align: center;
    text-transform: none;
}
.product-ul{
    width: 100%;
}
.pro-li{
    width: 100%;
    text-align: center;
    padding-bottom: 20px;
}
.pro-li:hover .pro-li-btn span:after{
    background: #4b83fc;
}
.pro-li-img{
    width: 100%;
    margin-bottom: 30px;
    text-align: center;
    overflow: hidden;
}
.pro-li-img img{
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;}
.pro-li-img:hover img{
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transform: scale(1.15, 1.15);
}
.pro-li-name{
    width: 100%;
    font-size: 15px;
    margin: 2px 0;
    line-height: 1.2;
    padding: 0 20px;
    box-sizing: border-box;
    color: #242424;
   /* text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;*/
    text-align: center;
}
.pro-li-name:hover a{
    color: #4071d8;
}
.pro-li-name2{
    width: 100%;
    font-size: 18px;
    margin: 17px 0 0;
    padding: 0 20px;
    box-sizing: border-box;
    color: #242424;
    font-weight: 500;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-align: center;
}
.pro-li-btn{
    width: 100%;
    color: #1a1a1a;
    font-size: 16px;
    text-align: center;
}
.pro-li-btn span{
    position: relative;
    padding: 0 10px 2px;
    display: inline-block;
}
.pro-li-btn span:after{
    position: absolute;
    width: 100%;
    height: 1px;
    background: #000;
    content: "";
    left: 0;
    bottom: 0;
}
.pro-li-btn2{
    width: 100%;
    color: #1a1a1a;
    font-size: 15.71px;
    text-align: center;
}
.pro-li-btn2 a{
   color:#1A1A1A
}
.pro-li-btn2 a:hover{
   color:#4c85f9
}
.pro-li-btn2 span{
    position: relative;
    padding: 0 2px 0;
    display: inline-block;
}
.pro-li-btn2 span:after{
    position: absolute;
    width: 100%;
    height: 1px;
    background: #4a4a4a;
    content: "";
    left: 0;
    bottom: 0;
}
.pro-li-btn2 a:hover span:after{
    background: #4c85f9;
}
.adver03-li:hover .azs-01 {
    color: #4c85f9;
}
.more-btn{
    width: 176px;
    height: 50px;
    margin: 0 auto;
    overflow: hidden;
}

.more-btn-link{
    display: inline-block;
    position: relative;
    z-index: 3;
}
.more-btn2{
    width: 166px;
    height: 48px;
    text-align: center;
    border:2px solid #0a0b0b;
    border-radius: 2px;
    margin: 0 auto;
}
.more-btn2 a {
    color: #0a0b0b;
    font-weight: bolder;
    font-size: 16px;
    display: block;
    height: 46px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.more-btn2-link{
    display: inline-block;
    position: relative;
}
.more-btn2:hover .more-btn2-link:after{
    width: 100%;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}
.more-btn2-link:after {
    position: absolute;
    width: 0;
    content: "";
    bottom: 0;
    left: 0;
    height: 1px;
    background: #4b83fc;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}


.newmar{
    width: 100%;
    padding: 60px 0px;
    box-sizing: border-box;
    float: left;
    clear: both;
}
.newname{
    width: 100%;
    font-size: 28px;
    color: #252831;
}
.swipad{
    box-sizing: border-box;
}
.newpad-img{
    width: 100%;
    text-align: center;
    box-sizing: border-box;
    margin-bottom: 25px;
    overflow: hidden;
}
.newpad-img img{
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;}
.newpad-img:hover img{
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transform: scale(1.15, 1.15);
}
.newpad{
    width: 100%;
    border-right:1px solid #e4e4e4;
    padding: 0 30px 0 0;
    box-sizing: border-box;
}
.newlist{
    width: 100%;
    position: relative;
}
.newpad-30{
    padding: 10px 60px;
    width: 100%;
    box-sizing: border-box;
}
.swiper-slide-duplicate-prev .newpad{
    border: 0;
}
.newmar .swiper-button-next:after{
    font-size: 30px;
    color: #2c2c2c;
}
.newmar .swiper-button-prev:after{
    font-size: 30px;
    color: #2c2c2c;
}
.newmar .swiper-button-next, .newmar .swiper-button-prev{
    top: 26%;
}
.new-name {
    font-size: 18px;
    color: #2f2f2f;
    line-height: 22px;
    width: 100%;
    padding-bottom: 18px;
}
.new-dep{
    color: #2f2f2f;
    height: 54px;
    width: 100%;
    margin-bottom: 5px;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: normal;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp: 2;
}
.new-dep ul{
    margin: 0;
    padding: 0;
    list-style: none;
}
.new-dep li{
    width: 100%;
    position: relative;
}
.newen-dep{
    color: #707070;
    width: 100%;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    height: 54px;
    margin-bottom: 10px;
}
.newen-dep ul{
    margin: 0;
    padding: 0;
    list-style: none;
}
.newen-dep li{
    width: 100%;
    position: relative;
    padding:1px 0 1px 10px;
    box-sizing: border-box;
}
.newen-dep li:after {
    width: 4px;
    height: 4px;
    background: #333;
    border-radius: 1000px;
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: 0;
    transform: translateY(-50%);
}
.new-flx{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.new-time{
    color: #8d8d8d;
}
.new-view{
   color: #0059b5;

   display: flex;
   align-items: center;
}
.new-time .sh1{

}
.new-time .sh2{
}
.vclo{
    color: #8d8d8d!important;
    font-size: 18px;
}
.vclo01{
    color: #8d8d8d!important;
    font-size: 13px;
}
.vclo02{
    color: #8d8d8d!important;
    font-size: 16px;
}
.new-learn{
    color: #252831;
    font-size: 15px;
    font-weight: bolder;
    padding-top: 15px;
    position: relative;
    display: inline-block;
}
.new-learn a{
    display: block;
    position: relative;
}
.new-learn:hover{
    color: #4c85f9;
}
.new-learn a:after{
    position: absolute;
    width: 0;
    content: "";
    bottom: 0;
    left: 0;
    height: 1px;
    background: #4c85f9;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}
.new-learn:hover a:after{
    width: 100%;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}
.new-bor{
    position: relative;
    display: inline-block;
}

.si01{
    font-size: 16px;
    font-weight: normal;
}
.service{
    width: 100%;
    background: #0c0b10;
    padding: 5px 0;
    box-sizing: border-box;
    float: left;
}
.service-flex{
    max-width: 1420px;
    margin: 0 auto;
    width: 100%;
    display: flex;
    align-content: center;
    justify-content: space-between;
}
.href-flex{
    max-width: 1420px;
    margin: 0 auto;
    width: 100%;
    display: flex;
    align-content: center;
    justify-content: space-between;
    height: 40px;
}
.clo-2{
    float: left;
    padding: 0;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: left;
}
.serv-left{
    padding: 10px 10px 10px 0;
    box-sizing: border-box;
}
.serv-right h1{
    font-size: 24px;
    color: #fff;
    font-weight: bolder;
    letter-spacing: 1px;
}
.serv-right .h2{
    color: #fff;
    letter-spacing: 1px;
    padding-top: 0;
}
.footer{
    width: 100%;
    float: left;
    background: #f6f6f4;
    padding: 30px 0 0;
    clear: both;
}
.ftrow{
    margin-left: -36px;
    margin-right: -36px;
}
.footli{
    width: 55%;
    padding: 0 36px 50px;
    box-sizing: border-box;
    float: left;
}
.footli2{
    width: 45%;
    padding: 0 36px 5px;
    box-sizing: border-box;
    float: left;
}
.ftbuy{
    width: 100%;
    border-bottom: 1px solid #d3d3d2;
    padding-bottom: 10px;
    color: #383838;
    letter-spacing: 2px;
    float: left;
    margin-bottom: 15px;
}
.ftdl{
    float: left;
    display: flex;
    justify-content: space-between;
    width: 100%;
}
.ftdt01{
    float: left;
    width: 33.3%;
}
.ftdt{
    float: left;
    width: 50%;
    padding-right: 15px;
    box-sizing: border-box;
}
.ftdtr{
    float: left;
    width: 50%;
    max-width: 315px;
}
.ftdd{
    font-size: 18px;
    color: #2f2f2f;
    font-weight: bolder;
    width: 100%;
    padding-bottom: 6px;
}
.ftul{
    list-style: none;
}
.ftul li{
    width: 100%;
    padding: 2px 0;
}
.ftul li a{
    color: #575757;
    position: relative;
}
.ftul li a:after{
    position: absolute;
    width: 0;
    content: "";
    bottom: 0;
    left: 0;
    height: 1px;
    background: #4b83fc;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}
.ftul li:hover a:after {
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    width: 100%;
}

.ftuls{
    width: 100%;
    color: #575757;
    float: left;
    padding-bottom: 10px;
    line-height: 24px;
}
.submit{
    width: 100%;
    color: #575757;
    float: left;
    padding-bottom: 15px;
    line-height: 24px;
}
.sub-text{
    width: 100%;
    color: #898989;
    float: left;
    font-size: 9px;
    line-height: 16px;
    letter-spacing: 0;
}
.subinput{
    border: 1px solid #bfbfbe;
    border-radius: 1000px;
    float: left;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
    position: relative;
    width: 100%;
}
.inbtext{
    border: 0;
    background: none;
    height: 34px;
    line-height: 34px;
    padding-left: 8px;
    flex: 1;
}
.insub{
    background: #4b83fc;
    color: #fff;
    border-radius: 1000px;
    border: 0;
    height: 34px;
    line-height: 34px;
    cursor: pointer;
    padding: 0 15px;
    position: absolute;
    right: 0;
    font-weight: bolder;
}
.share{
    float: left;
    width: 100%;
    padding-bottom: 15px;
}
.copylist{
     width: 100%;
     padding: 10px 0 10px;
     box-sizing: border-box;
     display: flex;
     align-items: center;
     justify-content: space-between;
     background: #ffffff;
     float: left;
     border-top: 1px solid #cdcdcc;
     font-size: 14px;
 }
 .cpay img{
     border:1px solid #f1f1f1;
     border-radius: 6px;
     overflow: hidden;
 }
.st-btns{
    width: 34px;
    height: 34px;
    border: 1px solid #a8aaad;
    border-radius: 10000px;
    display: flex;
    align-items: center;
    justify-content: center;
    float: left;
    margin-right: 10px;
}

.navgite{
    text-align: left;
    position: absolute;
    min-width: 250px;
    width: 100%;
    left: 0;
    background: #000;
    top: 100%;
    z-index: 10;
    padding: 0;
}
.nav2fixed{
    position: fixed!important;
    top: 40px!important;
    z-index: 99;
}
.nav2fixed .pad57{
    padding: 30px 50px;
    box-sizing: border-box;
}
.navigation-down{
    position:absolute;
    top: 80px;
    left:0px;
    width:100%
}
.navigation-down .nav-down-menu{
    width:100%;
    margin:0;
    background:#ffffff;
    position:absolute;
    top:0px;
    border-top: 1px solid #3d3d3b;
    z-index: 9;
}
.naviglist{
    padding-left: 0;
    flex: 1;
}
.pad57{
    padding: 30px 50px ;
    box-sizing: border-box;
}
.pad20{
    padding: 20px 0;
}
.nav-up-selected .navflx span:after {
    position: absolute;
    left: 0;
    bottom: 0;
    content: "";
    width: 100%;
    height: 2px;
    opacity: 1;
    background: #4b83fc;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}
.navigation-down-inner{
    max-width: 1420px;
    margin: 0 auto;
    padding: 40px 0;
}
.w01{
   width: 100%;
   display: flex;
   justify-content: space-between;
}
.w03{
   width: 100%;
   max-width: 1610px;
   display: flex;
   justify-content: space-between;
}
.w04{
   width: 100%;
   max-width: 1314px;
   display: flex;
   justify-content: space-between;
}
.w05{
   width: 100%;
   max-width: 1430px;
   display: flex;
   justify-content: space-between;
}
.w06{
   width: 100%;
   display: flex;
   padding: 0 50px;
   box-sizing: border-box;
   justify-content: space-between;
}
.navigli{
   float: left;
   padding-right: 15px;
   box-sizing: border-box;
   width: 100%;
}
.navigliad{
   float: left;
   /*flex: 1;*/
   padding-left: 0;
   padding-top: 0;
   padding: 15px 0;
   width: 35%;
   box-sizing: border-box;
}
.navigliad04{
   float: left;
   width: 950px;
   padding-left: 0;
   padding-top: 4px;
   box-sizing: border-box;
}
.navigcn{
    float: left;
}
#nav00 .nahight{
    /*height: 260px*/
}
#nav01 .nahight{
    /*height: 310px*/
}
#nav02 .nahight{
    /*height: 420px;*/
}
#nav03 .nahight{
  /* height: 210px;*/
}
#nav04 .nahight{
   /*height: 270px;*/
}
.navigli02{
    display: flex;
    flex-direction: column;
    margin: 0;
    padding: 0;
    flex-wrap: wrap;
    width: 994px;
}
.navigli04{
    display: flex;
    flex-direction: column;
    margin: 0;
    padding: 0;
    flex-wrap: wrap;
    width: 364px;
}
.navigli {
    display: flex;
    /*flex-direction: column;*/
    justify-content: left;
    margin: 0;
    padding: 0;
    flex-wrap: wrap;
    flex: 1;
    /*width: 670px;*/
}

.navsect{
    width: 33.3%;
    border-right: 1px solid #3d3d3b;
    padding: 15px;
    box-sizing: border-box;
    height: 340px;
    overflow-y:auto;
}
.nava {
    margin-bottom:  6px;
    padding-bottom: 2px;
    color: #000;
    list-style: none
}
.nava img{
    transition: transform 0.6s ease 0s;
    transform: scale(0.8, 0.8);
}
.nava:hover img{
    transform: scale(1.15, 1.15);
    transition: transform 0.6s ease 0s;
}
.nava a{
   color: #ffffff;
   font-size: 16px;
   display: flex;
   align-items: center;
   justify-content: left;
}
.na01{
   overflow: hidden;
   font-size: 12px;
   padding-right: 4px;
   transition: all 0.5s ease 0s;
   -webkit-transition: all 0.5s ease 0s;
   -moz-transition: all 0.5s ease 0s;
   -o-transition: all 0.5s ease 0s;
}
.nava-btn{
    float: left;
    clear: both;
    padding: 15px 0;
}
.nava-btn a{
    color: #fff;
    display: inline-block;
}
.nava span{
   position: relative;
   padding-bottom: 2px;
   color: #f4f4f4;
}
.nava span:after {
    position: absolute;
    width: 0;
    content: "";
    bottom: 0;
    left: 0;
    height: 1px;
    background: #4b83fc;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}
.nava:hover  span:after {
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    width: 100%;
}
.navigimg {
    float: left;
}
.navigimg ul{
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    justify-content: space-between;
}
.navigimg li{
   margin-left: 18px;
   float: left;
   width: 100%;
   overflow: hidden;
}
.naim{
   width: 100%;
   overflow: hidden;
}
.navigimg .naim img{
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}
.navigimg .naim:hover img{
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transform: scale(1.085, 1.085);
}

.nav-bot{
   float: left;
   width: 100%;
   padding: 8px 0 0;
   color: #ffffff;
}

.nav-bot02{
   float: left;
   width: 100%;
   padding: 15px 0 0;
   color: #555;
}
.nav-name-bot02{
   width: 100%;
   padding-bottom: 5px;
   font-size: 18px;
   color: #333;
}
.nav-learn02{
   float: left;
   font-size: 16px;
}
.nav-learn02 a {
   color: #555;
   display: flex;
   align-items: center;
   justify-content: left;
   font-size: 16px;
   position: relative;
}
.nav-learn02 a:hover:after {
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    width: 100%;
}
.nav-learn02 a:after {
    position: absolute;
    width: 0;
    content: "";
    bottom: 0;
    left: 0;
    height: 1px;
    background: #4b83fc;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}
.nav-name-bot{
   width: 100%;
   padding-bottom: 5px;
   font-size: 16px;
   color: #f4f4f4;
}
.nav-learn{
   float: left;
}
.nav-learn a {
   color: #ffffff;
   display: flex;
   align-items: center;
   justify-content: left;
   font-size: 13px;
   position: relative;
}
.nav-learn a:hover:after {
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    width: 100%;
}
.nav-learn a:after {
    position: absolute;
    width: 0;
    content: "";
    bottom: 0;
    left: 0;
    height: 1px;
    background: #4b83fc;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}

.nav-bot-flx{
    display: flex;
    float: left;
    clear: both;
    width: 100%;
    padding: 0 50px;
    box-sizing: border-box;
}
.nav-ableft{

    color: #ffffff;
    font-size: 18px;
}
.nav-abcenter{
    list-style: none;
    padding:0;
    margin:0;
}
.newheig{
    width: 100%;
}
.swiper-bann{
    position: absolute;
    left: 50px;
    top: 40%;
    transform: translateY(-50%);
    z-index: 2
}
.swiper-ul{
    margin-top: 30px;
    float: left;
}
.swiper-h1{
    line-height: 80px;
    color: #fff;

}
.swiper-li{
    color: #fff;

    display: flex;
    align-items: center;
    float: left;
    margin-right: 28px;
}
.swiper-li img{
    margin-right: 5px;
}
.swiper-btn{
    float: left;
    clear: both;
    width: 225px;
    height: 70px;
    background: #1c69d3;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 29px;
}
.swiper-btnpad{
    color: #fff;
    font-size: 22.77px;
}
.ba23{
    font-size: 16px;
    font-weight: normal;
}
.clear{
    clear: both;
}
.h1 {
   color:#fff;
}
.swiper-nbtnpad{
    color: #252831;
    font-size: 18px;
    font-weight: bolder;
}
.swip-nban{
    position: absolute;
    left: 76px;
    top: 36%;
    transform: translateY(-50%);
    z-index: 2
}
.swiper-nh1{
    font-size: 55px;
    color: #ffffff;

}
.swiper-nh2{
    font-size: 16px;
    color: #dde4e4;
    padding-top: 16px;
}
.swiper-nh3{
    float: left;
    height: 46px;
    background: #ececec;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 50px;
    padding: 0 20px;
}

/**涓€绾ц仛鍚堥〉**/
.nbanner{
    width: 100%;
    position: relative;
}
.nbanner-fixed{
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    padding: 0;
    width: 100%;
    box-sizing: border-box;
    max-width: 1500px;
}
.abbanner-fixed{
    position: absolute;
    z-index: 2;
    top:50%;
    transform: translateY(-55%);
    padding: 0 50px;
    width: 100%;
    box-sizing: border-box;
}
.nbh1{
    line-height: 60px;
    color: #ffffff;
    text-transform: uppercase;
}
.nbh2{
    color: #ffffff;
    max-width: 690px;
    padding-top: 60px;
}
.nbh3{
    color: #ffffff;
    max-width: 690px;
    padding-top: 30px;
    font-size: 22px;
}
.nbh4{
    color: #dde4e4;
    max-width: 590px;
    padding-top: 10px;
}
.col-5{
    float: left;
    width: 50%;
    padding-left: 6px;
    padding-right: 6px;
    box-sizing: border-box;
}
.ec-col:nth-child(odd){
    width: 100%;
    display: flex;
    align-items: center;
    flex-direction: row
}
.ec-col:nth-child(even){
    width: 100%;
    display: flex;
    align-items: center;
    flex-direction: row-reverse
}
.eccol-5{
    float: left;
    width: 50%;
    display: flex;
    align-items: center;
}
.ec-col-flxe{
    width: 100%;
    box-sizing: border-box;
}
.fwb{
    font-weight: bolder;
}

.ship-describe{
    width: 100%;
    padding: 65px 0 35px;
}
.product-list{
    padding: 20px 50px;
    width: 100%;
    box-sizing: border-box;
    background: #f6f6f4;
}
.page-home{
    width: 100%;
    padding: 40px 0 40px;
}
.new-nav{
    width: 100%;
    padding-top: 80px;
    box-sizing: border-box;
    border-bottom: 1px solid #e9e9e9;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.naw-nav-left{
    height: 50px;
    line-height: 50px;
}
.naw-nav-left a{
    margin:0 38px;
}
.search-bor{
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 36px;
    border: 1px solid #d3d3d3;
    overflow: hidden;
}
.search-bor input{
    border: 0;
    height: 36px;
    line-height: 36px;
}
.color8e{
   color: #8e8e8e;
}
.searpad{
    padding:10px;
    box-sizing: border-box;
}
.sear-btn{
    width: 36px;
    height: 48px;
    line-height: 46px;
    text-align: center;
    cursor: pointer;
}
.new-li{
    width: 100%;
    padding: 0;
    box-sizing: border-box;
    margin: 30px 0;
    float: left;
    clear: both;
}
.new-banner{
    position: relative;
    width: 100%;
}
.new-day{

}
.new-num{

}
.new-title{
   position: absolute;
   width: 100%;
   bottom: 0;
   padding: 15px;
   box-sizing: border-box;
   color: #ffffff;
}
.new-li-left{
   float: left;
   width: 100%;
   margin: 30px 0 0 0;
}
.new-li-right{
   float: right;
   width: 100%;
   box-sizing: border-box;
}
.new-tren{
}
.new-des{
   width: 100%;
   padding: 10px 0;
   margin-bottom: 20px;
}
.new-des ul{
   width: 100%;
}
.new-des li{
   padding:3px 0 3px 10px;
   margin-right: 30px;
   list-style: none;
   position: relative;
}
.new-des li:after{
   width: 4px;
   height: 4px;
   background: #333;
   border-radius: 1000px;
   content: "";
   position: absolute;
   left: 0;
   top: 50%;
   margin-top:0;
   transform: translateY(-50%);
}
.new-des li:last-child{
   margin-right: 0;
}
.new-pro-img{
   border:1px solid #f1f1f1;
   overflow: hidden;
}
.new-pro-img img{
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}
.new-pro-img:hover img{
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transform: scale(1.15, 1.15);
}
.blog-img{
    overflow: hidden;
}
.blog-img img{
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}
.blog-img:hover img{
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transform: scale(1.15, 1.15);
}
.new-list-l{
   float: left;
   margin-top: 3px;
   width: 40%;
}
.new-list-r{
   float: left;
   flex: 1;
   padding-left: 20px;
}
.new-li-right-list{
   float: left;
   width: 100%;
   padding-bottom: 15px;
   margin-bottom: 15px;
   display: flex;
}

.new-list-day{
   width: 100%;
   display: flex;
   justify-content: space-between;
   align-items: center;
}
.new-list-tit{

   color: #000000;
   line-height: 26px;
}
.new-day-l{

}
.new-day-r{
   font-size: 14px;
   color: #0059b5;
   display: flex;
   align-items: center;
}
.new-li-right-hot{
   width: 100%;
   margin-bottom: 30px;
   display: flex;
}
.recy{
   width: 100%;
   text-align: right;
   padding: 5px 0;

   font-size: 17px;
}
.new-wi-w3{
   width: 33.3%;
   padding: 0 15px 0;
   box-sizing: border-box;
   border-right: 1px solid #e4e4e4;
}
.new-wi-w3:nth-child(3){
   float: left;
   width: 33.3%;
   padding: 0 15px;
   box-sizing: border-box;
   border-right: 0;
}
.new-width{
   width: 100%;
   display: flex;
   justify-content: space-between;
   padding: 35px 0 35px;
   border-bottom: 2px solid #a7a7a7;
}
.new-witt{
   line-height: 26px;
   color: #000;
   font-size: 20px;
   padding-bottom: 15px;
}
.blog-text:hover {
   color: #daa500;
}
.new-witt a:hover{
   color: #daa500;
}
.blog-text{
   line-height: 26px;
}
.cw2{
   width: 100%;
   padding: 0 0 0 6px;
   font-size: 14px;
}
.cw2:after{
  width: 2px;
  height: 2px;
  content: "";
  border-radius: 100px;
  position: absolute;
  left: 0;
  top: 10px;
  background: #5a5a5a;
}
.cw4{
   width: 100%;
   padding: 0 0 0 15px;
}
.cw4:after{
  width: 4px;
  height: 4px;
  content: "";
  border-radius: 100px;
  position: absolute;
  left: 0;
  top: 12px;
  background: #5a5a5a;
}
.new-learn02{
  color: #252831;
  font-size: 16px;
  font-weight: bolder;
  padding-top: 10px;
  position: relative;
  display: inline-block;
}
.new-learn02 a{
    display: block;
    position: relative;
}
.new-learn02 a:after{
    position: absolute;
    width: 0;
    content: "";
    bottom: 0;
    left: 0;
    height: 1px;
    background: #4b83fc;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}
.new-learn02:hover a:after{
    width: 100%;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}

.newmore{
  color: #252831;
  font-size: 16px;
  font-weight: bolder;
  padding-top: 15px;
  position: relative;
  display: block;
  width: 88px;
}
.newmore a{
    display: block;
    position: relative;
}
.newmore a:after{
    position: absolute;
    width: 0;
    content: "";
    bottom: 0;
    left: 0;
    height: 1px;
    background: #4b83fc;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}
.newmore:hover a:after{
    width: 100%;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}

.si03{
    font-size: 12px;
}
.highlight{
    color: #000000;
    width: 100%;
    padding: 25px 0 15px;
}
.highlight-w{
   width: 100%;
}
.blog-img{
   width: 100%;
   overflow: hidden;
   border-radius: 10px;
}
.blog-name{
   width: 100%;
   color: #8e8e8e;
   padding: 20px 0 10px;
}
.blog-day{
   display: flex;
   align-items: center;
   justify-content: space-between;
   width: 100%;
   padding: 0;
}
.info-w{
   width: 100%;
   border-top: 2px solid #a7a7a7;
   float: left;
}
.info-list{
    width: 100%;
    padding: 10px 0;
}
.info-left{
   float: left;
   width: 100%;
   overflow: hidden;
}
.info-left img{
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}
.info-left:hover img{
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transform: scale(1.15, 1.15);
}
.info-right{
   float: left;
   padding-left: 0;
   width: 100%;
}

.company-info-left{
   float: left;
   width: 446px;
}
.comp-tag{
   width: 100%;
   padding: 20px 0 10px;
}
.comp-text{
   width: 100%;
   padding-bottom: 10px;
}
.comp-flx{
   display: flex;
   width: 100%;
   align-items: center;
   margin-top: 15px;
}
.company-info-right{
    float: left;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
    padding-left: 15px;
}
.company-info{
    width: 100%;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.company-info-rlist{
    width: 100%;
    display: flex;
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid #e4e4e4;
}
.company-info-rlist:last-child{
    border-bottom: 0;
}
.company-info-img{
    width: 151px;
}
.company-info-text{
    float: left;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
    padding-left: 27px;
}
.company-info-flxe{
    width: 100%;
    display: flex;
    align-items: center;
    padding-top: 15px;
    justify-content: space-between;
}
.company-info-h1{
    width: 100%;
}
.new-tag{
    width: 100%;
    box-sizing: border-box;
    margin-top: 0;
    padding: 30px 0;
}
.new-tag-name{
    width: 100%;
    color: #1c69d3;
    padding-bottom: 20px;
    padding-top: 20px;
}
.new-tag-ul a{
    padding: 3px 8px;
    display: block;
    font-size: 14px;
    border: 1px solid #e0e0e0;
    border-radius: 1000px;
    margin: 4px 5px;
    float: left;
}
.new-tag-ul a:last-child{
    border-bottom: 0;
}
.tag-add{
    width: 100%;
}
.tag-add-img{
    width: 100%;
}
.tag-add-img img{
    width: 100%;
}
.tag-add-text{
   width: 100%;
   padding: 15px 0;
}
.naw-add{
   width: 100%;
   flex: 1;
   margin-right: 15px;
   overflow: hidden;
}
.naw-add img{
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}
.naw-add:hover img {
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transform: scale(1.05, 1.05);
}

.new-product{
   width: 100%;
   padding: 20px 0;
   box-sizing: border-box;
   float: left;

}
.new-product-h1{
   width: 100%;
   padding: 20px 0;
}
.new-pro-h1{
   width: 100%;
   padding: 24px 0 10px;
}
.new-pro-h2{
   width: 100%;
   line-height: 24px;
   min-height: 34px;
   padding-top: 15px;
}
.new-detail-bg{
   width: 100%;
   background: #f6f6f4;
   float: left;
}
.new-detail-add{
   width: 100%;
   padding: 25px 0 0 0;
}
.new-home{
   width: 100%;
   padding: 20px 0;
   box-sizing: border-box;
}
.new-detail-cn{
   width: 100%;
   margin: 80px auto 30px;
   padding: 0;
   box-sizing: border-box;
}
.new-detail-pad{
   width: 100%;
   background: #ffffff;
   padding: 60px 60px;
   box-sizing: border-box;
}
.new-detail-h1{
   margin: 0 auto;
   text-align: center;
}
.new-detail-dec{
   width: 100%;
   display: flex;
   align-items: center;
   justify-content: center;
   padding: 20px 0;
}
.new-detail-text{
   width: 100%;
   line-height: 36px;
}
.new-contact{
   width: 100%;
   margin: 60px 0 20px;
}
.new-ch1{
   width: 100%;
   padding-bottom: 15px;
}
.new-ch2{
   width: 100%;
   padding:6px 0;
}
.clear{
   clear: both;
}
.new-ch2 a{
   display: inline-block;
   padding-bottom: 0;
   position: relative;
}
.new-ch2 a:after{
    content: "";
    width: 100%;
    height: 1px;
    background: #656565;
    position: absolute;
    bottom: 0px;
    left: 0;
}
.bor-top{
   width: 100%;
   border-top:5px  solid #a7a7a7;;
}
.detail-h1{
   width: 100%;
   color: #1c69d3;
   padding-bottom: 20px;
}
.detail-tag{
   width: 100%;
   border: 1px solid #e4e4e4;
   padding: 50px;
   box-sizing: border-box;
   margin-top: 50px;
   float: left;
   clear: both;
}
.detail-border{
   width: 100%;
   float: left;
}
.detail-border a {
   float: left;
   width: 25%;
   padding: 14px 0;
   border-bottom: 1px solid #d8d8d7;
}
.detail-border a:nth-last-child(2){
   border-bottom: 1px solid transparent;
}
.detail-border a:nth-last-child(1){
   border-bottom: 1px solid transparent;
}
.numCount{
   padding: 16px 0 0;
}
.numCount ul{
   margin: 0;
   padding: 0;
   list-style: none;
}
.numCount li{
  padding-right: 34px;
  margin-right: 34px;
  margin-bottom: 5px;
  float: left;
  position: relative;
}
.numCount li:after{
   position: absolute;
   right: 0;
   top: 10px;
   bottom: 4px;
   content: "";
   width: 1px;
   background: rgba(255,255,255,0.15);
}
.numCount li:last-child:after{
   position: absolute;
   right: 0;
   top: 10px;
   bottom: 4px;
   content: "";
   width: 0;
   background:none;
}
.indc{
   padding-left: 5px;
   font-size: 16px;
   color: #fff!important;
}
.numCX{
  display: inline-block;
  font-weight: bold;
}
.w100{
  min-width: 160px;
  text-align: left;
  display: inline-block;
}
.w005{
  min-width: 80px;
  text-align: left;
  display: inline-block;
}
#bot-positon{
   position: static!important;
}
.swiper-thumbs{
   position: absolute;
   width: 100%;
   z-index: 9;
   left: 0;
   right: 0;
   bottom: 22px;
   padding:0 217px;
   box-sizing: border-box;
}
.about-next{
   cursor: pointer;
}
.about-prev{
   cursor: pointer;
}
.about-xcgs{
   width: 100%;
   padding: 80px 120px 50px;
   box-sizing: border-box;
   text-align: center;
}
.about-xcgs-tt{
   width: 100%;
   padding: 0;
}
.abh1 {
   width: 100%;
   line-height: 36px;
   padding: 15px 0;
   margin-top: 30px;
}
.about-xcgs-h2{
   width: 100%;
   max-width: 1200px;
   margin: 0 auto;
}
.sec-nav-center{
   display: flex;
}
.sec-nav-center ul{
   padding: 0;
   margin: 0;
   list-style: none;
   display: flex;
   justify-content: center;
}
.sec-nav-center li{
   padding:0 17px;
}
.qualification-bg{
   width: 100%;
   background: #f6f6f6;
   padding: 50px 0;
   box-sizing: border-box;
}
.qucontainer{
   width: 100%;
   max-width: 1615px;
   margin: 0 auto;
}
.quflx{
   display: flex;
   justify-content: space-between;
   margin-top: 70px;
   margin-bottom: 70px;
}
.qua-cen-h1{
   text-transform: uppercase;
   font-weight: normal!important;
   width: 100%;
   padding-bottom: 20px;
}
.qua-cen-h2{
   text-transform: uppercase;
   width: 100%;
   padding-bottom: 20px;
   line-height: 52px;
}
.qua-cen-h3{
   line-height: 38px;
   text-align: justify;
}
.qua-num{
   width: 60px;
   text-align: center;
}
.qua-cen{
   width: 664px;
   padding-right: 70px;
}
.qua-rig{
   width: 847px;
   overflow: hidden;
   border-radius: 6px;
}
.qua-rig img{
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}
.qua-rig:hover img{
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transform: scale(1.15, 1.15);
}
.qua-w1{
   width: 340px;
}
.qua-w1-img{
   width: 100%;
   overflow: hidden;
}
.qua-w1-img img{
   width: 100%;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}
.qua-w1-img:hover img{
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transform: scale(1.15, 1.15);
}
.qua-w4{
   width: 1514px;
   display: flex;
   justify-content: space-between;
}
.qua-w1-h1{
   width: 100%;
   text-transform: uppercase;
   padding: 30px 0 20px;
}
.qua-w1-h2{
   line-height: 20px;
   text-align: justify;
}
.prolist-li{
   width: 100%;
   position: relative;
  -webkit-transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
}
.wrapper {
   width: 100%;
}

.prolist-li-hover{
   width: 100%;
   border: 1px solid #000;
   padding: 30px 0 18px;
   box-sizing: border-box;
   background: #f6f6f4;
   max-width: 344px;
   position: absolute;
   top: 0;
   left: 50%;
   z-index: 6;
   margin-left: -50%;
   overflow: hidden;
   opacity: 0;
}
.prolist-li:hover .prolist-li-hover{
   opacity: 1;
}
.proswiper{
   position: static!important;
}
.position-pr{
   width: 100%;
   position: relative;
   padding: 0 26px;
   box-sizing: border-box;
}
.pro-prev{
   position: absolute;
   left: 7px;
   top: 50%;
   transform: translateY(-50%);
   z-index: 66;
   cursor: pointer;
   width: 16px;
   height: 80px;
   background: url(../images/prarr-l.png) no-repeat center;
}
.pro-prev:hover{
   background: url(../images/prarr-l2.png) no-repeat center;
}
.pro-next:hover{
   background: url(../images/prarr-r2.png) no-repeat center;
}
.pro-next{
   position: absolute;
   right: 7px;
   top: 50%;
   transform: translateY(-50%);
   z-index: 66;
   cursor: pointer;
   width: 16px;
   height: 80px;
   background: url(../images/prarr-r.png) no-repeat center;
}
.hover-tit{
   width: 100%;
   padding: 10px 10px 10px;
   box-sizing: border-box;
   line-height: 20px;
   height: 76px;
}
.add-buy{
   height: 42px;
   margin: 10px 10px 0;
   display: flex;
   align-items: center;
   background: #000000;
   justify-content: center;
   color:#ffffff;
   padding:0 15px;
   border:1px solid #000000;
   box-sizing: border-box;
   cursor: pointer;
   -webkit-transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
 }
 .add-buy:hover{
   background: #4b83fc;
   color: #000;
   padding:0 15px;
   border:1px solid #000000;
   box-sizing: border-box;
   justify-content: center;
   -webkit-transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
 }

.pros-li-img {
  overflow: hidden;
  position: relative;
  max-width: 361px;
  margin: 0 auto;
  padding-bottom: 60px;
  background-repeat: no-repeat;
  background-position: center;
}

.pros-li-img img {
  width: 100%;
  min-width: 360px;
  height: 100%;
  min-height: 293px;
}
.pros-li-img02 {
  overflow: hidden;
  position: relative;
  max-width: 361px;
  margin: 0 auto;
  padding-bottom: 20px;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box;
  background-repeat: no-repeat;
  background-position: center;
}

.pros-li-img02 img {
  width: 100%;
  height: 100%;
  transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
}
.pros-li-img02:hover img{
  transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  transform: scale(1.15, 1.15);
}
.hidden{
  display: none;
}

.load-more__btn{
   width: 283px;
   height: 58px;
   border: 1px solid #000;
   box-sizing: border-box;
   margin: 5px auto 15px;
   display: flex;
   align-items: center;
   justify-content: center;
   clear: both;
   display: none;
}
.back-top{
   text-align: center;
   display: block;
   justify-content: center;
   align-items: center;
   padding: 5px 0;
   cursor: pointer;
   margin: 0 auto;
   width: 130px;
}
.back-top img{
   width: 10px;
   margin-left: 6px;
}
.back-top span{
   position: relative;
   padding-bottom: 1px;
   display: flex;
   align-items: center;
   justify-content: center;
}
.back-top span:after{
    position: absolute;
    width: 0;
    content: "";
    bottom: 0;
    left: 0;
    height: 1px;
    background: #4b83fc;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
 }
.back-top:hover span:after{
    position: absolute;
    width: 100%;
    content: "";
    bottom: 0;
    left: 0;
    height: 1px;
    background: #4b83fc;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
 }
 .count{
    clear: both;
    display: block;
    margin: 0 auto;
    width: 280px;
    padding: 15px 0;
    text-align: center;
 }
 .page404{
    width: 100%;
    padding: 160px 140px 0;
    box-sizing: border-box;
    text-align: center;
    background: #f6f6f4;
 }
 .page404-pad{
    width: 100%;
    border-bottom: 1px solid #cececc;
    padding-bottom: 93px;
 }
 .page404-img{
    padding-bottom: 30px;
    width: 100%;
 }
 .page404-bth{
     width: 255px;
     height: 52px;
     text-align: center;
     line-height: 52px;
     background: #fccb30;
     margin: 20px auto;
 }
 .page404-bth2{
    display: inline-block;
    position: relative;
    padding-bottom: 1px;
 }
 .page404-bth2:after{
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: #656564;
    content: "";
    left: 0;
 }
 .bubble{
    width: 100%;
 }
 .search-nav{
    width: 100%;
    display: flex;
    position: relative;
    align-items: center;
    justify-content: space-between;
 }
 .search-nav-left{
    display: flex;
    justify-content: left;
 }
 .search-nav-left-ul{
    margin: 0;
    padding: 0;
 }
 .search-nav-left-ul ul{
    display: flex;
    padding: 0;
    margin: 0 30px;
    list-style: none;
 }
 .search-nav-left-ul li{
    margin: 0 30px;
    display: flex;
    align-items: center;
    cursor: pointer;
    position: relative;
 }
 .search-nav-left-ul li:after{
    position: absolute;
    width: 0;
    content: "";
    bottom: 0;
    left: 0;
    height: 1px;
    background: #4b83fc;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
 }
  .search-nav-left-ul li:hover:after{
    position: absolute;
    width: 100%;
    content: "";
    bottom: 0;
    left: 0;
    height: 1px;
    background: #4b83fc;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
 }
 .search-nav-left-ul li img{
    width: 8px;
    margin-top: 4px;
    margin-left: 4px;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
 }
 .search-ul-down{
    width: 100%;
    position: relative;
 }
 .search-ul-top{
    width: 100%;
    padding: 30px 120px 30px;
    box-sizing: border-box;
    position: absolute;
    top: 30px;
    z-index: 33;
    background: #ffffff;
    display: none;
 }
 .search-ulflx{
    display: flex;
 }
 .search-ulimg{
    width: 400px;
 }
 .search-ulimg img{
    width: 100%;
 }
 .seaimg-pr{
    width: 100%;
    display: none;
 }
 .seaname{
    width: 100%;
    padding: 8px 0;
 }
 .search-ulname{
    padding:0 0 0 38px;
 }
 .seanwapper{
    padding: 0 0 0 20px;
    margin-bottom: 15px;
    cursor: pointer;
    position: relative;
 }
 .des_checkbox{
    height: 9px;
    width: 9px;
    background-color: #fff;
    border-radius: 0;
    border: 1px solid #000;
    position: absolute;
    top: 7px;
    left: 0;
    cursor: pointer;
 }
 .active-item img{
    transform:rotate(180deg);
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
 }
.search-nav-right{
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
 /**涓嬫媺閫夋嫨**/
 ::-webkit-selection {
  background:#000;
  color:#fff;
  text-shadow:none;
}
::-moz-selection {
  background:#000;
  color:#fff;
  text-shadow:none;
}
::selection {
  background:#000;
  color:#fff;
  text-shadow:none;
}
.cssSelect {
  white-space:nowrap;
  float:left;
  position: relative;
}
.cssSelect * {
  display:block;
}
.cssSelect .selectBox {
  cursor:pointer;
  float:left;
}
.cssSelect .selectLt {
  cursor:pointer;
  float:left;
  text-align:left;
}
.sortby-width .cssSelect .selectLt{
  width: 140px;
}
.cssSelect .selectRt {
  cursor:pointer;
  background:url('../images/varrsearch.svg') no-repeat center;
  background-size: 8px;
  float:left
}
.cssSelect .selectBox {
  display: flex;
  align-items: center;
  position: relative;
}
.cssSelect .selectBox:after{
  position: absolute;
  width: 0;
  content: "";
  bottom: 0;
  left: 0;
  height: 1px;
  background: #4b83fc;
  transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
}
.cssSelect .selectBox:hover:after{
  position: absolute;
  width: 100%;
  content: "";
  bottom: 0;
  left: 0;
  height: 1px;
  background: #4b83fc;
  transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
}
.cssSelect .selectLt {
  overflow:hidden;
  padding:0 5px 0 5px;
  background:none transparent scroll repeat 0% 0%;
}
.cssSelect .selectRt {
  height: 8px;
  width: 8px;
  margin-top: 5px;
}
.cssSelect .sHover .selectRt {
  background:url('../images/varrsearch.svg') no-repeat center;
  background-size: 8px;
  -webkit-transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  transform:rotate(180deg);
}
.cssSelect .sPressDown {
  }
.cssSelect .sPressDown .selectRt {
  background:url('../images/varrsearch.svg') no-repeat center;
  background-size: 8px;
  -webkit-transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  transform:rotate(180deg);
}
.cssSelect .optionsBox {
  position:absolute;
  padding:2px;
  margin:0px;
  background:#fff;
  z-index:100;
}
.cssSelect .optionsInnerBox {
  }
.cssSelect .optionBox {
  cursor:pointer;
  padding:4px 18px;
  margin:0px;
  line-height:25px;
  position: relative;
}
.cssSelect .optionBox span {
  cursor:pointer;
  font-size:14px;
  color: #333;
}
.cssSelect .oNormal {

}
.cssSelect .oHover {

}
.cssSelect .selected {
}
.cssSelect .selected:after {
   width: 6px;
   height: 6px;
   content: "";
   background: #4b83fc;
   border-radius: 1000px;
   position: absolute;
   left: 5px;
   top: 15px;
}
.search-home{
   display: flex;
   align-items: center;
}
.viewall{
   margin-left: 15px;
   font-weight: bold;
}
.base-item{
   box-sizing: border-box;
   width: 100%;
   position: relative;
}
.base-item-w{
   width: 100%;
   padding-bottom: 60px;
   display: flex;
   position: relative;
}
.base-item-w02{
   width: 100%;
   float: left;
   padding-bottom: 15px;
   position: relative;
}
.d-row{
   margin-left: -5px;
   margin-right: -5px;
}
.d-clo-5{
   padding-left: 5px;
   padding-right: 5px;
   padding-bottom: 5px;
   padding-top: 5px;
   width: 50%;
   float: left;
}
.d-clo-10{
   padding-left: 5px;
   padding-right: 5px;
   padding-bottom: 5px;
   padding-top: 5px;
   width: 100%;
   float: left;
}
.oncolor .ftimg-li{
   border:2px solid #4b83fc!important;
}
.dn-clo-5{
   padding-left: 5px;
   padding-right: 5px;
   padding-bottom: 5px;
   padding-top: 5px;
   width: 50%;
   float: left;
   position: relative;
}
.dn-clo-10{
   width: 100%;
}
.image-init-left{
   width:calc( 100% - 420px )
}

.image-init-right{
   width: 100%;
   box-sizing: border-box;
   max-width: 400px;
}
.image-init-left02{
   position: fixed;
   top: 0;
   left: 0;
   width: 50%;
}
.image-init-right02{
   float: right;
   width: 50%;
   box-sizing: border-box;
   padding-left: 80px;
}
.bread-home{
   display: flex;
   align-items: center;
   padding-top: 0;
   flex-wrap: wrap;
   font-size: 14px;
   min-height: 40px;
}
.pattern{
   padding-top: 50px;
}
.cactus{
   padding: 10px 0 5px;
   line-height: 1.4;
   font-size: 20px;
}
.view-sold{
   padding: 5px 0;
}
.view-sold p{
   width: 100%;
   padding: 0;
}
.color{
   padding:10px 0 0 0;
}
.ftimg{
   width: 100%;
   max-width: 350px;
   position: relative;
}
.ftimg-li{
   float: left;
   overflow: hidden;
   border-radius: 0;
   cursor: pointer;
   background: #d5d5d5;
   border: 2px solid transparent;
}
.ftimg-li img{
   width: 100%;
}

#hotel-filter {
  padding: 10px 0;
}

/* 鏈€灏忛珮搴 */
.hotel-filter-list-min {

}

/* 绛涢€夊瀹瑰櫒 */
.hotel-filter-list {
  position: relative;
  overflow: hidden;
  zoom: 1;
  background-color: #fff;
}

/* 绛涢€塱cons */
.hotel-filter-list i {
  position: absolute;
  overflow: hidden;
  cursor: pointer;
  background: transparent url("../images/list_i.gif") 0 0 no-repeat;
}

/* reset */

.hotel-filter-list ul, .hotel-filter-list li {
  margin: 0;
  padding: 0;
  list-style: none;
  overflow: hidden;
  zoom: 1;
}
.hotel-filter-list ul {
  *width: 700px;/*IE7涓撶敤*/
}
 .hotel-filter-list li {
   *white-space: nowrap;/*IE7涓撶敤*/
 }
.hotel-filter-list strong {
  font-weight: 400;
}

.hotel-filter-list-hidden {
  display: none;
}

/* 绛涢€夊垎绫绘爣棰 */
.hotel-filter-list .tit {
    float: left;
    font-size: 16px;
    height: 26px;
    line-height: 26px;
    margin-bottom: 5px;
}

/* 绛涢€夊垎绫诲垪琛ㄥ鍣 */
.hotel-filter-list .con {
  overflow: hidden;
  zoom: 1;
}

/* 绛涢€夊叏灞€ */
.hotel-filter-list .con li {
  float: left;
  height: 24px;
  display: inline;
  line-height: 24px;
  cursor: pointer;
}

.hotel-filter-list .con a {
  position: relative;
  float: left;
  color: #4a4a4a;
  text-decoration: none;
  margin-right: 15px;
}

/* 绛涢€変笉闄 */
.hotel-filter-list .con .any {
  float: left;
  width: 54px;
  height: 24px;
  margin-top: 6px;
  line-height: 24px;
}

.hotel-filter-list .con .any li {
  margin-top: 0;
}

.hotel-filter-list .con .any a {
  padding-left: 10px;
}

.hotel-filter-list .con .any a:hover {
  background-color: #eff2f5;
}

.hotel-filter-list .con .any a.selected, .hotel-filter-list .con .any a.selected:hover {
  color: #fff;
  cursor: text;
  background-color: #96a9b5;
}

/* 鍗曢€夌被鍨 */
.hotel-filter-list .radio {
}

/*.hotel-filter-list .radio a.selected, .hotel-filter-list .radio a.selected:hover {
  color: #fff;
  cursor: text;
  background-color: #96a9b5;
}*/
.hotel-filter-list .radio a i {
  top: 50%;
  left: 0;
  width: 13px;
  height: 13px;
  margin-top: -6px;
  background: transparent url("../images/checkbox.png") 0 -50px no-repeat;
}


.hotel-filter-list .radio a {
  padding-left: 18px;
  background-color: transparent;
}

.hotel-filter-list .radio a i {
    top: 50%;
    left: 0;
    width: 13px;
    height: 13px;
    margin-top: -6px;
    background: transparent url(../images/checkbox.png) 0 -50px no-repeat;
}
.hotel-filter-list .radio a.selected i {
  background-position: 0 0;
}

.hotel-filter-list .radio a.disabled {
  color: #999;
  cursor: not-allowed;
}

.hotel-filter-list .radio a.disabled i {
  opacity: 0.5;
  filter: alpha(opacity=50);
  cursor: not-allowed;
}


/* 澶氶€夌被鍨 */
.hotel-filter-list .checkbox {
}

.hotel-filter-list .checkbox a {
  padding-left: 18px;
  background-color: transparent;
}

.hotel-filter-list .checkbox a i {
  top: 50%;
  left: 0;
  width: 13px;
  height: 13px;
  margin-top: -6px;
  background: transparent url("../images/checkbox.png") 0 -50px no-repeat;
}

.hotel-filter-list .checkbox a.selected i {
  background-position: 0 0;
}

.hotel-filter-list .checkbox a.disabled {
  color: #999;
  cursor: not-allowed;
}

.hotel-filter-list .checkbox a.disabled i {
  opacity: 0.5;
  filter: alpha(opacity=50);
  cursor: not-allowed;
}

/* 鏇村鎸夐挳 */
.hotel-filter-list .more {
  position: absolute;
  top: 6px;
  right: 0;
  height: 24px;
  line-height: 24px;
  color: #43647f;
  cursor: pointer;
  padding-right: 15px;
}

.hotel-filter-list .more i {
  top: 50%;
  right: 0;
  width: 7px;
  height: 4px;
  margin-top: -2px;
  background-position: 0 0;
}

/* 宸查€夌瓫閫夋潯浠 */
.hotel-filter-list .selected-query {
  padding-right: 0;
  padding-left: 8px;
}

.hotel-filter-list .selected-query li {
  width: auto;
  margin-right: 3px;
  height: 26px;
  line-height: 26px;
  margin-bottom: 5px;
}

.hotel-filter-list .selected-query a{
  color: #4a4a4a;
  cursor: text;
  white-space: nowrap;
  padding-right: 23px;
  font-size: 16px;
}

.hotel-filter-list .selected-query a i {
  top: 50%;
  right: 5px;
  width: 14px;
  height: 13px;
  cursor: pointer;
  margin-top: -7px;
  background-position: 2px -86px;
}

.hotel-filter-list .selected-query .filter-query-clear {
}

.hotel-filter-list .selected-query .filter-query-clear a, .hotel-filter-list .selected-query .filter-query-clear a:hover {
  color: #43647f;
  padding: 0 10px;
  cursor: pointer;
  background-color: transparent;
}

.hotel-filter-list .selected-query .filter-query-clear a:hover {
  background-color: #eff2f5;
}

/* 浣嶇疆绛涢€ */
.hotel-filter-list .location {
  padding-right: 0;
}

.hotel-filter-list .location .nav a {
  padding-right: 20px;
}

.hotel-filter-list .location .nav a.selected {
  color: #fff;
  cursor: pointer;
  background-color: #96a9b5;
}

.hotel-filter-list .location .nav a.selected i {
  background-position: -9px 0;
}

.hotel-filter-list .location .nav a i {
  top: 50%;
  right: 6px;
  width: 7px;
  height: 4px;
  margin-top: -2px;
  background-position: 0 0;
}

.hotel-filter-list .location .nav .location-selected, .hotel-filter-list .location .nav .location-selected:hover {
  color: #43647f;
  background-color: #eff2f5;
}

.hotel-filter-list .location .nav .location-selected i {
  background-position: 0 -44px;
}

.hotel-filter-list .location .any .location-selected, .hotel-filter-list .location .any .location-selected:hover {
  color: #fff;
  background-color: #96a9b5;
}

.hotel-filter-list .location-content {
}

.hotel-filter-list .location-content .location-pannel {
  padding: 4px 10px 10px;
  background-color: #eff2f5;
}

.hotel-filter-list .location-content .location-pannel-empty {
  height: 0;
  padding: 0;
  margin: 0;
  font-size: 0;
  overflow: hidden;
}

.hotel-filter-list .location-content li {
  width: 130px;
}

/* 鍦伴挶 */
.hotel-filter-list .subway {
}

.hotel-filter-list .subway li {
  width: 84px;
}

.hotel-filter-list .subway-nav {
  border-bottom: 1px solid #dfe4e9;
}

.hotel-filter-list .subway-nav a {
  height: 22px;
  line-height: 22px;
  border-bottom: 2px solid #eff2f5;
}

.hotel-filter-list .subway-nav .subway-selected {
  border-bottom-color: #43647f;
}

/* 鏈哄満鐏溅绔 */
.hotel-filter-list .transport {
  position: relative;
}

.hotel-filter-list .transport i {
  top: 10px;
  left: 10px;
  width: 16px;
}

.hotel-filter-list .transport .airport {
  height: 13px;
  background-position: 0 -137px;
}

.hotel-filter-list .transport .train {
  height: 16px;
  background-position: 0 -190px;
}

.hotel-filter-list .transport .bus {
  height: 15px;
  background-position: 0 -246px;
}

.hotel-filter-list .transport ul {
  position: relative;
  padding-left: 29px;
}

/* 鑷畾涔変环鏍 */
.hotel-filter-list .con .filter-custom {
  width: auto;
}

.hotel-filter-list .con .filter-custom input {
  width: 38px;
  height: 17px;
  line-height: 17px;
}

.hotel-filter-list .con .filter-custom .filter-custom-range {
  display: none;
}

.hotel-filter-list .con .filter-custom-active .filter-custom-range {
  display: block;
}

.hotel-filter-list .con .filter-custom .filter-custom-text {
  display: block;
}

.hotel-filter-list .con .filter-custom-active .filter-custom-text {
  display: none;
}

.hotel-filter-list .con .filter-custom .filter-custom-range strong {
  padding: 0 5px;
}

.hotel-filter-list .con .filter-custom-active a:hover {
  background-color: transparent;
}

.hotel-filter-list .con .filter-custom .filter-custom-range * {
  float: left;
  line-height: 24px;
}

.hotel-filter-list .con .filter-custom .filter-custom-range .filter-custom-confirm {
  width: 45px;
  height: 23px;
  line-height: 23px;
  color: #fff;
  cursor: pointer;
  margin-left: 5px;
  text-align: center;
  background-color: #7bc2f1;
}

/* 鍝佺墝 */
.hotel-filter-list .brand .brand-type {
  position: relative;
  width: 100%;
  height: auto;
  margin-top: -1px;
  border-top: 1px solid #dfe4e9;
}

.hotel-filter-list .brand .brand-type strong {
  display: none;
}

.hotel-filter-list-brand .con {
  padding-right: 0;
}

.hotel-filter-list-brand .brand {
  position: relative;
  margin-top: 6px;
  padding: 0 20px;
  background-color: #f0f2f5;
}

.hotel-filter-list-brand .brand .brand-type {
  position: relative;
  width: 100%;
  height: auto;
  margin-top: -1px;
  padding: 6px 0;
  border-top: 1px solid #dfe4e9;
}

.hotel-filter-list-brand .brand .brand-type ul {
  padding-left: 80px;
}

.hotel-filter-list-brand .brand .brand-type strong {
  position: absolute;
  top: 50%;
  left: 20px;
  width: auto;
  height: 24px;
  color: #8fa0ac;
  line-height: 24px;
  margin-top: -12px;
  display: block;
}

/* 鏇村 */
.hotel-filter-list .filter-more {
  position: absolute;
  top: 6px;
  right: 5px;
  width: auto;
  height: 24px;
  line-height: 24px;
  padding-right: 15px;
  color: #43647f;
  cursor: pointer;
  display: none;
}

.filter-list-has-more .filter-more {
  display: block;
}

.hotel-filter-list .filter-more i {
  top: 50%;
  right: 0;
  width: 7px;
  height: 4px;
  cursor: pointer;
  margin-top: -2px;
  background-position: 0 -44px;
}

.hotel-filter-list-min .filter-more i {
  background-position: 0 0;
}

.hotel-filter-list .filter-more .close {
  display: block;
}

.hotel-filter-list .filter-more .open {
  display: none;
}

.hotel-filter-list-min .filter-more .close {
  display: none;
}

.hotel-filter-list-min .filter-more .open {
  display: block;
}
.size-ul{
   width: 100%;
   padding-bottom: 25px;
}
.quantity-ul{
   width: 100%;
   padding-bottom: 10px;
}
.quantity-flx{
   width: 100%;
   border-top: 1px solid #000000;
   padding-top: 15px;
   margin-top: 15px;
   display: flex;
   justify-content: space-between;
}
.increase{
   width: 24px;
   height: 24px;
   background: url(../images/jia.png) no-repeat center;
   border: 0;
   cursor: pointer;
}
.decrease{
   width: 24px;
   height: 24px;
   background: url(../images/jian.png) no-repeat center;
   border: 0;
   cursor: pointer;
}
.spinnerExample{
   width: 50px;
   border: 0;
   text-align: center;
   color: #000;
   font-size: 16px;
}
.spinner{
   display: flex;
   align-items: center;
}
.spinner button[disabled=disabled]{
   display: none;
}
.add-to-char{
   background: #080708;
   width: 100%;
   display: flex;
   align-items: center;
   justify-content: space-between;
   color: #ffffff;
   height: 52px;
   line-height: 52px;
   border-radius: 4px;
   padding:0 15px;
   box-sizing: border-box;
   margin: 18px 0;
}
.num{
   font-family: 'Futura-Medium';
   font-size: 16px;
}
.add-nbtn{
   font-family: 'sf-compactb';
   font-size: 16px;
}
.add-lxfs{
   display: flex;
   align-items: center;
   justify-content: space-between;
   margin-left: -3px;
   margin-right: -3px;
}
.add-bord{
   width: 100%;
   margin: 0 3px;
   text-align: center;
   border: 1px solid #000;
   border-radius: 2px;
   height: 50px;
   line-height: 50px;
   color: #000;
   cursor: pointer;
}
.detail-pro{
   width: 100%;
   padding: 36px 0 26px;
}
.material{
   width: 100%;
   line-height: 28px;
   padding-bottom: 28px;
}
.seal-ul{
   width: 100%;
}
.seal-ul ul{
   list-style: none;
   margin:0;
   padding:0;
   list-style: none
}
.seal-ul li{
   width: 100%;
   padding: 5px 0 5px 15px;
   box-sizing: border-box;
   position: relative;
}
.seal-ul li:after{
   width: 4px;
   height: 4px;
   background: #000000;
   border-radius: 1000px;
   content: "";
   position: absolute;
   left: 0;
   top: 14px;
}
.chose-pad{
   width: 100%;
   box-sizing: border-box;
   background: #f6f6f4;
   float: left;
   clear: both;
}
.choose-h1{
   width: 100%;
   text-align: center;
}

#cd-table .cd-unchecked span, #cd-table .cd-checked span {
  display: block;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
}

/*琛ㄦ牸*/
#cd-table {
  position: relative;
  width: 100%;
  margin: 0 auto;
  font-size: 14px;
}
#cd-table::after {
  content: '';
  display: table;
  clear: both;
}

.no-cssgradients #cd-table::before {
  display: none;
}
#cd-table.table-end::before {
  display: none;
}
#cd-table .cd-table-container {
  position: relative;
  width: 100%;
}
#cd-table .cd-table-wrapper {
  padding-left: 170px;
}
#cd-table .cd-table-column {
  width: 100%;
  float: left;
  border-top: 1px solid #c3c3c3;
  border-right: 1px solid #c3c3c3;
  border-bottom: 1px solid #c3c3c3;
}
.swiper-slide:nth-child(1) .cd-table-column {
  border-left: 1px solid #c3c3c3;
}
#cd-table h2, #cd-table ul > li {
  position: relative;
  text-align: center;
  padding: 0;
  height: 58px;
  line-height: 58px;
  background-color: #f6f6f4;
}
#cd-table ul{
   list-style: none;
}
#cd-table ul > li {
  color: #787a8d;
}
#cd-table ul > li:nth-child(odd) {
  background-color: #e4e4e2;
}
#cd-table ul > li:last-child {
  border-bottom: none;
}
#cd-table .cd-unchecked span, #cd-table .cd-checked span {
  position: absolute;
  width: 16px;
  height: 16px;
  background-image: url("../img/yes-no.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 32px 16px;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
#cd-table .cd-unchecked span {
  background-position: -16px 0;
}
#cd-table .cd-select {
  display: block;
  height: 100%;
  width: 100%;
  font-weight: bold;
}
#cd-table header.cd-table-column {
  position: absolute;
  width: 170px;
  left: 0;
  top: 0;
  z-index: 10;
  background: #1b65ca;
  margin-left: 0;
  pointer-events: none;
}
#cd-table header.cd-table-column h2, #cd-table header.cd-table-column li {
  background-color: transparent;
  text-align: center;
  color: #edeef1;
  border-bottom-color: #6b758d;
}
#cd-table header.cd-table-column h2 {
  color: #edeef1;
}
#cd-table header.cd-table-column li:nth-child(odd) {
  background: #195dbb;
}
#cd-table header.cd-table-column li:last-child {

}
.cd-table-ul{
   width: 100%;
   padding-top: 50px;
}
.cdth375{
   height:415px;
   text-align:center;
   display: flex;
   align-items: center;
   color:#ffffff;
   justify-content: center;
}
.cdh375{
   height:415px;
}
.remove{
   width: 100%;
   text-align: center;
   cursor: pointer;
}
.product-img{
   width: 100%;
   text-align: center;
   padding: 20px 0;
}
.product-sname{
   width: 100%;
   text-align: center;
   padding: 12px 0;
}
.product-wflx{
   width: 100%;
   display: flex;
   justify-content: center;
}
.pro-one{
   margin: 0 5px;
   position: relative;
}
.pro-one:after{
   position: absolute;
   height: 1px;
   width: 100%;
   content: "";
   background: #adadac;
   top: 50%;
   left: 0;
   transform: translateY(-50%);
}
.pro-two{
   margin: 0 5px;
   color: #ee1d23;
}
.pro-three{
   margin: 0 5px;
   padding: 0 5px;
   background: #ca0b11;
   color: #ffffff;
}
.remove{
   padding: 15px 0;
}
.custom-pad{
   width: 100%;
   box-sizing: border-box;
}
.custom-with{
   width: 100%;
}
.custom-with-tit{
   text-align: center;
}
.custom-table{
   float: left;
   width: 100%;
   margin: 34px 0;
}
.custom-table .cus-table-column {
    width: 16.667%;
    float: left;
    border: 1px solid #c3c3c3;
    margin-left: -1px;
}
.cush1{
   width: 100%;
   text-align: center;
}
.cus-table-with{
   width: 100%;
   clear: both;
   display: flex;
   align-items: center;
   border-bottom: 1px solid #f1f1f1;
   padding: 10px 0;
   margin: 0 0 10px;
}
.buyleft{
   width: 25%;
   padding-right: 20px;
   box-sizing: border-box;
}
.buyright{
   width: 75%;
   display: flex;
   flex-wrap: wrap;
}
.buy-add{
   display: flex;
   width: 100%;
   justify-content: space-between;
   align-items: center;
   margin-top: 15px;
}
.buy-box{
   display: flex;
   align-items: center;
}
.buy-box-flex{
   width: 50%;
   display: flex;
   align-items: center;
   justify-content: space-between;
}
.cus-table-with ul{
   margin: 0;
   padding: 0 0 15px 0;
   list-style: none;
   width: 100%;
}
.h80{
   height: 80px;
}
.h40{
  width: 50%;
}
.goodimg{
   position: relative;
}
.goodimg-flx{
   display: none;
   position: absolute;
   top: 40px;
   left: 50%;
   transform: translateX(-50%);
   z-index: 33;
   width: 200px;
   background: #fff;
   border: 1px solid #333;
   border-radius: 8px;
   box-shadow: 0px 6px 6px 0px #e5e5e5;
   cursor: pointer;
}
.goodimg-flx:after {
    width: 0;
    height: 0;
    border: 12px solid transparent;
    border-bottom: 13px solid #333;
    position: absolute;
    left: 50%;
    margin-left: -6px;
    top: -25px;
    content: "";
}
.goodimg-flx img{
   overflow: hidden;
   border-radius: 8px;
}
.goodimg:hover .goodimg-flx{
   display: block;
   cursor: pointer;
}
.inputw{
   width: 76px;
   height: 28px;
   border: 1px solid #000;
   border-radius: 4px;
   padding: 5px;
   box-sizing: border-box;
   text-align: center;
}
.pjadd{
   text-align: center;
   height: 30px;
   line-height: 30px;
   background: #1c69d3;
   color: #fff;
   font-size: 14px;
   padding:0 10px;
   border-radius: 4px;
   margin-left: 6px;
   cursor: pointer;
}
.cash-width{
   width: 100%;
}
.bordtab li{
  border: 1px solid #000000;
  line-height: 24px;
}
.collte{
  border-top: 1px solid #000000;
  border-bottom: 1px solid #000000;
  width: 250px;
}
.collte-flex{
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.collte-flex select{
  height: 28px;
  border: 1px solid #000;
  border-radius: 4px;
  padding: 0;
  box-sizing: border-box;
  text-align: center;
}
.collte-tit{
  width: 100%;
  border-bottom: 1px solid #000;
  text-align: center;
  height: 38px;
  line-height: 38px;
}
.lh80{
  width: 100%;
  text-align: center;
  border-right: 1px solid #000;
  height: 40px;
  line-height: 40px;
}
.lh80:nth-child(4){
  width: 100%;
  text-align: center;
  border-right: 0;
}
.collte4{
  width: 50%;
}
.lh40{
  width: 100%;
  text-align: center;
  border-right: 1px solid #000;
  height: 36px;
  line-height: 36px;
}
.lh40:nth-child(4){
  width: 100%;
  text-align: center;
  border-right: 0;
}
.bordtabs li{
   width: 40%;
}
.bordtabs:nth-child(odd) li{
    position: relative;
}
.bordtabs:nth-child(odd) li:after{
    background-color: #fff;
    width: 100%;
    height: 28px;
    position: absolute;
    content: "";
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: -1
}
.deta-ab{
   position: absolute;
   left: 70px;
   top: 50%;
   transform: translateY(-50%);
   z-index: 2;
}
.detail-add{
   width: 100%;
   position: relative;
}
.deh1{
   color: #ffffff;
   line-height: 78px;
}
.deh2{
   color: #ffffff;
   padding-top: 20px;
   padding-bottom: 26px;
}
.de-nth{
  height: 50px;
  background: #1b1b1b;
  display: inline-flex;
  align-items: center;
  color: #e2e2e2;
  justify-content: center;
  border-radius: 4px;
  padding: 0 30px;
}
.chat-fled{
   width: 320px;
   height: 140px;
   background: #fdcb2e;
   border-radius: 2px;
   border: 1px solid #000000;
   position: fixed;
   right: 50px;
   bottom: 64px;
   z-index: 9;
   display: flex;
   align-items: center;
}
.chat-close{
  position: absolute;
  right: 10px;
  top: 10px;
  cursor: pointer;
  transition: width 1s,height 1s,transform 1s;
  -moz-transition: width 1s,height 1s,transform 1s;
  -webkit-transition: width 1s,height 1s,transform 1s;
  -o-transition: width 1s,height 1s,transform 1s;
}
.chat-close:hover{
    transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
}
.chat-flxe{
   width: 100%;
   display: flex;
   align-items: center;
   justify-content: space-around;
}
.chat-logo{
   width: 100px;
   text-align: center;
}
.chat-text{
   width: 220px;
   font-size: 21px;
}
.sign-bg{
   position: fixed;
   left: 0;
   right: 0;
   top: 0;
   bottom: 0;
   z-index: 9;
   background: rgba(0,0,0,0.3);
   display: none;
}
.nav-up-selected01 .sign-bg{
   display: block;
}
.sign-with{
   width: 480px;
   background: #ffffff;
   position: fixed;
   right: -550px;
   z-index: 10;
   padding: 100px 70px;
   box-sizing: border-box;
   border-bottom: 4px solid #fdcb2e;
}
.not-enquiry{
  width: 440px;
  background: #ffffff;
  right: -490px;
  z-index: 10;
  border-bottom: 4px solid #fdcb2e;
  max-height: inherit;
  -webkit-transition: .4s ease;
  transition: .4s ease;
  box-sizing: border-box;
  position: fixed;
  height: 100%;
  overflow-y:scroll;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;

}
.sign-bg02{
   background: rgba(0,0,0,0.35);
   position: fixed;
   left: 0;
   top: 0;
   right: 0;
   bottom: 0;
   z-index: 3333;
   display: none;
}
.inright{
   right: 0;
   top: 0;
   transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  z-index: 3333333333;
}
.not-login{
  width: 440px;
  background: #ffffff;
  right: 0;
  z-index: 10;
  border-bottom: 4px solid #fdcb2e;
  max-height: inherit;
  -webkit-transition: .4s ease;
  transition: .4s ease;
  box-sizing: border-box;
  position: fixed;
  visibility: hidden;
  height: 0;
  overflow: hidden;
}
.nav-up-selected01{
  -webkit-transition: .4s ease;
  transition: .4s ease;
  height: 100%;
  overflow: auto;
  visibility: visible;
}
.loghight{
  height: 100%;
  visibility: visible;
  overflow: auto
}
.not-login-pad{
   width: 100%;
   padding: 100px 70px;
   box-sizing: border-box;
}
.not-login-text{
   width: 100%;
   padding: 32px 0 70px;
}
.not-login-btn{
   padding: 10px 0;
   width: 100%;
   cursor: pointer;
}

.not-enquiry-pad{
   width: 100%;
   padding: 50px 70px;
   box-sizing: border-box;
}
.sflxe{
   display: flex;
   align-items: center;
}
.sign-input{
   width: 100%;
   padding: 0;
   border-bottom: 1px solid #888888;
   display: flex;
}
.sign-input input{
   padding: 0;
   width: 100%;
}
.sign-btn{
   width: 100%;
   background: #000;
   border-radius: 4px;
   height: 42px;
   line-height: 42px;
   text-align: center;
   color: #fff;
   margin: 20px 0;
   cursor: pointer;
}
.sign-liflx{
   display: flex;
   align-items: center;
}
.signcode{
   width: 140px;
   margin-right: 10px;
   padding-top: 14px;
   margin-top: 0;
   border-bottom: 1px solid #888;
}
.yzmcode{
   padding-top: 14px;
   margin-top: 0;
   border-bottom: 1px solid #888;
   color: #4b83fc;
}
.yzmcode input{
   border:0;
   cursor: pointer;
   background: #ffffff;
}
.sign-btn a {
   display: block;
   color: #fff;
}
.sign-forgot{
   width: 100%;
   padding: 16px 0 50px;
   border-bottom: 1px solid #fee596;
}
.sign-account{
   width: 100%;
   padding: 42px 0 22px;
}
.signtop{
  top:0;
}
.sign-nav{
   width: 100%;
   background: #070707;
   position: absolute;
   top: 0;
   right: 0;
   padding-right: 50px;
   box-sizing: border-box;
}
/* Nariko */
.input {
  position: relative;
  z-index: 0;
  display: inline-block;
  width: 100%;
  vertical-align: top;
}

.input__field {
  position: relative;
  display: block;
  float: right;
  width: 100%;
  border: none;
  -webkit-appearance: none; /* for box shadows to show on iOS */
}

.input__field:focus {
  outline: none;
}

.input__label {
  display: inline-block;
  float: right;
  padding: 0;
  width: 100%;
  -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.input__label-content {
  position: relative;
  display: block;
  width: 100%;
}

.graphic {
  position: absolute;
  top: 0;
  left: 0;
  fill: none;
}

/* Nariko */
.input--nariko {
  overflow: hidden;
  padding-top: 14px;
  margin-top: 0;
  margin-bottom: 0;
}

.input__field--nariko {
  width: 100%;
  background: transparent;
  opacity: 0;
  z-index: 100;
  color: #000;
}

.input__label--nariko {
  width: 100%;
  bottom: 0;
  position: absolute;
  pointer-events: none;
  text-align: left;
  padding: 0;
}

.input__label--nariko::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 44px;
  top: 100%;
  left: 0;
  background: #fff;
  -webkit-transform: translate3d(0, -3px, 0);
  transform: translate3d(0, -3px, 0);
  -webkit-transition: -webkit-transform 0.4s;
  transition: transform 0.4s;
  -webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
  transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
}

.input__label-content--nariko {
  -webkit-transform-origin: 0% 100%;
  transform-origin: 0% 100%;
  -webkit-transition: -webkit-transform 0.4s, color 0.4s;
  transition: transform 0.4s, color 0.4s;
  -webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
  transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
  font-weight: normal!important;
}

.input__field--nariko:focus,
.input--filled .input__field--nariko {
  cursor: text;
  opacity: 1;
  -webkit-transition: opacity 0s 0.4s;
  transition: opacity 0s 0.4s;
}

.input__field--nariko:focus + .input__label--nariko::before,
.input--filled .input__label--nariko::before {
  -webkit-transition-delay: 0.05s;
  transition-delay: 0.05s;
  -webkit-transform: translate3d(0, -20px, 0);
  transform: translate3d(0, -20px, 0);
}

.input__field--nariko:focus + .input__label--nariko .input__label-content--nariko,
.input--filled .input__label-content--nariko {
  color: #6B6E6E;
  -webkit-transform: translate3d(0, -20px, 0) scale3d(0.81, 0.81, 1);
  transform: translate3d(0, -20px, 0) scale3d(0.81, 0.81, 1);
}

/***/
 .input--nariko02 {
  overflow: hidden;
  padding-top: 20px;
  margin-top: 10px;
  margin-bottom: 0;
}

.input__field--nariko02 {
  width: 100%;
  background: transparent;
  opacity: 0;
  z-index: 100;
  color: #000;
}

.input__label--nariko02 {
  width: 100%;
  bottom: 0;
  position: absolute;
  pointer-events: none;
  text-align: left;
  padding: 0;
  font-size: 16px;
}
.input--filled .input__label--nariko02{
  font-size: 14px;
}
.input__label--nariko02::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 44px;
  top: 100%;
  left: 0;
  background: #fff;
  -webkit-transform: translate3d(0, -3px, 0);
  transform: translate3d(0, -3px, 0);
  -webkit-transition: -webkit-transform 0.4s;
  transition: transform 0.4s;
  -webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
  transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
}

.input__label-content--nariko02 {
  -webkit-transform-origin: 0% 100%;
  transform-origin: 0% 100%;
  -webkit-transition: -webkit-transform 0.4s, color 0.4s;
  transition: transform 0.4s, color 0.4s;
  -webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
  transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
  font-weight: normal!important;
}

.input__field--nariko02:focus,
.input--filled .input__field--nariko02 {
  cursor: text;
  opacity: 1;
  -webkit-transition: opacity 0s 0.4s;
  transition: opacity 0s 0.4s;
}

.input__field--nariko02:focus + .input__label--nariko02::before,
.input--filled .input__label--nariko02::before {
  -webkit-transition-delay: 0.05s;
  transition-delay: 0.05s;
  -webkit-transform: translate3d(0, -28px, 0);
  transform: translate3d(0, -28px, 0);
}

.input__field--nariko02:focus + .input__label--nariko02 .input__label-content--nariko02,
.input--filled .input__label-content--nariko02 {
  color: #6B6E6E;
  -webkit-transform: translate3d(0, -28px, 0) scale3d(0.81, 0.81, 1);
  transform: translate3d(0, -28px, 0) scale3d(0.81, 0.81, 1);
}



.collect{
    width: 440px;
    background: #ffffff;
    position: fixed;
    right: 0;
    z-index: 10;
    box-sizing: border-box;
    visibility: hidden;
    position: fixed;
    max-height: inherit;
    -webkit-transition: .4s ease;
    transition: .4s ease;
    box-sizing: border-box;
    height: 0;
    overflow: hidden;
}
.nav-up-selected01{
    height: 100%;
    visibility: visible;
}
.collect-pad{
    width: 100%;
    padding: 100px 20px;
    box-sizing: border-box;
}
.collect-tit{
    width: 100%;
    padding: 40px 0 70px;
}
/**娉ㄥ唽**/
.register-contain{
    width: 100%;
    max-width: 1300px;
    margin: 0 auto;
    padding: 80px 0 40px;
}
.register-main-ul{
   width: 100%;
   max-width: 480px;
}
.register-main-h1{
   width: 100%;
   padding: 25px 0;
   font-size: 26px;
}
.register-main-h2{
   width: 100%;
   padding-bottom: 25px;
}
.register-main-txt{
   width: 100%;
   padding-bottom: 35px;
}
.register-main-li{
   width: 100%;
   padding: 10px 0;
}
.register-main-li-input{
   width: 100%;
   border-bottom: 1px solid #6d6d6d;
}
.register-main-li-input input{
   border: 0;
   width: 100%;
   padding: 4px 0;
}
.register-main-row{
   margin-left: -13px;
   margin-right: -13px;
}
.register-main-li2{
   float: left;
   width: 50%;
   padding: 8px 13px;
   box-sizing: border-box;
}
.register-main-note{
   width: 100%;
   padding: 10px 0;
}
.register-main-pad{
   width: 100%;
   display: flex;
   justify-content: space-between;
   align-items: center;
}
.register-main-btn{
   width: 100%;
   text-align: center;
   background: #080708;
   border-radius: 4px;
   height: 42px;
   line-height: 42px;
   color: #fff;
   margin: 30px 0;
   cursor: pointer;
}
.login-contain{
    width: 100%;
    max-width: 1300px;
    margin: 0 auto;
    padding: 180px 0 100px;
}
.login-main-pad{
    width: 100%;
    display: flex;
    justify-content: space-between;
    position: relative;
}
.login-main-pad:after{
    position: absolute;
    left: 50%;
    top: 50%;
    width: 1px;
    height: 400px;
    background: #feedb5;
    transform: translate(-50%,-50%);
    content: "";
}
.login-main-ul {
    width: 100%;
    max-width: 460px;
}

/**浼氬憳涓績**/
.account-main{
    width: 100%;
    padding: 90px 0 0;
    box-sizing: border-box;
    margin-bottom: 24px;
    background: #fff;
}
.account-main02{
    width: 100%;
    padding: 0 0 30px;
    box-sizing: border-box;
}
.account-main-pad{
    width: 100%
}
.welfont{
   font-style: italic;
}
.acflx{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.account-menu{
    width: 100%;
    border-bottom: 1px solid #000;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.account-menu-h1{
    float: left;
    padding-right: 30px;
}
.account-menu-nav{
    float: left;
    display: flex;
}
.accpad{
    padding: 14px 0;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.active{
    position: relative;
}
.active:after{
    position: absolute;
    width: 100%;
    height: 2px;
    background: #000;
    left: 0;
    right: 0;
    bottom: -4px;
    content: "";
}
.active-about{
    position: relative;
}
.active-about:after{
    position: absolute;
    width: 100%;
    height: 4px;
    background: #dadada;
    left: 0;
    right: 0;
    bottom: 0;
    content: "";
}

.accouli{
    float: left;
    padding: 0 10px;
    margin: 0;
    position: relative;
}
.accouli-fled{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    border: 1px solid #000;
    padding: 60px 0 10px;
    width: 100%;
    box-sizing: border-box;
    display: none;
    visibility: hidden;
    z-index: 9;
    background: #f8f8f8;
}
.accouli:hover .accouli-fled{
    display: block;
    visibility: visible;
}
.accouli:hover .arrdow{
    transition: width 1s,height 1s,transform 1s;
    -moz-transition: width 1s,height 1s,transform 1s;
    -webkit-transition: width 1s,height 1s,transform 1s;
    -o-transition: width 1s,height 1s,transform 1s;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}
.arrdow{
    transition: width 1s,height 1s,transform 1s;
    -moz-transition: width 1s,height 1s,transform 1s;
    -webkit-transition: width 1s,height 1s,transform 1s;
    -o-transition: width 1s,height 1s,transform 1s;
    display: flex;
    align-items: center;
    margin-top: 4px;
    padding: 0 4px;
}
.arrdow img{
    vertical-align: middle;
}
.accouhref {
    width: 100%;
    padding: 4px 10px;
    box-sizing: border-box;
}
.accouhref:hover{
    color: #333;
    background: #fdcb2e;
}
.accouli-name{
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    z-index: 11;
    padding: 0 8px;
}
.account-menu-flex{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.accouright-flxe{
    display: flex;
    align-items: center;
}
.account-search{
    display: flex;
    align-items: center;
}
.accsearch{
    border: 1px solid #a9a9a9;
    background: #f5f5f5;
}
.accsearch input{
    border: 0;
    padding: 6px;
    width: 258px;
    box-sizing: border-box;
    background: none;
}
.accsearbtn{
    width: 50px;
    text-align: center;
    background: #4b83fc;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.account-bg{
    background: #f5f5f5;
    height: 38px;
    line-height: 38px;
    width: 128px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 13px;
}
.account-ctbg{
    background: #f5f5f5;
}
.account-width{
    width: 100%;
    display: flex;
}
.account-left{
    background: #fff;
    width: 15%;
}
.account-center-pad{
    width: 60%;
    padding: 0 15px 0 0;
    box-sizing: border-box;
}
.account-center{
    width: 100%;
    background: #fff;
    margin-top: 15px;
}
.account-right{
   width: 40%;
}
.account-left-li{
   width: 100%;
   border-bottom: 1px solid #d2d4d5;
   padding: 30px 24px;
   box-sizing: border-box;
}
.account-left-li02{
   width: 100%;
   padding: 30px;
   box-sizing: border-box;
}
.acc-dd{
   width: 100%;
   padding: 10px 0;
}
.acc-dt {
   width: 100%;
   padding: 6px 0;
}
.acclink{
   width: 100%;
   border-bottom: 1px solid #d2d4d5;
   box-sizing: border-box;
}
.accflx{
   display: flex;
   justify-content: space-around;
   align-items: center;
   padding: 90px 0;
}
.acclist{
   width: 100%;
   text-align: center;
}
.acclist p{
   width: 100%;
   padding: 16px 0 0 0;
}
.logistics{
   width: 100%;
   height: 270px;
}
.accountflx{
   width: 100%;
   display: flex;
   justify-content: space-between;
   align-items: center;
   border-bottom: 1px solid #d2d4d5;
   box-sizing: border-box;
}
.account-center02{
   width: 100%;
   background: #4b83fc;
   margin-top: 15px;
   padding: 0 15px 15px 15px;
   box-sizing: border-box;
}
.accountflx02{
   width: 100%;
   display: flex;
   justify-content: space-between;
   align-items: center;
   padding: 30px 25px 20px 25px;
   box-sizing: border-box;
}
.least-bg{
   background: #000;
   color: #fff;
   padding: 8px 20px;
   border-radius: 1000px;
}
.logistic-bg{
   width: 100%;
   background: #fff;
   padding: 40px 0;
   box-sizing: border-box;
}
.account-rlist{
   width: 100%;
   margin-top: 15px;
   background: #fff;
}
.accnflx{
   display: flex;
   align-items: center;
   justify-content: space-between;
   height: 275px;
}
.accncenter{
   width: 100%;
   text-align: center;
}
.mycart{
   width: 100%;
   margin-top: 15px;
   background: #fff;
}
.mycart-ul{
   width: 100%;
   box-sizing: border-box;
   padding: 20px;
}
.mycart-li{
   float: left;
   width: 33.3%;
   padding: 3px;
   box-sizing: border-box;
}
.mycart-pad{
   width: 100%;
   background: #f6f6f4;
}
.mycart-pad img{
   width: 100%;
}
.account-flx{
   display: flex;
   width: 100%;
}
.account-textarea{
   margin: 15px 0 0;
   width: 100%;
   background: #fff;
   padding: 20px;
   box-sizing: border-box;
}
.account-flxm{
   margin-left: 15px;
   flex: 1;
}
.message-board{
   width: 100%;
   padding-bottom: 16px;
}
.textarea-w{
   width: 100%;
   min-width: 100%;
   max-width: 100%;
   border: 1px solid #c9c9c9;
}
.message-submit{
   float: right;
   width: 100%;
   max-width: 402px;
   height: 50px;
   line-height: 50px;
   text-align: center;
   background: #080708;
   color: #fff;
   border-radius: 4px;
   margin-top: 15px;
   cursor: pointer;
}
.message-submit:hover{
   background: #4b83fc;
}
.layui-layer-btn .layui-layer-btn0{
   background: #4b83fc!important;
   border:0!important;
}
.logistic-pad{
   width: 100%;
   display: flex;
   justify-content: space-between;
   padding: 0 30px;
   box-sizing: border-box;
}
.logistics{
   width: 100%;
   padding: 40px 20px;
   box-sizing: border-box;
}
.logistic-left{
   width: 190px;
}
.logistic-left img{
   width: 100%;
}
.logistic-center{
   width: 445px;
   padding: 0 20px;
   box-sizing: border-box;
}
.logistic-right{
   width: 340px;
   position: relative;
   padding: 0 40px 0 0;
   box-sizing: border-box;
}
.logistic-right:after{
   width: 1px;
   height:
}
.logstep{
   width: 100%;
   padding-bottom: 18px;
   position: relative;
   padding-left: 16px;
}
.logstep:after{
   width: 8px;
   height: 8px;
   background: #d7d7d7;
   border-radius: 1000px;
   position: absolute;
   left: 0;
   top: 12px;
   content: "";
}
.logstep:before{
   width: 1px;
   height: 100%;
   background: #d7d7d7;
   content: "";
   position: absolute;
   top: 12px;
   left: 4px;
}
.logstep:last-child:before{
   width: 0;
}
.logstep:last-child:after{
  width: 8px;
  height: 8px;
  background: #fff!important;
  border:1px solid #d7d7d7;
  border-radius: 1000px;
  position: absolute;
  left: 0;
  top: 4px;
  content: "";
}
.swiper-button-prev01{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0px;
  z-index: 33;
  cursor: pointer
}
.swiper-button-next01{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0px;
  z-index: 33;
  cursor: pointer
}
.swiper-button-prev02{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 10px;
  z-index: 33;
  cursor: pointer
}
.swiper-button-next02{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 10px;
  z-index: 33;
  cursor: pointer
}
.least-bg span{
  color: #4b83fc;
}
.pad01{
  padding: 20px 0 20px 20px;
}
.pad02{
  padding: 20px 20px 20px 20px;
}
.pad03{
  padding: 20px 20px 20px 20px;
}
.pad04{
  padding: 20px 40px;
}
.acolw01{
  font-size: 10px;
  padding-right: 4px;
}
.order-right{
  flex: 1;
  margin-top: 15px;
  padding-left: 15px;
  box-sizing: border-box;
}
.order-right-pad{
   width: 100%;
   background: #fff;
}
.order-line{
   width: 100%;
   border-bottom: 1px solid #d2d4d5;
   box-sizing: border-box;
}
.order-nav{
    width: 100%;
    padding: 20px 40px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.order-nav-01{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.order-nav-flex{
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex: 1;
}
.order-nav-04{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 305px;
}
.search-btn{
    width: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #a9a9a9;
    height: 32px;
    line-height: 32px;
    cursor: pointer;
}
.searchinput{
    height: 32px;
    line-height: 32px;
    border: 1px solid #a9a9a9;
    padding: 0 10px;
    width: 245px;
    box-sizing: border-box;
}
.dashed{
    border-right: 1px dashed #bbbbbb;
    width: 2px;
    height: 26px;
}
.ordli{
   margin-right: 20px;
   position: relative;
}
.ordli:last-child{
   margin:0;
}
.ocut:after{
   position: absolute;
   width: 100%;
   height: 1px;
   background: #4b83fc;
   content: "";
   bottom: 0;
   left: 0;
   right: 0;
}
.ornum{
   width: 18px;
   height: 18px;
   line-height: 18px;
   font-size: 12px;
   text-align: center;
   background: #4b83fc;
   color: #000;
   border-radius: 1000px;
   position: absolute;
   top: -8px;
   right: -14px;
}
.order-list-pad{
   width: 100%;
   padding: 20px 40px;
   box-sizing: border-box;
   background: #fff;
}
.tab-order-top{
   width: 100%;
   background: #f5f5f5;
   display: flex;
   align-items: center;
   justify-content: space-between;
   text-transform: uppercase;
   padding: 20px 0 20px 20px;
   box-sizing: border-box;
   border-bottom: 1px solid #d5d5d5;
}
.tab-top-03{
   display: flex;
   justify-content: center;
   align-items: center;
}
.fontstyle{
  text-transform: capitalize;
}
.tab-top-04{
   width: 164px;
   text-align: center;
   position: relative;
}
.tab-rflxe{
   display: flex;
   justify-content: center;
   width: 670px;
}
.tab-lflxe{
   display: flex;
   justify-content: left;
   flex-basis: 733px;
   position: relative;
}
.tab-top-01{
   padding-right: 50px;
}
.tab-top-02{
   display: flex;
   justify-content: center;
   align-items: center;
}
.select-time{
   width: 100%;
   padding: 0 40px;
   box-sizing: border-box;
   display: flex;
   align-items: center;
}

/*涓嬫媺閫夋嫨*/
#select_ui_name_jQuery2{
   font-weight: bolder;
}
#select_ui_name_jQuery2 .selectRt{
   margin-top: 0
}
#select_ui_name_jQuery2 .selectLt{
   color: #000;
}
.order-list-li{
   border: 1px solid #d5d5d5;
   width: 100%;
   margin-bottom: 30px;
}
.tab-order-ul{
   display: flex;
   justify-content: space-between;
}
.bord:after{
   width: 1px;
   height: 100%;
   position: absolute;
   content: "";
   right: 0;
   top: 0;
   bottom: 0;
   background: #d5d5d5;
}
.tab-lflxe-li{
   width: 100%;
   padding: 15px 30px;
   box-sizing: border-box;
   border-bottom: 1px solid #d5d5d5;
   display: flex;
}
.tab-lflxe-li:last-child{
   border-bottom: 0;
}
.tab-lflxe-img{
   width: 116px;
}
.tab-lflxe-img img{
   width: 100%;
}
.column{
   flex-direction: column;
}
.tab-lflxe-left{
   display: flex;
   flex-basis: 530px;
}
.tab-lflxe-name{
   flex-basis: 380px;
   padding-left: 15px;
}
.tab-marge-flex{
   display: flex;
   align-items: center;
   justify-content: center;
   padding: 15px 0;
}
.tab-marge-flex img{
   padding-left: 5px;
}
.tab-marge {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 15px 0;
    flex-direction: column;
}
.marline{
   padding: 0 0 8px 0;
   border-bottom: 1px solid #c2c2c2;
   width: 70%;
   margin: 0 auto 8px;
}
.trfont{
   padding-bottom: 4px;
}
.trfbtn{
   border: 1px solid #d2d2d2;
   background: #f3f3f3;
   text-align: center;
   padding: 6px 10px;
   margin-top: 10px;
}
.shopbag{
   width: 100%;
   padding: 80px 0 20px;
   box-sizing: border-box;
}
.shoparr{
  transform:rotate(180deg);
  -ms-transform:rotate(180deg);   /* IE 9 */
  -moz-transform:rotate(180deg);  /* Firefox */
  -webkit-transform:rotate(180deg); /* Safari 鍜 Chrome */
  -o-transform:rotate(180deg);  /* Opera */
  display: flex;
  align-items: center;
  padding: 0 5px;
}
.goshop{
   width: 100%;
}
.goshop a{
   display: flex;
   align-items: center;
}
.goshop a p{
   display: flex;
   align-items: center;
}
.shoparr i{
   font-size: 12px!important;
}
.shop-curt{
   width: 100%;
   padding: 10px 0;
   display: flex;
   align-items: center;
   justify-content: space-between;
   border-bottom: 1px solid #111111;
}
.shopflx{
   display: flex;
   align-items: center;
}
.selec-address{
   display: flex;
   align-items: center;
   width: 517px;
   justify-content: flex-end;
}
.addres-width .selectBox{
  width: 350px;
  height: 35px;
  border: 1px solid #414141;
  display: flex;
  justify-content: space-between;
  padding: 0 5px;
  box-sizing: border-box;
}
.addres-width .optionsBox{
  width: 100%;
}
.addres-width{
  position: relative;
}
.delivery{
  padding-right: 15px;
}

/**璐墿杞?*/
.shopping-car-container {
  padding: 20px 0;
  width: 100%;
  display: flex;
}

.shopping-car-container .car-headers-menu {
  padding: 10px 10px 10px 20px;
  background: #f5f5f5;
}

.shopping-car-container .panel-body {
  padding: 15px 0;
  display: flex;
  justify-content: space-between;
}

#checkAll {
  vertical-align: text-bottom;
}

.car-menu label{
  display: flex;
  align-items: center;
}
.shopping-car-container .car-menu {
  text-align: left;
}

.shopping-car-container .goods-content {
  margin-top: 15px;
}

.shopping-car-container .goods-content .goods-item {
  padding: 0 10px 0 20px;
  width: 100%;
  box-sizing: border-box;
  border-bottom: 1px solid #c4c4c4;
}

.shopping-car-container .goods-content .goods-item .car-goods-info {
  overflow: hidden;
}

.shopping-car-container .goods-content .goods-item .goods-image-column img,
.shopping-car-container .goods-content .goods-item .goods-image-column span {
  display: block;
  float: left;
}

.shopping-car-container .goods-content .goods-item .goods-image-column span {
  box-sizing: border-box;
  line-height: 25px;
}

.goods-price {
  color: #333;
}

.form-control {
  text-align: center;
}

.single-total {
  color: #333;
}

.goods-params {
  color: darkgray;
}
.goods-image{
   width: 120px;
}
.bottom-menu {
  display: flex;
  align-items: center;
  justify-content: center;
}

.bottom-menu #checkAllBottom {
  vertical-align: text-bottom;
}

#deleteMulty {
  color: cornflowerblue;
  cursor: pointer;
  vertical-align: text-bottom;
}

.bottom-menu-include {
  background: #f5f5f5;
  width: 100%;
  padding: 40px 20px 55px;
  box-sizing: border-box;
}

#selectGoodsCount {
  color: orangered;
  font-size: 16px;
  font-weight: bolder;
}

#selectGoodsMoney {
}

.panel-default .submitData {
  color: white;
  cursor: pointer;
}

.panel-default .submitDis {
  background: #B0B0B0;
  cursor: no-drop;
}

.shopping-car-container .panel-default {
  position: relative;
}

.shop-menu-flxe{
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.col-md-01{
  width: 15%;
  display: flex;
}
.col-md-02{
  width: 45%;
  padding-left: 8px;
  box-sizing: border-box;
}
.col-md-03{
  width: 40%;
  padding-left: 8px;
  box-sizing: border-box;
}
.col-md-04{
  width: 60%;
  padding-left: 8px;
  box-sizing: border-box;
}
.col-md-05{
  width: 10%;
  padding-left: 8px;
  box-sizing: border-box;
}
.col-md-06{
  width: 10%;
  padding-left: 8px;
  box-sizing: border-box;
}
.col-md-01 img{
  vertical-align: middle;
}
.shopping-car-left{
  flex: 1;
}
.panel-right{
  width: 25%;
  justify-content: flex-end;
  margin-left:10px;
}
.input-group{
  display: flex;
}
.btn {
    display: inline-block;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border:0;
    background: none;
}
.form-control {
    display: block;
    width: 60px;
    padding: 0 4px;
    line-height: 1.42857143;
    color: #555;
    box-sizing: border-box;
    background-color: #fff;
    background-image: none;
    border: 0;
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.input-group-btn{
    display: flex;
    align-items: center;
}
.goods-money-count{
}
.remobbtn{
   text-align: left;
}
.car-goods-info label{
    margin-right: 10px;
 }
#checkAll{
    margin-left: 10px;
 }
.totail-flex{
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.topad01{
    padding: 36px 0 28px;
}
.topad02{
    padding: 0 0 10px;
}
.topad03{
    padding: 50px 0 10px;
    border-bottom: 1px solid #000;
}
.topad04{
    padding: 20px 0 50px;
}
.checkout{
    width: 100%;
    text-align: center;
    background: #080708;
    color: #fff;
    padding: 0;
}
.modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    display: none;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    outline: 0;
}
.fade {
    opacity: 0;
    -webkit-transition: opacity .15s linear;
    -o-transition: opacity .15s linear;
    transition: opacity .15s linear;
}
.modal.fade .modal-dialog {
    -webkit-transition: -webkit-transform .3s ease-out;
    -o-transition: -o-transform .3s ease-out;
    transition: transform .3s ease-out;
}
.fade.in {
    opacity: 1;
}
.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
}
.modal-content {
    position: relative;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    outline: 0;
    -webkit-box-shadow: 0 3px 9px rgb(0 0 0 / 50%);
    box-shadow: 0 3px 9px rgb(0 0 0 / 50%);
    width: 520px;
    padding: 30px;
    box-sizing: border-box;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

.fade {
    opacity: 0;
    -webkit-transition: opacity .15s linear;
    -o-transition: opacity .15s linear;
    transition: opacity .15s linear;
}
.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background: rgba(0,0,0,0.5);
}
.modal-body{
    width: 100%;
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #f1f1f1;
}
.modal-footer{
    width: 100%;
    display: flex;
    justify-content: flex-end;
}
.btns-default{
    background: #777;
    color: #fff;
    padding: 4px 20px;
    margin-right: 15px;
    border: 0;
    border-radius: 2px;
}
.btns-primary{
    background: #000;
    color: #fff;
    padding: 4px 20px;
    border: 0;
    border-radius: 2px;
}

input[type="checkbox"] {
    width: 16px;
    height: 16px;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    line-height: 14px;
    position: relative;
}

input[type="checkbox"]::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background: #fff;
    width: 100%;
    height: 100%;
    border: 1px solid #646464;
}

input[type="checkbox"]:checked::before {
    content: "\2713";
    background-color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    border: 1px solid #646464;
    color: #000;
    font-size: 14px;
    font-weight: bold;
}
.cpaytxt{
    font-size: 12px;
    display: flex;
    align-items: center;
}
.help-pad{
    width: 100%;
    padding: 15px 20px;
    box-sizing: border-box;
}
.help-pad-flx{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #6b6b6b;
    padding-bottom: 20px;
}
.help-pad-li{
    width: 100%;
    padding: 20px 0 0 0;
}
.help-pad-li a{
    width: 100%;
    display: block;
    padding: 8px 0;
}
/**鎰挎湜娓呭崟**/
.wishlist{
   width: 100%;
   padding: 120px 0 50px;
   box-sizing: border-box;
}
.wishlist-pad{
   width: 100%;
}
.selec-sortby{
   display: flex;
   justify-content: flex-end;
   align-items: center;
   width: 100%;
}
.sortby-width{
   position: relative;
}
.wishli{
   float: left;
   width: 25%;
   padding: 15px;
}
.wish-row{
   margin-left: -15px;
   margin-right: -15px;
}
.wishclose{
  position: absolute;
  right: 10px;
  top: 10px;
  transition: width 1s,height 1s,transform 1s;
  -moz-transition: width 1s,height 1s,transform 1s;
  -webkit-transition: width 1s,height 1s,transform 1s;
  -o-transition: width 1s,height 1s,transform 1s;
  cursor: pointer;
  z-index: 2;
}
.wishclose:hover{
  transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  -webkit-transform: rotate(360deg);
  -o-transform: rotate(360deg);
}
.wishimg{
   width: 100%;
   position: relative;
   overflow: hidden;
}
.wishimg-goods{
   width: 100%;
   position: relative;
   overflow: hidden;
}
.wishimg-goods img{
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    background: #f1f1f1;
  }
.wishimg-goods:hover img{
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transform: scale(1.15, 1.15);
}
.wish-flxe{
   border: 1px solid #000;
   display: flex;
   justify-content: space-between;
   margin: 33px 0 20px;
   height: 74px;
   line-height: 74px;
   padding: 0 50px;
   box-sizing: border-box;
}
.wish-name{
  width: 100%;
  padding-top: 10px;
  height: 60px;
  line-height: 1.3;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.wish-right{
   flex: 1;
}
.wish-right-pad{
   width: 100%;
   margin-top: 15px;
   background: #fff;
}
.per01{
   padding: 30px 20px 20px 40px;
}
.person-right-pad{
   width: 100%;
   background: #fff;
   padding: 60px 40px;
   box-sizing: border-box;
}
.person-bg{
   width: 100%;
   background: #fff;
   margin-top: 15px;
}
.creat-width{
   flex: 1;
   text-align: center;
}
.person-main-row{
   margin-left: -13px;
   margin-right: -13px;
}
.person-main-li2{
   float: left;
   width: 50%;
   padding: 10px 13px;
   box-sizing: border-box;
}
.person-main-li{
   width: 100%;
   padding: 16px 0;
}
.perpad{
    margin: 12px 0 16px;
}
.person-main-li03{
   width: 100%;
   padding: 24px 0;
}
/**鍦板潃绠＄悊**/
.address-list02{
   width: 100%;
   position: relative;
   padding: 20px 5px;
   box-sizing: border-box;
   border: 1px solid #afafaf;
   margin: 0 0 15px 0;
}
.address-list{
   width: 100%;
   position: relative;
   padding: 20px;
   box-sizing: border-box;
   border: 1px solid #afafaf;
   margin: 0 0 15px 0;
}
.address-right-pad {
    width: 100%;
    background: #fff;
    padding: 10px 40px;
    box-sizing: border-box;
}
.address-del{
    position: absolute;
    top: 10px;
    right: 10px;
    display: flex;
    align-items: content;
    cursor: pointer;
    transition: width 1s,height 1s,transform 1s;
    -moz-transition: width 1s,height 1s,transform 1s;
    -webkit-transition: width 1s,height 1s,transform 1s;
    -o-transition: width 1s,height 1s,transform 1s;
    display: flex;
    align-items: center;
    justify-content: center;
}
.address-del img{
   width: 16px;
}
.address-del:hover{
  transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  -webkit-transform: rotate(360deg);
  -o-transform: rotate(360deg);
}
.address-li{
    width: 100%;
    display: flex;
    align-items: center;
    padding: 6px 0;
}
.address-li02{
    width: 100%;
    display: flex;
    align-items: center;
    padding: 1px 0;
}
.addlaber{
    width: 94px;
    text-align: right;
    padding-right: 10px;
}
.addright{
   flex: 1;
}
.edit-site{
   position: absolute;
   right: 20px;
   bottom: 20px;
   display: flex;
}
.address-name{
   width: 100%;
   padding: 0 0 15px 0;
}
.address-name02{
   width: 100%;
   padding: 0 0 15px 20px;
   box-sizing: border-box;
}
.set{
   margin-right: 20px;
}
.add-edits{
   width: 100%;
   display: flex;
   align-items: center;
   padding: 20px 0 60px;
}
.addbtn{
   width: 300px;
   height: 50px;
   line-height: 50px;
   text-align: center;
   color: #fff;
   background: #080708;
   border-radius: 4px;
   cursor: pointer;
}
.addnote{
   padding-left:24px;
}
.editimg{
   padding: 0 10px;
}
.deadd{
   background: #4b83fc;
   color: #000;
   padding: 4px 10px;
   font-size: 14px;
}
.address-bg{
   background: rgba(0,0,0,0.5);
   position: fixed;
   left: 0;
   right: 0;
   bottom: 0;
   top: 0;
   z-index: 554;
   display: none;
}
.add-width{
   max-width: 600px;
   width: 100%;
   background: #fff;
   padding: 55px 50px;
   box-sizing: border-box;
   position: fixed;
   top: 50%;
   left: 50%;
   transform: translate(-50%,-50%);
   z-index: 555;
   display: none
}
.add-width02{
   max-width: 600px;
   width: 100%;
   background: #fff;
   padding: 55px 50px;
   box-sizing: border-box;
   position: fixed;
   top: 50%;
   left: 50%;
   transform: translate(-50%,-50%);
   z-index: 555;
   display: none
}
.addtitle{
   width: 100%;
   text-align: center;
   padding-bottom: 30px;
}
.addinput01{
   width: 100%;
   display: flex;
   align-items: center;
   position: relative;
   padding: 5px 0;
}
.addleft{
   width: 45px;
}
.addinput01 input{
   background: none;
   border-top: 0;
   border-left: 0;
   border-right: 0;
   width: 100%;
   padding: 3px 0;
   position: relative;
   height: 32px;
   border-bottom: 1px solid #6d6d6d;
}
.addrow{
   margin-left: -15px;
   margin-right: -15px;
   display: flex;
   justify-content: space-between;
}
.addinput03{
   width: 100%;
   padding: 0 15px;
   box-sizing: border-box;
   position: relative;
   display: flex;
   align-items: center;
}
.addinput03 input{
   background: none;
   border-top: 0;
   border-left: 0;
   border-right: 0;
   width: 100%;
   padding: 3px 0;
   position: relative;
   height: 32px;
   border-bottom: 1px solid #6d6d6d;
}
.addinput02{
   width: 100%;
   padding:  0;
}
.address-btn{
   width: 100%;
   background: #080708;
   text-align: center;
   height: 50px;
   line-height: 50px;
   border-radius: 2px;
   color: #fff;
   margin: 50px auto 0;
   max-width: 414px;
   cursor: pointer;
}
.addclose{
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
  transition: width 1s,height 1s,transform 1s;
  -moz-transition: width 1s,height 1s,transform 1s;
  -webkit-transition: width 1s,height 1s,transform 1s;
  -o-transition: width 1s,height 1s,transform 1s;
  display: flex;
  align-items: center;
  justify-content: center;
}
.addclose:hover{
  transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  -webkit-transform: rotate(360deg);
  -o-transform: rotate(360deg);
}
.addclose02{
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
  transition: width 1s,height 1s,transform 1s;
  -moz-transition: width 1s,height 1s,transform 1s;
  -webkit-transition: width 1s,height 1s,transform 1s;
  -o-transition: width 1s,height 1s,transform 1s;
  display: flex;
  align-items: center;
  justify-content: center;
}
.addclose02:hover{
  transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  -webkit-transform: rotate(360deg);
  -o-transform: rotate(360deg);
}
.edit{
  cursor: pointer;
}
.set{
  cursor: pointer;
}
.addlaber02 {
    width: 180px;
    text-align: right;
    padding-right: 10px;
}
.invoice-width{
    width: 80%;
    max-width: 1000px;
    background: #fff;
    padding: 40px;
    box-sizing: border-box;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 555;
    display: none;
}
.invoice-width02{
    width: 80%;
    max-width: 1000px;
    background: #fff;
    padding: 40px;
    box-sizing: border-box;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 555;
    display: none;
}
.invoice{
    width: 100%;
    display: flex;
    align-items: center;
    padding: 4px 0;
}
.invoice input {
    background: none;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    width: 100%;
    padding: 3px 0;
    position: relative;
    height: 32px;
    border-bottom: 1px solid #6d6d6d;
    flex: 1;
}
.invoice label{
    width: 80px;
    text-align: right;
    margin-right: 10px;
    white-space :nowrap
}
.invoice-flx{
    display: flex;
    align-items: center;
    flex: 1;
    margin-left: -15px;
    margin-right: -15px;
}
.invoice-flx input{
   width: 33.3%;
   margin: 0 15px;
   box-sizing: border-box;
}
.subscription{
   width: 100%;
   padding: 50px 96px;
   box-sizing: border-box;
   background: #fff;
}
.sublist-flxe{
   width: 100%;
   border-bottom: 1px solid #a5a5a5;
   padding: 20px 0;
   display: flex;
   align-items: center;
   justify-content: space-between;
}
.subbtn{
   max-width: 222px;
   width: 100%;
   height: 42px;
   line-height: 42px;
   text-align: center;
   color: #fff;
   background: #080708;
   border-radius: 4px;
   cursor: pointer;
}
.subbtn a{
   display: block;
   color: #fff;
}
.sublist-mar{
   width: 100%;
   margin: 70px 0 0;
}
.sublist-ul{
   margin: 20px 0 16px;
   width: 100%;
   padding: 0 40px 30px;
   box-sizing: border-box;
   border-bottom: 1px solid #a5a5a5;
}
.sublist-li{
   width: 100%;
   padding: 10px 0;
}
.sublist-li label{
   width: 100%;
   display: flex;
   align-items: center;
   cursor: pointer;
}
.subspan{
   margin-left: 6px;
}
.submarn{
   width: 100%;
   text-align: right;
   padding: 0;
   display: flex;
   justify-content: right
}
.submitDis .submitData-btn{
   color: #fff;
   display: none;
}
.submitData-btn{
   color: #fff;
   display: block;
   padding: 8px 0;
   width: 100%;
}

.submitDis-btn {
   display: none;
}
.submitDis .submitDis-btn{
   display: block;
   padding: 8px 0;
}

/**缁撶畻**/
.settlement{
   width: 100%;
   padding: 140px 100px 0;
   box-sizing: border-box;
}
.setttop-flx{
   width: 100%;
   display: flex;
   justify-content: space-between;
   align-items: center;
   border-bottom: 1px solid #111111;
   padding-bottom: 10px;
   margin-bottom: 10px;
}
.setleft{
   padding-left: 30px;
}
.set-h1{
   font-style: italic;
   padding-bottom: 5px;
}
.setright{
   display: flex;
   margin-top: 20px;
}
.steplitep{
   position: relative;
}
.step-num{
   position: relative;
   padding: 0 20px;
}
.step-num:after{
   content: "";
   width: 100%;
   height: 2px;
   background: #ffebad;
   position: absolute;
   top: 50%;
   left: 0;
   right: 0;
   transform: translateY(-50%);
}
.step-num02:after{
   background: #4b83fc;
}
.step-num03:after{
   background: #696969;
}
.steppad{
   width: 36px;
   height: 20px;
   background: #fff;
   position: absolute;
   left: 50%;
   top: 50%;
   transform: translate(-50%,-50%);
   z-index: 3;
}
.stepbg{
   width: 16px;
   height: 16px;
   text-align: center;
   line-height: 16px;
   background: #585858;
   color: #fff;
   border-radius: 1000px;
   position: absolute;
   left: 50%;
   top: 50%;
   transform: translate(-50%,-50%);
   z-index: 3;
   font-size: 10px;
}
.step-name{
   padding: 10px 20px 0 20px;
   color: #585858;
}
.stcol{
   color: #000!important;
}
.purtit{
   padding: 20px 30px 20px;
}
.purborder{
   margin-top: 10px;
   border: 1px solid #c2c2c2;
   padding: 20px 35px;
   box-sizing: border-box;
   width: 100%;
}
.purflex{
   width: 100%;
   justify-content: space-between;
   align-items: center;
   display: flex;
}
.RadioStyle{
  transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
}
.RadioStyle input {
  display: none
  }
.add-liflx-left label {
  border: 1px solid #d2d2d2;
  display: inline-block;
  background: #f3f3f3;
  color: #666;
  padding: 8px 10px 8px 10px;
  line-height: 28px;
  min-width: 242px;
  text-align: center;
  box-sizing: border-box;
  cursor: pointer;
}
.RadioStyle input:checked + label {
  background: url(../images/ico_checkon.svg) no-repeat right bottom;
  border: 1px solid #4b83fc;
  background-size: 21px 21px;
  color: #000
}
.RadioStyle input:disabled + label {
  opacity: 0.7;
}
.select-add{
  width: 100%;
  padding: 30px;
  box-sizing: border-box;
}
.add-liflx{
   width: 100%;
   display: flex;
   align-items: center;
   margin: 10px 0;
}
.add-liflx-right{
   margin-left: 15px;
   display: flex;
   align-items: center;
   flex: 1;
}
.addinfo{
   padding:0 5px;
}
.current-menu{
   overflow: hidden;
   background: url(../images/arrdow-t.png) no-repeat right center!important;
}
.poster-btn{
   padding: 0 16px 0 0;
   cursor: pointer;
   background: url(../images/arrdow.png) no-repeat right center;
   display: inline-block;
   margin-top: 10px;
}
.col53{
   color: #535353;
}
.postup{
   background: url(../images/arrdow-t.png) no-repeat right center!important;
}
.puboli{
   width: 100%;
   border-bottom: 1px solid #c4c4c4;
   margin-bottom: 40px;
}
.puboli:last-child{
   border-bottom: 0;
}
.payment-flx{
   display: flex;
   align-items: center;
}
.pay-liflx{
   margin-right: 10px;
}
.pay-liflx label {
  border: 1px solid #d2d2d2;
  display: inline-block;
  background: #f3f3f3;
  color: #666;
  padding: 8px 10px 8px 10px;
  line-height: 28px;
  min-width: 180px;
  text-align: center;
  box-sizing: border-box;
  cursor: pointer;
}
.deliveryset{
   width: 100%;
   background: #f5f5f5;
   display: flex;
   margin: 20px 0;
   padding: 20px 30px;
   box-sizing: border-box;
}
.distr-flx{
   display: flex;
   align-items: center;
   margin-left: -10px;
   margin-right: -10px;
}
.distr-liflx{
    width: 100%;
    margin: 0 10px;
    background: #fff;
}
.distr-liflx label {
    border: 1px solid #d2d2d2;
    display: inline-block;
    background: #fff;
    color: #666;
    padding: 8px 10px 8px 10px;
    line-height: 28px;
    text-align: center;
    box-sizing: border-box;
    cursor: pointer;
    width: 100%;
    box-sizing: border-box;
}
.delivery-left{
    width: 500px;
}
.disname{
    width: 100%;
    padding-bottom: 25px;
}
.deliv-edit-flxe{
    display: flex;
    justify-content: space-between;
    padding: 30px 0 10px;
    border-bottom: 1px solid #c4c4c4;
}
.del01{
    margin-right: 10px;
}
.frights{
    width: 100%;
    padding: 20px 0 0 0;
}
.frights label{
    display: flex;
    align-items: center;
}
.frights label span{
    padding-left: 5px;
}
.delivery-right{
    flex: 1;
    padding-left: 50px;
    margin-left: 50px;
    padding-bottom: 30px;
    box-sizing: border-box;
    position: relative;
}
.delivery-right:after{
    width: 1px;
    height: 100%;
    background: #d4d4d4;
    position: absolute;
    top: 0;
    content: "";
    left: 0;
    bottom: 0;
}
.pro-order-detail{
    width: 100%;
}
.pro-order-nav{
    width: 100%;
    display: flex;
    align-items: center;
    padding-bottom: 15px;
}
.pro-order-bot{
    width: 100%;
    display: flex;
}
.pro-nav01{
   display: flex;
   width: 55%;
   padding-left: 10px;
   box-sizing: border-box;
}
.pro-nav02{
   width: 15%;
   text-align: center;
}
.invoice-btn {
    padding: 0 16px 0 0;
    cursor: pointer;
    background: url(../images/arrdow.png) no-repeat right center;
    display: inline-block;
    margin-top: 10px;
}
.set-codes-flx{
    width: 100%;
    display: flex;
    flex:1;
    flex-wrap:wrap;
    margin-left: -10px;
    margin-right: -10px;
}
.set-code-li{
    background-size: 100%;
    width: 330px;
    height: 166px;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    padding: 30px;
    box-sizing: border-box;
    color: #fff;
    margin:0 10px;
}
.set-code-li:after{
    width: 22px;
    height: 22px;
    background: #fff;
    border-radius: 1000px;
    overflow: hidden;
    top: 50%;
    left:-11px;
    transform: translateY(-50%);
    position: absolute;
    content: "";
}
.set-code-li:before{
    width: 22px;
    height: 22px;
    background: #fff;
    border-radius: 1000px;
    overflow: hidden;
    top: 50%;
    right:-11px;
    transform: translateY(-50%);
    position: absolute;
    content: "";
}
.momey{
    position: relative;
    padding-left:14px;
}
.momey sup{
    font-size: 18px;
    position: absolute;
    left:0;
    top:22px;
}
.touse{
    position: absolute;
    right: 30px;
    bottom: 18px;
}
.codetime{
    position: absolute;
    left: 30px;
    bottom: 22px;
}
.set-codes-tit{
    width: 100%;
    padding-bottom: 16px;
}
.total-li{
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 10px 0;
}
.total-ul{
    width: 100%;
    padding: 40px 40px 20px;
    box-sizing: border-box;
}
.total-right{
    text-align: right;
    padding-left: 10px;
}
.estimated-total{
    width: 100%;
    border-top: 1px solid #c4c4c4;
    background: #f5f5f5;
    padding: 18px 40px;
    box-sizing: border-box;
}
.estimated-li{
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 4px 0;
}
.ead01{
   padding-left: 6px;
}
.suborder{
   width: 275px;
   height: 60px;
   line-height: 60px;
   text-align: center;
   margin: 15px 40px 15px;
   background: #4b83fc;
   float: right;
}
.suborder a{
   color: #333;
   display: block;
}
.paypad{
   width: 100%;
   padding: 60px 30px;
   box-sizing: border-box;
}
.paynote-left{
   max-width: 800px;
   line-height: 32px;
}
.paynote-flx{
   width: 100%;
   display: flex;
   justify-content: space-between;
}
.paynote-right{
   text-align: right;
   line-height: 32px;
}
.cashi-ul{
   width: 100%;
   padding: 40px 60px;
   box-sizing: border-box;
}
.cashi-li-flx{
   display: flex;
   align-items: center;
   justify-content: space-between;
   width: 100%;
   padding-bottom: 15px;
   padding-top: 15px;
   border-bottom: 1px solid #dcdcdc
}
.cashi-left-flx{
   display: flex;
   align-items: center
}
.cashi-ul input[type="radio"] {
    width: 26px;
    height: 26px;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    line-height: 22px;
    position: relative;
}
.cashi-ul input[type="radio"]::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background: #fff;
    width: 100%;
    height: 100%;
    border: 1px solid #646464;
}
.cashi-ul input[type="radio"]:checked::before {
    content: "\2713";
    background-color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    border: 1px solid #646464;
    color: #000;
    font-size: 22px;
    font-weight: bold;
}
.ca02{
    padding:0 40px;
}
.ca03{
   padding-right: 30px;
   margin-right: 30px;
   position: relative;
}
.ca03:after{
   position: absolute;
   right: 0;
   height: 20px;
   background: #c3c3c3;
   content: "";
   top: 50%;
   width: 1px;
   transform: translateY(-50%);
}
.oftag{
   background: #4b83fc;
   padding: 2px 14px;
   margin-right: 10px;
}
.colorfe{
   color: #4b83fc;
}
.cashi-right-flx{
   text-align: right;
   line-height: 24px;
}
.paynow{
   width: 100%;
   max-width: 370px;
   text-align: center;
   height: 60px;
   line-height: 60px;
   background: #4b83fc;
   margin-top: 20px;
   float: right;
}
.paynow a{
   display: block;
}
.payment-ok{
   width: 100%;
   padding: 160px 0 100px;
   text-align: center;
}
.payment-info-flxe{
   display: flex;
   justify-content: center;
   align-items: center;
   border-top: 1px solid #eaeaea;
   border-bottom: 1px solid #eaeaea;
   padding: 30px 0;
   margin: 30px 0;
}
.payment-ok-img{
   padding: 10px 0;
}
.paytxt{
   padding: 6px 0;
}
.payinfo{
   padding: 0 20px;
   display: flex;
   align-items: center;
}
.payinfo img{
   height: 16px;
}
.payment-view-flxe{
   display: flex;
   justify-content: center;
   align-items: center;
}
.payview{
   display: flex;
   justify-content: center;
   align-items: center;
   padding: 0 29px;
}
.paymentno-view-flxe{
   display: flex;
   justify-content: center;
   align-items: center;
   padding: 29px 0 0;
}

/*璁㈠崟璇︽儏*/
.orderdetail-home{
   width: 100%;
   padding-bottom: 15px;
}
.orderdetail{
   width: 100%;
   background: #f5f5f5;
   padding: 170px 90px 40px;
   box-sizing: border-box;
}
.orderdetail-main{
   width: 100%;
   display: flex;
   margin-bottom: 8px;
}
.color3d{
   color: #3d3d3d;
}
.orderdetail-main-left{
   background: #fff;
   padding: 30px;
   box-sizing: border-box;
   width: 516px;
}
.paystyle{
   width: 100%;
   text-align: center;
   padding: 76px 0 60px;
}
.payinvoice{
   width: 186px;
   height: 40px;
   line-height: 40px;
   text-align: center;
   border: 1px solid #d2d2d2;
   background: #f3f3f3;
   margin: 10px auto 0;
}
.paymodify{
   width: 186px;
   height: 40px;
   line-height: 40px;
   text-align: center;
   border: 1px solid #4b83fc;
   background: #ffffff;
   margin: 10px auto 0;
}
.printflx{
   display: flex;
   justify-content: center;
   align-items: center;
   width: 100%;
   padding: 60px 0 20px 0;
}
.print{
   display: flex;
   align-items: center;
   padding: 0 20px;
}
.cancell{
   display: flex;
   align-items: center;
   padding: 0 20px;
   cursor: pointer;
}
.print img{
   padding-right: 6px;
}
.cancell img{
   padding-right: 6px;
}
.orderdetail-main-right{
   flex: 1;
   box-sizing: border-box;
   background: #fff;
   border-left: 8px solid #f5f5f5;
   box-sizing: border-box;
}
.orderdetail-main-right-pad{
   width: 100%;
   background: #fff;
}
.ordertit{
   width: 100%;
   padding: 30px;
   box-sizing: border-box;
}
.step-mar{
   padding: 120px 30px;
   width: 100%;
   position: relative;
}
.order-step{
    width: 100%;
    display: flex;
    box-sizing: border-box;
    justify-content: space-between;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
}
.stepli{
    position: relative;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    color: #969799;
    font-size: 14px;
}
.step-line{
  width: 80%;
  position: relative;
  margin: 0 auto;
  height: 2px;
  top: 14px;
}

.step-line:after{
   background: url(../images/step-bg.png) repeat-x;
   width: 100%;
   height: 2px;
   position: absolute;
   left: 0;
   top: 0;
   z-index: 0;
   content: "";
}

.step-txt{
   text-align: center;
}
.steparr{
   position: absolute;
   right: 0;
   top: 0;
   z-index: 2;
}
.step-img{
   position: relative;
   z-index: 4;
   display: flex;
   justify-content: center;
}
.step-img img{
   background: #fff;
}
.st01{
   margin-left: -10px;
   padding-left: 2px;
   background: #fff;
   display: flex;
   align-items: center;
}
.st02{
   background: #fff;
   padding: 0 9px;
}
.step-na{
   width: 100%;
   padding: 20px 0 0 0;
}
.steppod{
   position: absolute;
   right: 0;
   width: 100px;
   margin-right: -50px;
   text-align: center;
   margin-top: -25px;
}
.around{
   width: 9px;
   height: 9px;
   background: #4b83fc;
   border-radius: 1000px;
   margin: 8px auto 0;
}
.order-productpad{
   width: 100%;
   padding: 14px 0 35px;
   box-sizing: border-box;
   border-bottom: 1px solid #c4c4c4;
   margin-bottom: 20px;
}
.order-consignee{
   width: 100%;
   padding: 30px 30px 35px;
   box-sizing: border-box;
   border-bottom: 1px solid #c4c4c4;
   margin-bottom: 20px;
}
.ordleft{
   width: 140px;
}
.conleft{
   width: 94px;
   white-space: nowrap;
}
.conright{
   flex: 1;
   word-wrap:break-word;
   display: block;
   max-width: 300px;
}
.consigflx{
   width: 100%;
   display: flex;
   padding: 2px 0;
}
.order-productli{
   width: 100%;
   padding: 10px 0;
}
.order-productli a{
   width: 100%;
   display: flex;
}
.ordright{
   padding: 6px 0 5px 8px;
   box-sizing: border-box;
}
.ordtit{
   padding: 10px 0 0 0;
}
.viewmore{
   display: table;
   margin: 0 auto;
   padding-bottom: 8px;
   cursor: pointer;
   background: url(../images/arr-dow.png) no-repeat center bottom;
}
.conleft02{
   width: 170px;
}
.conleft03{
   width: 130px;
}
.order-total{
   padding:30px 0;
}
.order-total-li{
   width: 100%;
   display: flex;
   align-items: center;
   justify-content: flex-end;
   padding: 4px 0;
}
.order-total-r{
   width: 140px;
   text-align: right;
}
.topad{
   padding-top: 40px;
}
.detail-name-flex{
   width: 100%;
   padding: 30px;
   box-sizing: border-box;
   display: flex;
   align-items: center;
}
.dipad{
   padding-right: 20px;
}
.intro-flow{
   width: 100%;
   padding: 50px 50px;
   box-sizing: border-box;
}
.tro-flow-li{
   width: 100%;
   display: flex;
   padding-bottom: 30px;
   position: relative;
}
.tro-flow-left{
   display: flex;
   width: 300px;
   justify-content: flex-end;
   align-items: center;
}
.tro-flow-right{
   display: flex;
   position: relative;
   flex: 1;
}
.tro-flow-li:after{
   width: 1px;
   height: 100%;
   content: "";
   position: absolute;
   left: 330px;
   top: 0;
   background: #e0e0e0;
   z-index: 1;
}
.intro-flow-img{
   width: 60px;
   text-align: center;
   position: relative;
   display: flex;
   justify-content: center;
   align-items: center;
   position: relative;
   z-index: 2;
}
.intro-flow-img img{
   background: #fff;
}
.intro-flow-img:after{
   width: 8px;
   height: 8px;
   background: #d7d7d7;
   border-radius: 1000px;
   content: "";
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%,-50%);
}
.tro-flow-time{
   padding: 3px 0 0 10px;
}
.order-bg{
   position: fixed;
   width: 100%;
   background: rgba(0,0,0,0.5);
   top: 0;
   right: 0;
   left: 0;
   bottom: 0;
   z-index: 33;
}
.reason{
   width: 750px;
   background: #fff;
   position: fixed;
   top: 50%;
   left: 50%;
   transform: translate(-50%,-50%);
   z-index: 34;
   padding: 55px;
   box-sizing: border-box;
}
.reason-close{
   position: absolute;
   top: 20px;
   right: 20px;
   cursor: pointer;
   transition: width 1s,height 1s,transform 1s;
  -moz-transition: width 1s,height 1s,transform 1s;
  -webkit-transition: width 1s,height 1s,transform 1s;
  -o-transition: width 1s,height 1s,transform 1s;
}
.reason-close:hover {
    transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
}
.reason-h1{
   width: 100%;
   text-align: center;
   padding-bottom: 5px;
}
.reason-txt{
   width: 100%;
   text-align: center;
   padding-bottom: 5px;
}
.reason-row{
   margin-left: -10px;
   margin-right: -10px;
}
.reasonli{
   float: left;
   width: 50%;
   padding: 10px;
   box-sizing: border-box;
}
.reasonli label{
  border: 1px solid #d2d2d2;
  display: inline-block;
  color: #666;
  padding: 8px 10px 8px 10px;
  line-height: 28px;
  min-width: 100%;
  text-align: center;
  box-sizing: border-box;
  cursor: pointer;
}
.reason-ul{
  width: 80%;
  margin: 40px auto 20px;
}
.reason-btn-l{
   float: left;
   width: 50%;
   padding: 10px;
   box-sizing: border-box;
   margin-top: 30px;
   cursor: pointer;
}
.reason-btn-r{
   float: left;
   width: 50%;
   padding: 10px;
   box-sizing: border-box;
   margin-top: 30px;
   cursor: pointer;
}
.reason-lbg{
   width: 100%;
   background: #080708;
   color: #fff;
   display: block;
   text-align: center;
   height: 50px;
   line-height: 50px;
   border-radius: 4px;
}
.reason-lbg a{
   display: block;
   color: #fff;
   text-align: center;
   height: 50px;
   line-height: 50px;
}
.reason-rbg{
   width: 100%;
   background: #f3f3f3;
   color: #000;
   display: block;
   text-align: center;
   height: 50px;
   line-height: 50px;
   border-radius: 4px;
}
.reason-rbg a{
   display: block;
   color: #000;
   text-align: center;
   height: 50px;
   line-height: 50px;
}

.reason-next{
   width: 750px;
   background: #fff;
   position: fixed;
   top: 50%;
   left: 50%;
   transform: translate(-50%,-50%);
   z-index: 34;
   padding: 55px;
   box-sizing: border-box;
}
.reason-next-close{
   position: absolute;
   top: 20px;
   right: 20px;
   cursor: pointer;
   transition: width 1s,height 1s,transform 1s;
  -moz-transition: width 1s,height 1s,transform 1s;
  -webkit-transition: width 1s,height 1s,transform 1s;
  -o-transition: width 1s,height 1s,transform 1s;
}
.reason-next-close:hover {
    transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
}
.reason-nextflx{
   display: flex;
   width: 100%;
   border: 1px solid #e1e1e1;
   padding: 24px;
   box-sizing: border-box;
   height: 210px;
}
.reason-next-ul{
   width: 100%;
   padding: 30px 40px;
}
.resimg{
   padding: 0 24px 0 0;
}
.resimg img{
   height: 20px;
}
.rexflx{
   display: flex;
   align-items: center;
   padding: 0;
}
.rexflx img{
   padding: 0 4px 0 0;
}
.color74{
   color:#747474;
}
.resnote{
   width: 100%;
   text-align: center;
   padding: 15px 0;
}
.res-row{
   margin-top: 10px;
   margin-left: -10px;
   margin-right: -10px;
   display: flex;
   justify-content: space-between;
}
.resnext{
   width: 100%;
   padding: 10px;
   box-sizing: border-box;
}
.resnext-leftbg{
   background: #f3f3f3;
   height: 50px;
   line-height: 50px;
   width: 100%;
   text-align: center;
   display: block;
   border-radius: 4px;
}
.resnext-leftbg a{
   color: #000;
   display: block;
}
.resnext-rightbg{
   background: #080708;
   height: 50px;
   line-height: 50px;
   width: 100%;
   text-align: center;
   display: block;
   border-radius: 4px;
}
.resnext-rightbg a{
   color: #fff;
   display: block;
}
.reason-bg{
   position: fixed;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   z-index: 33;
   background: rgba(0,0,0,0.5);
}
.cancel-bg{
   position: fixed;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   z-index: 33;
   background: rgba(0,0,0,0.5);
}
.cancel-next{
    width: 750px;
    background: #fff;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 34;
    padding: 55px 20px 30px;
    box-sizing: border-box;
}
.cancel-close{
   position: absolute;
   top: 20px;
   right: 20px;
   cursor: pointer;
   transition: width 1s,height 1s,transform 1s;
  -moz-transition: width 1s,height 1s,transform 1s;
  -webkit-transition: width 1s,height 1s,transform 1s;
  -o-transition: width 1s,height 1s,transform 1s;
}
.cancel-close:hover {
    transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
}
.like-next{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 10px;
    z-index: 22;
    cursor: pointer;
}
.like-prev{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 10px;
    z-index: 22;
    cursor: pointer;
}
.cancel-ok{
    width: 100%;
    text-align: center;
    padding: 30px 0 20px;
}
.cancel-nh1{
    text-align: center;
    padding-bottom: 5px;
}
.cancel-nh2{
    text-align: center;
    padding: 15px 0;
}
.cancel-like{
    width: 100%;
    padding: 15px 0;
    text-align: center;
}
.cancell-order{
    width: 100%;
    padding: 26px 30px;
    box-sizing: border-box;
}
.cancell-top{
    width: 100%;
    display: flex;
    align-items: center;
    padding-bottom: 6px;
}
.canpad{
   padding-right: 20px;
}
.cancell-tep{
    width: 100%;
    display: flex;
    box-sizing: border-box;
    justify-content: space-between;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    padding: 60px 0 40px;
    margin: 0 auto;
    max-width: 1000px;
}
.cancell-tep-li{
    position: relative;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    text-align: center;
}
.canline{
    position: relative;
}
.cancell-tep-li:first-child .canline:after{
    background: none!important;
}
.cancell-tep-li:last-child .canline:before{
    background: none!important;
}
.canline:after{
    content: "";
    width: 50%;
    height: 2px;
    background: #4b83fc;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    z-index: 0;
}
.canline:before{
    content: "";
    width: 50%;
    height: 2px;
    background: #4b83fc;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    z-index: 0;
}
.canline img{
     width: 26px;
     position: relative;
     z-index: 1;
}
.cantxt{
    padding: 20px 0 0 0;
}
.mar20{
    margin-bottom: 20px;
}
.pad06{
    padding: 30px 40px 20px;
}
.cancell-tab{
    width: 100%;
    padding: 0 40px 40px;
}
.cancell-tab-boad{
   border: 1px solid #c2c2c2;
   width: 100%;
   padding-bottom: 30px;
}
.cantab-top{
   padding: 18px 0;
   border-bottom: 1px solid #c2c2c2;
   background: #f5f5f5;
   display: flex;
   align-items: center;
}
.cantab-mid{
   width: 100%;
   padding: 30px 0 0 ;
   display: flex;
   align-items: center;
}
.cantab01{
   width: 290px;
   text-align: center;
}
.cantab02{
   flex: 1;
   padding-left: 80px;
}
.cantab03{
   width: 290px;
   text-align: center;
}
.color8f{
   color:#8f8f8f;
}
.fontcenter{
   text-align: center;
}
.detail-tab{
   width: 100%;
   padding: 10px 40px 30px;
   box-sizing: border-box;
}
.detail-tab-boad{
   border: 1px solid #c2c2c2;
}
.detail-li01{
   width: 235px;
   box-sizing: border-box;
   padding: 15px 20px;
}
.detail-li02{
   flex: 1;
   padding-left: 30px;
   padding-top: 15px;
   padding-bottom: 15px;
   border-left: 1px solid #c2c2c2;
}
.detail-tbflx{
   width: 100%;
   display: flex;
   align-items: center;
   border-bottom: 1px solid #c2c2c2;
}
.detail-tbflx:last-child{
  border: 0;
}
.detail-font{
   padding: 30px 40px;
   box-sizing: border-box;
   width: 100%;
   line-height: 30px;
}
.explan{
   width: 100%;
   padding-bottom: 15px;
}
.fayflx{
   display: flex;
   align-items: center;
}
.palpay{

}
.palpay img{
   height: 20px;
}
.addinvoice{
   cursor: pointer;
}

.modify-odd{
    width: 600px;
    background: #fff;
    padding: 55px 94px;
    box-sizing: border-box;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -300px;
    margin-top: -235px;
    z-index: 555;
}
.modify-close{
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    transition: width 1s,height 1s,transform 1s;
    -moz-transition: width 1s,height 1s,transform 1s;
    -webkit-transition: width 1s,height 1s,transform 1s;
    -o-transition: width 1s,height 1s,transform 1s;
    display: flex;
    align-items: center;
    justify-content: center;
}
.modify-close:hover{
  transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  -webkit-transform: rotate(360deg);
  -o-transform: rotate(360deg);
}
.del02 {
}
.del02 input{
   width: 100%;
}
.modify-bg{
  width: 600px;
  background: #fff;
  padding: 55px 94px;
  box-sizing: border-box;
  position: fixed;
  top: 50%;
  left: 50%;
  margin-left: -300px;
  margin-top: -235px;
  z-index: 555;
  display: none;
}
.modcloss{
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
  transition: width 1s,height 1s,transform 1s;
  -moz-transition: width 1s,height 1s,transform 1s;
  -webkit-transition: width 1s,height 1s,transform 1s;
  -o-transition: width 1s,height 1s,transform 1s;
  display: flex;
  align-items: center;
  justify-content: center;
}
.modcloss:hover{
  transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  -webkit-transform: rotate(360deg);
  -o-transform: rotate(360deg);
}
.mod-submit{
    width: 100%;
    background: #080708;
    text-align: center;
    height: 50px;
    line-height: 50px;
    border-radius: 2px;
    color: #fff;
    margin: 20px auto 0;
    max-width: 414px;
    cursor: pointer;
}
#modify-edit{
   cursor: pointer;
}
.modifybg{
    background: rgba(0,0,0,0.5);
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 554;
    display: none;
}
.modify-ma{
    width: 600px;
    background: #fff;
    padding: 75px 94px 60px;
    box-sizing: border-box;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -300px;
    margin-top: -235px;
    z-index: 555;
    display: none;
}
.modtext input{
   width: 100%;
   min-width: 100%;
   max-width: 100%;
   height: 42px;
}
.modsubit{
      width: 100%;
    background: #080708;
    text-align: center;
    height: 50px;
    line-height: 50px;
    border-radius: 2px;
    color: #fff;
    margin: 20px auto 0;
    max-width: 414px;
    cursor: pointer;
}
.modify-textarea{
    width: 100%;
}
.modify-textarea textarea{
    max-width: 100%;
    min-width: 100%;
}
.modify-input {
    width: 100%;
    margin-bottom: 15px;
}
.modify-input input{
    width: 100%;
    height: 38px;
    padding: 8px;
    box-sizing: border-box;
}
#modify{
   cursor: pointer;
}
.reainput{
    display: block!important;
    border: 1px solid #d2d2d2;
    display: inline-block;
    color: #666;
    padding: 8px 10px 8px 10px;
    line-height: 28px;
    min-width: 100%;
    text-align: center;
    box-sizing: border-box;
    cursor: pointer;
}
.aboutfixed{
    position: fixed;
    top: 40px;
    width: 100%;
    left: 0;
    right: 0;
    height: 38px;
    line-height: 38px;
    background: rgba(0,0,0,0.78);
}
.aboutfixed .navline{
    margin: 10px 15px 0;
}
.subNavBox{
  width: 100%;
  margin: 10px auto 0;
}
.subNavBox ul{
  margin: 0;
  list-style: none;
}

.navContent{
  padding-bottom: 5px;
  padding-top: 10px;
}
.procheck{
   width: 100%;
   padding: 3px 0;
   cursor: pointer;
   font-size: 16px;
   display: flex;
   align-items: center;
   justify-content: flex-start;
}
.procheck input[type="checkbox"] {
    width: 12px!important;
    height: 12px!important;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    line-height: 10px!important;
    position: relative;
}
.check_span{
   display: flex;
   align-items: center;
   justify-content: center;
   margin-right: 8px;
}
.spaceli{
   width: 100%;
   padding: 5px 0 0;
}
.spaceli-name{
   width: 100%;
   padding: 0;
}
.spaceli-input{
   width: 100%;
   border-bottom: 1px solid #b0b0b0;
}
.spaceli-input input{
   border: 0;
}
.info-row{
   margin-right: -9px;
   margin-left: -9px;
   display: flex;
   flex-wrap: wrap;
   padding-top: 10px;
}
.info-row-li{
   width: 50%;
   padding: 4px 9px;
   box-sizing: border-box;
}
.info-row-li02{
   width: 100%;
   padding: 4px 9px;
   box-sizing: border-box;
}
.info-row-flxe{
   width: 100%;
   display: flex;
   align-items: center;
}
.info-name02{
   min-width: 70px;
   padding-right: 10px;
   font-size: 18px;
}
.info-name03{
   font-size: 18px;
   padding-right: 10px;
}
.info-name{
   width: 70px;
   font-size: 18px;
}
.info-input{
   flex: 1;
   border-bottom: 1px solid #b0b0b0;
}
.info-input input{
   width: 100%;
   border: 0;
}
.inquiry-flxe{
   width: 100%;
   display: flex;
   align-items: center;
   margin: 20px 0 10px;
}
.inquiry-btn{
    flex: 1;
    text-align: center;
    height: 44px;
    line-height: 44px;
    background: #4b83fc;
    border-radius: 4px;
    padding: 0 20px;
    color: #fff;
    cursor: pointer;
}
.inquiry-btn a {
    display: block;
    color: #fff;
}
.inquiry-chat{
   width: 40%;
   height: 44px;
   text-align: center;
   line-height: 44px;
   background: #1c69d3;
   border-radius: 4px;
   box-sizing: border-box;
   color: #fff;
   margin-left: 10px;
}
.inquiry-chat a {
    display: block;
    color: #ffffff;
}
.inquiry-chat-btn{
   width: 100%;
   height: 44px;
   text-align: center;
   line-height: 44px;
   margin-right: 10px;
   border: 1px solid #4b83fc;
   border-radius: 4px;
   box-sizing: border-box;
   color: #4b83fc;
}
.inquiry-chat-btn a {
    display: block;
    color: #4b83fc;
}
.custview{
   width: 100%;
   padding: 15px 0;
   display: flex;
   align-items: center;
}
.mapFact-ul{
   width: 40%;
   background: #ffffff;
   border: 4px solid #ffffff;
   box-sizing: border-box;
   display: none;
}
.swipcon-flxe{
   width: 100%;
   background: #ffffff;
   display:none;
}
.banner-select{
    opacity: 1!important;
    display: flex!important;
    align-items: center;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}
.swip-right{
   width: 100%;
   text-align: center;
   box-sizing: border-box;
}
.swip-left{
   width: 60%;
}
.company-img{
  width: 100%;
}
.company-img img{
   width: 100%;
}
.swip-left img{
   width: 100%;
}
.main-user{
  padding-top: 2px;
}
.main-email{
  padding-top: 2px;
}
.main-compy{
  width: 100%;
  padding: 0;
  text-align: center;
  margin: 0;
}
.swiper-slide-thumb-active{
}
#bot-positon .swiper-slide:hover{
  border: 2px solid #fdcb2e!important;
  overflow: hidden;
}
#bot-positon .swiper-slide{
  border: 3px solid transparent;
  overflow: hidden;
}
#bot-positon .swiper-slide img{
  transition: transform 0.6s ease 0s;
  transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  cursor: pointer;
  max-width: 280px;
}
#bot-positon .swiper-slide img:hover{
  transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  transform: scale(1.15, 1.15);
}
.savedline{
  padding-bottom: 0;
  position: relative;
}
.savedline:after{
  position: absolute;
  bottom: 0;
  background: #333;
  width: 100%;
  content: "";
  height: 2px;
  display: block;
}
.collect-li-flx{
  width: 100%;
  display: flex;
  align-items: flex-start;
  padding: 0 0 15px 0;
}
.colleft{
  width: 140px;
  margin-right: 15px;
  overflow: hidden;
}
.colleft img{
  width: 140px;
  transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  background: #f1f1f1;
}
.colleft:hover img{
  transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  transform: scale(1.15, 1.15);
}
.collright{
  flex: 1
}
.colpad01{
  width: 100%;
  padding: 0 0 5px 0;
  font-size: 12px;
}
.colpad02{
  width: 100%;
  margin-bottom: 10px;
}
.colpad03{
  padding: 0;
  margin: 0;
  width: 100%;
  font-size: 12px;
}
.collect-ul{
  width: 100%;
  max-height: 400px;
  margin: 20px 0;
  overflow-y: auto;
}
.not-login::-webkit-scrollbar {/*婊氬姩鏉℃暣浣撴牱寮?/
    width: 0;     /*楂樺鍒嗗埆瀵瑰簲妯珫婊氬姩鏉＄殑灏哄*/
    height: 1px;
}
.not-login::-webkit-scrollbar-thumb {/*婊氬姩鏉￠噷闈㈠皬鏂瑰潡*/
    border-radius: 2px;
     -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    background: #fff;
}
.not-login::-webkit-scrollbar-track {/*婊氬姩鏉￠噷闈㈣建閬?/
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    border-radius: 0px;
    background: #fff;
}
.collect-ul::-webkit-scrollbar {/*婊氬姩鏉℃暣浣撴牱寮?/
    width: 2px;     /*楂樺鍒嗗埆瀵瑰簲妯珫婊氬姩鏉＄殑灏哄*/
    height: 1px;
}
.collect-ul::-webkit-scrollbar-thumb {/*婊氬姩鏉￠噷闈㈠皬鏂瑰潡*/
    border-radius: 2px;
     -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    background: #333;
}
.collect-ul::-webkit-scrollbar-track {/*婊氬姩鏉￠噷闈㈣建閬?/
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    border-radius: 0px;
    background: #EDEDED;
}
.viewall-lay{
    width: 100%;
    margin-top: 40px;
    padding-top: 20px;
    border-top: 1px solid #fdcb2e;
}
.sectip{
    display: flex;
    padding: 0;
    width: 100%;
    box-sizing: border-box;
    border-bottom: 2px solid #d6d6d6;
    border-top: 1px solid #d6d6d6;
}
.product-home-flxe{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 95px 0 15px;
    box-sizing: border-box;
}
.pro-return{
    display: flex;
    align-items: center;
    cursor: pointer;
}
.productlist{
    flex: 1;
    border-left: 1px solid #d6d6d6;
    box-sizing: border-box;
}
.navlist{
   width: 225px;
   padding: 20px 0;
}
.goods_type_list{
   padding:8px 0;
}
.goods_type_list a{
   position: relative;
   color: #555;
   padding-bottom: 5px;
}
.goods_type_list a:after{
  position: absolute;
  width: 0;
  content: "";
  bottom: 0;
  left: 0;
  height: 1px;
  background: #4b83fc;
  transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
}
.goods_type_list a:hover:after{
  width: 100%;
  transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
}

.padded {
   padding:8px 0;
}
.resultpad{
   width: 100%;
   padding: 20px;
   box-sizing: border-box;
}
.some-list{
   width: 100%;
   padding: 10px 20px;
   box-sizing: border-box;
}
.icfont01{
   font-size: 16px;
   padding-right: 8px;
}
.navactive:after{
   width: 100%;
   background: #dadada;
   content: "";
   height: 3px;
   position: absolute;
   left: 0;
   bottom: 12px;
}
.sec-nav-center a:hover:after{
   width: 100%;
   background: #dadada;
   content: "";
   height: 3px;
   position: absolute;
   left: 0;
   bottom: 0;
   transition: all 0.5s ease 0s;
   -webkit-transition: all 0.5s ease 0s;
   -moz-transition: all 0.5s ease 0s;
   -o-transition: all 0.5s ease 0s;
}
.pagehome{
   width: 100%;
   float: left;
   clear: both;
   padding: 50px 50px;
   box-sizing: border-box;
   justify-content: center;
   display: flex;
   align-items: center;
}
.pagenav {
   margin: 0 10px;
   position: relative;
   color: #000;
}
.pagenav input{
   width: 50px;
   border-radius: 0;
   border: 1px solid #eee;
   padding: 5px;
   box-sizing: border-box;
}
.pageactive a{
   color: #707070!important;
}
.pageactive:after{
   position: absolute;
   left: 0;
   bottom: 0;
   width: 100%;
   background: #333;
   height: 1px;
   content: "";
}
.pagenav a{
   color: #555;
}
.pagenav a:hover{
   color: #4071d8;
}
.pagenav a:hover:after{
   background: #4071d8;
}
.pagenav a:after{
   position: absolute;
   left: 0;
   bottom: 0;
   width: 0;
   background: #333;
   height: 1px;
   content: "";
   transition: all 0.5s ease 0s;
   -webkit-transition: all 0.5s ease 0s;
   -moz-transition: all 0.5s ease 0s;
   -o-transition: all 0.5s ease 0s;
}
.pagenav a:hover:after{
   width: 100%;
   transition: all 0.5s ease 0s;
   -webkit-transition: all 0.5s ease 0s;
   -moz-transition: all 0.5s ease 0s;
   -o-transition: all 0.5s ease 0s;
}
.mainsearch{
   position: absolute;
   right: 70px;
   top: 5px;
   background: #fff;
   padding: 2px;
   box-sizing: border-box;
   transition: all 0.5s ease 0s;
   -webkit-transition: all 0.5s ease 0s;
   -moz-transition: all 0.5s ease 0s;
   -o-transition: all 0.5s ease 0s;
   display: none;
   z-index: 999;
   box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.1);
   border-radius: 10px;
   width: 460px;
}
.high{
   transition: all 0.5s ease 0s;
   -webkit-transition: all 0.5s ease 0s;
   -moz-transition: all 0.5s ease 0s;
   -o-transition: all 0.5s ease 0s;
   overflow: hidden;
   display: block;
}
.navfixed .mainsearch{
   top: 40px;
   transition: all 0.5s ease 0s;
   -webkit-transition: all 0.5s ease 0s;
   -moz-transition: all 0.5s ease 0s;
   -o-transition: all 0.5s ease 0s;
}
.mainsearch-pad{
   width: 100%;
   position: relative;
   display: flex;
   justify-content: space-between;
   max-width: 1300px;
   margin: 0 auto;
}
.search-left{
   width: 100%;
}
.search-left-flex{
   display: flex;
   align-items: center;
   width: 100%;
   padding: 0 6px;
   box-sizing: border-box;
   border-radius: 10px 10px 0 0;
   border: 1px solid #4171D9;
   max-width: 500px;
   overflow: hidden;
   height: 28px;
   line-height: 28px;
}
.seainput{
   width: 100%;
}
.seainput input{
   border: 0;
   font-size: 14px;
   padding: 0;
}
.seabtn{
   width: 36px;
   text-align: center;
   cursor: pointer;
}
.seabtn img{
   width: 18px;
}
.seasize{
   font-size: 46px;
}
.input--filled .seasize{
   font-size: 16px!important;
}
.search-right{
   display: flex;
}
.search-right-pad{
   width: 100%;
   padding: 10px;
   box-sizing: border-box;
}
.seah1 {
  padding: 6px 0;
}
.seah2 {
  padding: 0 0 5px 0;
  position: relative;
}
.seah2 span{
  position: relative;
}
.seah2:hover span:after{
    width: 100%;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}
.seah2 span:after{
    position: absolute;
    width: 0;
    content: "";
    bottom: 0;
    left: 0;
    height: 1px;
    background: #4b83fc;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}
.maclose{
    text-align: right;
    position: absolute;
    top: 2px;
    right: -26px;
    color: #ffffff;
    cursor: pointer;
    transition: width 1s,height 1s,transform 1s;
    -moz-transition: width 1s,height 1s,transform 1s;
    -webkit-transition: width 1s,height 1s,transform 1s;
    -o-transition: width 1s,height 1s,transform 1s;
}
.maclose:hover{
  transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  -webkit-transform: rotate(360deg);
  -o-transform: rotate(360deg);
}
.eqclose{
   position: absolute;
   top: 20px;
   right: 30px;
}
.eqclose img{
  width: 20px;
  height: 20px;
  cursor: pointer;
  transition: width 1s,height 1s,transform 1s;
  -moz-transition: width 1s,height 1s,transform 1s;
  -webkit-transition: width 1s,height 1s,transform 1s;
  -o-transition: width 1s,height 1s,transform 1s;
}
.eqclose img:hover{
  transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  -webkit-transform: rotate(360deg);
  -o-transform: rotate(360deg);
}
.mapclose{
  text-align: right;
  position: absolute;
  right: 20px;
  top: 10px;
}
.mapclose img{
  cursor: pointer;
  transition: width 1s,height 1s,transform 1s;
  -moz-transition: width 1s,height 1s,transform 1s;
  -webkit-transition: width 1s,height 1s,transform 1s;
  -o-transition: width 1s,height 1s,transform 1s;
}
.mapclose img:hover{
  transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  -webkit-transform: rotate(360deg);
  -o-transform: rotate(360deg);
}
.mapshow-bg{
   position: fixed;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   background: rgba(0,0,0,0.6);
   z-index: 99;
}
.mr_en{
   display: flex;
   align-items: center;
   padding-bottom: 10px;
}
.mr_en img{
   margin:0 3px;
   width: 18px;
}
.mr_cn{
   display: none;
   align-items: center;
}
.mr_cn img{
   margin:0 3px;
   width: 18px;
}
.mr_lang{
   position: relative;
   margin: 0 19px 0 0;
   font-size: 10px;
   width: 100px;
 }
.mr_langpad{
   position: absolute;
   width: 100%;
   padding: 5px 4px;
   box-sizing: border-box;
   border: 1px solid transparent;
   top: -16px;
}
.mr_langpad:hover{
   border: 1px solid rgba(255,255,255,0.5);
   background: #000;
}
.mr_langpad:hover a{
  color: #fff;
}
.mr_langpad:hover .mr_cn{
   display: flex;
   align-items: center;
}
.prowish{
   position: absolute;
   top: 10px;
   right: 10px;
   z-index: 1;
   cursor: pointer;
}
.prowish img{
   width: 18px;
   vertical-align: middle;
}
.d-row-bot .prowish img{
   width: 28px!important;
   vertical-align: middle;
}
.prowish-img{
   display: flex;
   align-items: center;
   justify-content: center;
   cursor: pointer;
}
.prowish-imgon{
   display: flex;
   align-items: center;
   justify-content: center;
   cursor: pointer;
}
.inquiry-bg{
   width: 100%;
   padding: 130px 50px 40px;
   background: #f5f5f5;
   box-sizing: border-box;
}
.inquiry-pad{
   width: 100%;
   background: #ffffff;
   padding: 20px 50px;
   box-sizing: border-box;
}
.inquiry-h1{
   width: 100%;
   padding: 20px 0;
   text-align: center;
}
.custom-ul{
   width: 100%;
   display: flex;
   justify-content: space-between;
   padding-top: 10px;
}
.custom-left{
   flex: 1;
}
.custom-right{
   width: 500px;
}
.custom-right-input{
   width: 100%;
}
.custom-right-input input{
   border-top: 0;
   border-left: 0;
   border-right: 0;
   width: 100%;
   padding: 6px 0;
   border-bottom: 1px solid #000;
}
/**涓嬫媺閫夋嫨**/
.metro,
.metro div,
.metro li,
.metro div::after,
.metro .carat,
.metro .carat:after,
.metro .selected::after,
.metro:after{
  -webkit-transition: all 150ms ease-in-out;
  -moz-transition: all 150ms ease-in-out;
  -ms-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
}
.metro .selected::after,
.metro.scrollable div::after{
  -webkit-pointer-events: none;
  -moz-pointer-events: none;
  -ms-pointer-events: none;
  pointer-events: none;
}
.metro{
  position: relative;
  width: 100%;
  cursor: pointer;
  background: #fff;
  border-radius: 4px;
  border: 1px solid #f1f1f1;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  font-size: 16px;
}
.metro.open{
  z-index: 2;
}
.metro:hover{
  background: #f4f4f4;
}
.metro:after{
  content: '';
  position: absolute;
  right: 3px;
  bottom: 3px;
  width: 30px;
  top: 50%;
  transform: translateY(-50%);
}
.metro.focus:after{
  background: #f4f4f4;
}
.metro .carat{
  content: '';
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  z-index: 2;
  -webkit-transform-origin: 50% 20%;
  -moz-transform-origin: 50% 20%;
  -ms-transform-origin: 50% 20%;
  transform-origin: 50% 20%;

}

.metro .carat:after{
  content: '';
  display: inline-block;
  align-items: center;
  justify-content: center;
  background: url(../images/arr-down.png) no-repeat center;
  background-size: 20px;
  width: 20px;
  height: 20px;
  -webkit-transform-origin: 50% 20%;
  -moz-transform-origin: 50% 20%;
  -ms-transform-origin: 50% 20%;
  transform-origin: 50% 20%;
}

.metro:hover .carat:after{
  border-top-color: #f4f4f4;
}
.metro.focus .carat{
  border-top-color: #f8f8f8;
}
.metro.focus .carat:after{
  border-top-color: #4b83fc;
}
.metro.open .carat{
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.metro .old{
  position: absolute;
  left: 0;
  top: 0;
  height: 0;
  width: 0;
  overflow: hidden;
}
.metro select{
  position: absolute;
  left: 0px;
  top: 0px;
}
.metro.touch select{
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}
.metro .selected,
.metro li{
  display: block;
  line-height: 1;
  color: #000;
  padding: 12px 20px;
  overflow: hidden;
  white-space: nowrap;
}
.metro .selected::after{
  content: '';
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 60px;

  border-radius: 0 2px 2px 0;
  box-shadow: inset -55px 0 25px -20px #f8f8f8;
}
.metro:hover .selected::after{
  box-shadow: inset -55px 0 25px -20px #f4f4f4;
}
.metro div{
  position: absolute;
  height: 0;
  left: 0;
  right: 0;
  top: 100%;
  margin-top: -1px;
  background: #f8f8f8;
  overflow: hidden;
  opacity: 0;
}
.metro:hover div{
  background: #f4f4f4;
}
.metro.open div{
  opacity: 1;
  z-index: 2;
}
.metro.scrollable div::after{
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 50px;

  box-shadow: inset 0 -50px 30px -35px #f8f8f8;
}
.metro.scrollable:hover div::after{
  box-shadow: inset 0 -50px 30px -35px #f4f4f4;
}
.metro.scrollable.bottom div::after{
  opacity: 0;
}
.metro ul{
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  list-style: none;
  overflow: hidden;
  max-height: 300px;
  overflow-y:scroll;
  font-size: 14px;
}
.metro.scrollable.open ul{
  overflow-y: auto;
}
.metro li{
  list-style: none;
  padding: 10px 20px;
}
.metro li.focus{
  background: #fdcb2e;
  position: relative;
  z-index: 3;
  color: #fff;
}
.seactive{
  background: #fdcb2e;
  color: #fff;
}
/**涓嬫媺閫夋嫨缁撴潫**/

.custom-ul-select{
   width: 100%;
   display: flex;
   align-items: center;
   padding-top: 10px;
}
.custom-li{
   position: relative;
   width: 25%;
}
.custom-li:hover{
   background: #f4f4f4;
}
.custom-num{
   width: 26px;
   height: 26px;
   background: #080708;
   border-radius: 1000px;
   position: absolute;
   top: -8px;
   left: -8px;
   text-align: center;
   line-height: 26px;
   color: #fff;
   z-index: 4;
}
.custom-tep{
   display: flex;
   padding: 0 15px;
   align-items: center;
   justify-content: center;
}
.inquiry-flxe-auto{
   width: 100%;
   max-width: 536px;
   margin: 30px auto;
}
.onshow{
   display: none;
}
.onshown:nth-child(1){
   display: block;
}
.onshowone{
   display: block!important;
}
.d-row-bot-li{
   position: relative;
}
.d-row-bot{
   position: relative;
   max-width: 700px;
   margin: 0 auto;
}
.dnwidth{
  width: 100%!important;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 2;
  background: #f1f1f1;
}
.dnlay{
   position: absolute;
   right: 5px;
   bottom: 5px;
   width: 40px;
   height: 40px;
   z-index: 1;
   background: url(../images/fdbg.png) no-repeat right bottom;
   background-size: 36px;
   opacity: 0.85;
   cursor: pointer;
  transition: width 1s,height 1s,transform 1s;
  -moz-transition: width 1s,height 1s,transform 1s;
  -webkit-transition: width 1s,height 1s,transform 1s;
  -o-transition: width 1s,height 1s,transform 1s;
}
.dnlay:hover{
   background: url(../images/fdbg02.png) no-repeat right bottom;
   background-size: 36px;
   opacity: 1;
   transition: width 1s,height 1s,transform 1s;
  -moz-transition: width 1s,height 1s,transform 1s;
  -webkit-transition: width 1s,height 1s,transform 1s;
  -o-transition: width 1s,height 1s,transform 1s;
}
.dnlayimg{
   position: absolute;
   right: 10px;
   bottom: 10px;
   z-index: 3;
}
.dnlay img{
  width: 18px;
  position: absolute;
  right: 2px;
  bottom: 2px;
}
.dnlay-colose{
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: 1;
  cursor: pointer;
  display: none;
  cursor: pointer;
  transition: width 1s,height 1s,transform 1s;
  -moz-transition: width 1s,height 1s,transform 1s;
  -webkit-transition: width 1s,height 1s,transform 1s;
  -o-transition: width 1s,height 1s,transform 1s;
}
.dnlay-colose:hover{
    transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
}
.dnwidth .dnlay-colose{
  display: block!important;
}
.dnwidth .dnlay{
  display: none!important;
}
.detail-border a span{
    position: relative;
}
.detail-border a span:after {
    position: absolute;
    width: 0;
    content: "";
    bottom: 0;
    left: 0;
    height: 1px;
    background: #4b83fc;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}
.detail-border a:hover span:after {
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    width: 100%;
}
.new-tag-ul a span{
    position: relative;
}
.new-tag-ul a span:after {
    position: absolute;
    width: 0;
    content: "";
    bottom: 0;
    left: 0;
    height: 1px;
    background: #4b83fc;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}
.new-tag-ul a:hover span:after {
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    width: 100%;
}
.search-add{
    width: 100%;
    display: flex;
    max-width: 1320px;
    margin: 0 auto;
    align-items: center;
    justify-content: space-around;
}
.seali{
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
}
.seali span{
    display: block;
    width: 100%;
    overflow: hidden;
}
.seali span img{
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}
.seali span:hover img{
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transform: scale(1.15, 1.15);
}
.col-2-cent{
   width: 100%;
   text-align: center;
   padding-bottom: 20px;
}
.pro-li-btn span:after{
    position: absolute;
    width: 100%;
    height: 1px;
    background: #000;
    content: "";
    left: 0;
    bottom: 0;
}
.pro-li-btn:hover a{
    color: #4c85f9;
}
.pro-li-btn:hover span:after {
    background: #4c85f9;
    content: "";
}
.seleform-fixd{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,0.5);
    z-index: 22;
}
.seleform{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    background: #ffffff;
    border-radius: 6px;
    height: 500px;
    width: 70%;
}
.seleclose{
    position: absolute;
    top: 10px;
    right: 30px;
    z-index: 22;
    cursor: pointer;
    transition: width 1s,height 1s,transform 1s;
    -moz-transition: width 1s,height 1s,transform 1s;
    -webkit-transition: width 1s,height 1s,transform 1s;
    -o-transition: width 1s,height 1s,transform 1s;
}
.seleclose:hover{
    transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
}
.wishlist-nav{
   width: 100%;
   border-bottom: 1px solid #000;
   display: flex;
   align-items: center;
   justify-content: space-between;
}
.wishlist-sort{
    padding-bottom: 0;
}
.navflxes{
   display: flex;
   justify-content: space-between;
   align-items: center;
   width: 100%;
}
.esdbag-bg{
   width: 100%;
   background: url(../images/esdbg.jpg) no-repeat top #000;
   background-size: cover;
   padding: 140px 0 90px 0;
}
.esdbg-flx02{
   width: 100%;
   display: flex;
   align-items: center;
   padding: 20px 0;
}
.esdbg-flx{
   width: 100%;
   display: flex;
   align-items: flex-end;
   padding: 20px 0;
   box-sizing: border-box;
}
.esdh1{
   color: #4b83fc;
   text-transform: uppercase;
   line-height: 50px;
   font-size: 30px;
}
.esdh2{
   color: #fff;
   width: 100%;
   padding-bottom: 20px;
   font-size: 18px;
}
.esdbgright{
   background: url(../images/linkbg.png) no-repeat left center;
   padding-left: 60px;
}
.esdh4{
   padding-top: 20px;
}
.esdbgleft{
   width: 52%;
}
.esdbgright{
   width: 48%;
}
.esdbgflx{
   display: flex;
   align-items: center;
   padding: 20px 40px;
   box-sizing: border-box;
}
.escolor01{
   color: #fff;
   font-size: 22px;
   line-height: 30px;
   padding-bottom: 8px;
}
.escolor02{
   color: #5f5f5f;
}
.escolor03{
   color: #000;
}
.esdlileft{
   width: 110px;
}
.esdlileft02{
   width: 100px;
}
.esdliright{
   flex: 1;
}
.wi80{
   width: 100%;
}
.esdptop{
   text-align: center;
}
.esdpage02{
   width: 100%;
   background: url(../images/page02bg.jpg) no-repeat center top;
   padding: 80px 0;
}
.esdptop-nav{
   width: 100%;
   display: flex;
   align-items: center;
   justify-content: center;
   padding: 30px 0;
}
.esdpad{
   padding: 0 16px;
   cursor: pointer;
   font-size: 18px;
}
.esdptop-nav span{
   position: relative;
   padding-bottom: 6px;
}
.esdptop-nav span:after{
    position: absolute;
    left: 0;
    bottom: 0;
    content: "";
    width: 100%;
    height: 2px;
    opacity: 0;
    background: #4b83fc;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}
.on-active span:after{
    opacity: 1!important;
}
.esdptopcm-li{
   text-align: center;
   width: 340px;
}
.esdfont01 {
   font-size: 14px;
}
.esdfont02 {
   font-size: 18px;
}
.esdptop-tab{
    padding: 30px 0 0 0;
}
.esdptopcm{
   width: 100%;
   display: flex;
   align-items: center;
   justify-content: space-between;
}
.esdpdline{
   width: 245px;
   height: 1px;
   background: #d7d7d7;
   margin: 25px auto;
}
.pro_item{
   width: 100%;
   overflow: hidden;
   display: flex;
   align-items: center;
   justify-content: center;
   min-height: 205px;
}
.pro_item img{
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}
.pro_item:hover img{
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transform: scale(1.15, 1.15);
}
.esdpd01{
   padding: 20px 0;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}
.esdpd01:hover{
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transform: translateY(-10px);
}
.esdpd03{
   color: #8c7e54;
   padding: 10px 0 5px;
}
.esdpd04{
   color: #000;
   padding: 0 0 5px;
}
.esdpd05{
   color: #8c7e54;
   padding: 10px 0 5px;
}
.esdpd06{
   color: #000;
   padding: 0 0 5px;
}
.esdpd07{
   color: #8c7e54;
   padding: 10px 0 5px;
}
.esdpd08{
   color: #000;
   padding: 0 0 5px;
}
.esdpd09{
   color: #8c7e54;
   padding: 10px 0;
}
.esdpd10{
   padding: 0 0 15px;
}
.esdpd11{
   color: #8c7e54;
   padding: 10px 0;
}
.esdpage03{
   width: 100%;
   background: #242526;
   padding: 80px 0;
}
.main-width-flxe{
   width: 100%;
   display: flex;
   align-items: center;
   justify-content: space-between;
}
.freesam{
   display: flex;
   align-items: center;
}
.esdpage03-left{
   color: #ffffff;
   width: 50%;
   padding: 0 20px;
   box-sizing: border-box;
}
.esdpage03-right{
   width: 50%;
   padding: 0 20px;
   box-sizing: border-box;
}
.esdpage03-right img{
   width: 100%;
   max-width: 700px;
}
.compage03-left{
   color: #000;
   width: 50%;
   padding: 0 20px;
   box-sizing: border-box;
}
.step01{
   padding-bottom: 18px;
   font-size: 18px;
}
.step02{
   padding-bottom: 25px;
   line-height: 40px;
   font-size: 30px;
}
.step03{
   max-width: 600px;
   padding-bottom: 55px;
   font-size: 16px;
}
.frle{
   margin-right: 10px;
}
.frle img{
   width: 90%;
}
.frlr{
   line-height: 36px;
}
.frlr img{
   width: 90%;
}
.frtxt{
   font-size: 24px;
}
.compost-bg{
   background: url(../images/compostbg.jpg) repeat-y top center;
   width: 100%;
   padding: 160px 0 0 0;
}
.compost-flxe{
   display: flex;
   align-items: center;
}
.compoleft{
   width: 40%;
}
.compoight{
   width: 60%;
}
.comph1{
   font-size: 42px;
   color: #000;
   line-height: 60px;
   padding: 4px 0;
}
.comph2{
   color: #6b6b6b;
   line-height: 30px;
   font-size: 18px;
   margin-top: 60px;
   padding-top: 30px;
   position: relative;
}
.comph2:after{
   width: 80px;
   height: 1px;
   background: #727272;
   position: absolute;
   left: 0;
   top: 0;
   content: "";
}
.esdpage02-h1{
   font-size: 22px;
}
.esdpage02-h2{
   font-size: 28px;
}
.esdtit{
   font-size: 22px;
   line-height: 30px;
   padding-bottom: 10px;
}
.comcolor{
   color: #000;
}
.comproduct{
   padding-top: 28px;
}
.compage02{
   width: 100%;
   background: url(../images/compost02.jpg) no-repeat;
   padding: 50px 0;
}
.commcolor01{
   color: #285c4d;
}
.commcolor02{
   color: #000;
   padding-bottom: 20px;
}
.commimg{
   padding-top: 20px;
}
.compage03{
   width: 100%;
   padding: 30px 0;
}
.navline{
   width: 2px;
   height: 20px;
   background: #f1f1f1;
   margin: 14px 15px 0;
}
.iframe-good-bg{
   width: 100%;
   height: 100%;
   position: fixed;
   z-index: 99;
   background: rgba(0,0,0,0.6);
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
}
.iframe-main{
   width: 100%;
   max-width: 1200px;
   position: absolute;
   left: 50%;
   top: 50%;
   transform: translate(-50%,-50%);
}
.ifpadd{
   padding: 20px;
}
.ifraclose{
   cursor: pointer;
   float: right;
   clear: both;
   margin-bottom: 10px;
}
.ifraclose img{
  width: 30px;
  height: 30px;
  cursor: pointer;
  transition: width 1s,height 1s,transform 1s;
  -moz-transition: width 1s,height 1s,transform 1s;
  -webkit-transition: width 1s,height 1s,transform 1s;
  -o-transition: width 1s,height 1s,transform 1s;
}
.ifraclose img:hover{
  transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  -webkit-transform: rotate(360deg);
  -o-transform: rotate(360deg);
}
.ifrmain{
   width: 100%;
   background-size: 120px;
   float: left;
   clear: both;
}
.type-navflx span{
   position: relative;
   padding: 14px 0;
}
.type-navflx span:after{
  position: absolute;
  bottom: 0;
  content: "";
  width: 0;
  height: 2px;
  background: #333;
  left: 0;
  transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
}
.type-navflx span:hover:after{
  width: 100%;
  transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
}
.acc-dt a{
    position: relative;
}
.acc-dt a:after {
    position: absolute;
    width: 0;
    content: "";
    bottom: 0;
    left: 0;
    height: 1px;
    background: #4b83fc;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}
.acc-dt a:hover:after {
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    width: 100%;
}
.curr2:after{
    width: 100%!important;
}
.higflx{
   display: flex;
   align-items: center;
   justify-content: space-between;
   width: 100%;
   clear: both;
}
.unitC{
   font-size: 14px;
}
.topliset-left{
   width: 60%;
   margin-right: 10px;
   box-sizing: border-box;
   float: left;
   position: relative;
   overflow: hidden;
   background: #fff;
   border-radius: 6px;
}
.toplinew{
   width: 100%;
   overflow: hidden;
   border-bottom: 4px solid transparent;
   transition: all 0.5s ease 0s;
   -webkit-transition: all 0.5s ease 0s;
   -moz-transition: all 0.5s ease 0s;
   -o-transition: all 0.5s ease 0s;
}

.toplinew:hover{
   border-bottom-color: #4b83fc;
   box-shadow: 0 0 0.13rem 0 rgb(0 68 176 / 14%);
   transition: all 0.5s ease 0s;
   -webkit-transition: all 0.5s ease 0s;
   -moz-transition: all 0.5s ease 0s;
   -o-transition: all 0.5s ease 0s;
}
.toplinew img{
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}
.toplinew:hover img{
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transform: scale(1.15, 1.15);
}
.toplinew:hover .toplistnew{
    background: #4b83fc;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}
.toplistnew{
   position: absolute;
   z-index: 3;
   background: rgba(0,0,0,0.15);
   left: 0;
   right: 0;
   bottom: 0;
   padding: 10px;
   box-sizing: border-box;
   transition: all 0.5s ease 0s;
   -webkit-transition: all 0.5s ease 0s;
   -moz-transition: all 0.5s ease 0s;
   -o-transition: all 0.5s ease 0s;
}
.topliset-right{
   width: 40%;
   float: left;
}
.toplistflx{
   display: flex;
   padding: 40px 0 30px;
   margin-right: -8px;
}
.toplist-w2{
   float: left;
   width: 50%;
   padding: 0 8px;
   box-sizing: border-box;
}
.toplist-w2:nth-child(3) .toplistbg{
   margin-bottom: 0
}
.toplist-w2:nth-child(4) .toplistbg{
   margin-bottom: 0
}

.newbg{
   width: 100%;
   background: rgb(235, 235, 235);
   clear: both;
}
.toplistbg{
   width: 100%;
   background: #fff;
   margin-bottom: 22px;
   overflow: hidden;
   border-radius: 6px;
   border-bottom: 4px solid transparent;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}
.toplistbg:hover{
    border-bottom-color: #4b83fc;
    box-shadow: 0 0 0.13rem 0 rgb(0 68 176 / 14%);
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}

.toplis-img img{
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}
.toplistbg:hover .toplis-img img{
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transform: scale(1.15, 1.15);
}
.toplistbg:hover .toplis-title{
   color: #4b83fc;
}
.toplis-img{
   width: 100%;
   overflow: hidden;
}
.toplis-title{
  width: 100%;
  padding: 10px 12px 6px;
  box-sizing: border-box;
  font-size: 16px;
  line-height: 20px;
  overflow:hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -o-text-overflow:ellipsis;
}
.newli-flx{
   width: 100%;
   display: flex;
   align-items: center;
   justify-content: space-between;
   padding: 10px 12px;
   box-sizing: border-box;
}
.secnt-new{
   width: 100%;
   display: flex;
   align-items: center;
   justify-content: space-between;
   padding: 30px 0 15px;
}
.newtt{
   font-size: 24px;
   color: #333;
}
.newnth{
   width: 100%;
  background: linear-gradient( to top,#f6f6f4,#e9e9e7,#f5f5f3,#f5f5f3,#fff);
}
.colmain{
  width: 100%;
  background: #fff;
  overflow: hidden;
  border-radius: 6px;
  border-bottom: 4px solid transparent;
  -webkit-box-shadow: 0px 1px 8px -6px rgb(0 0 0 / 26%);
  -moz-box-shadow: 0px 1px 8px -6px rgba(0, 0, 0, 0.26);
  box-shadow: 0px 1px 8px -6px rgb(0 0 0 / 26%);
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.colmain:hover{
  border-bottom-color: #4b83fc;
  -webkit-box-shadow: 0px 5px 22px -13px rgb(0 0 0 / 26%);
  -moz-box-shadow: 0px 5px 22px -13px rgba(0, 0, 0, 0.26);
  box-shadow: 0px 5px 22px -13px rgb(0 0 0 / 26%);
  transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  transform:translateY(-10px)
}
.newcn-img img{
  transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
}
.colmain:hover .newcn-img img{
  transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  transform: scale(1.15, 1.15);
}
.colmain:hover .newcn-text{
  color: #4b83fc;
}
.newcn-img{
   width: 100%;
   border-bottom: 1px solid #f1f1f1;
   overflow: hidden;
}
.newcn-name{
   width: 100%;
   padding: 5px 15px;
   box-sizing: border-box;
   font-size: 12px;
   color: #666;
}
.newcn-text{
  width: 100%;
  padding: 15px 14px;
  box-sizing: border-box;
  font-size: 16px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
}
.newcn-day{
   width: 100%;
   display: flex;
   align-items: center;
   padding: 6px 10px 20px 10px;
   box-sizing: border-box;
}
.advflxlist{
   display: flex;
   align-items: center;
   width: 100%;
}
.advimglist{
   width: 22%;
}
.new-add{
   position: relative;
   width: 100%;
   overflow: hidden;
}
.new-add img{
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}
.new-add:hover img{
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transform: scale(1.1, 1.1);
}
.tag-add{
   position: relative;
   width: 100%;
   margin-top: 10px;
   overflow: hidden;
}
.tag-add img{
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}
.tag-add:hover img{
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transform: scale(1.1, 1.1);
}
.new-add:hover .itemtitle{
  background: #4b83fc;
  transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
}
.tag-add-img:hover .itemtitle{
  background: #4b83fc;
  transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
}

.itemtitle{
   position: absolute;
   left: 0;
   right: 0;
   bottom: 0;
   z-index: 22;
   background: rgba(0,0,0,0.6);
   color: #fff;
   padding: 10px 15px;
   box-sizing: border-box;
}
.new-li-leftw2{
   float: left;
   width: 78%;
   padding-right: 15px;
   box-sizing: border-box;
}
.new-li-rightw2{
   float: right;
   width: 22%;
}
.info-listbg{
    width: 100%;
    float: left;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 20px;
    background: #fff;
}
.new-product-ul02{
   width: 100%;
}
.newlistbg{
   float: left;
   width: 100%;
   clear: both;
   padding: 20px 0 30px;
}
.newlistbg2{
   float: left;
   width: 100%;
   clear: both;
   background: #f6f6f4;
   padding: 20px 0 30px;
}
.newrecommend{
   font-size: 18px;
}
.new-banner-flxe{
   width: 100%;
   display: flex;
   justify-content: space-between;
   border-bottom: 1px solid #d7d7d7;
   padding-bottom: 35px;
   padding-top: 35px;
}
.new-flxe-left{
   width: 40%;
   padding: 15px 25px 15px 0;
   box-sizing: border-box;
}
.new-flxe-right{
   flex: 1;
   border-radius: 8px;
   overflow: hidden;
}
.newh1{
   width: 100%;
   font-size: 24px;
}
.newh3{
   width: 100%;
   font-size: 26px;
}
.newdayflx{
   display: flex;
   align-items: center;
   justify-content: space-between;
}
.hightflx{
   width: 100%;
}
.hightflx a:last-child .info-list{
   border-bottom: 0;
}
.recommend{
   width: 100%;
   margin-bottom: 25px;
}
.new-tag-ul{
   margin-left: -8px;
   margin-right: -8px;
}
.fonten20{
  font-size: 18px;
  width: 100%;
  margin-top: 10px;
  margin-bottom: 10px;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  height: 30px;
}
.mapshow{
   width: 100%;
   max-width: 1200px;
   display: flex;
   align-items: top;
   position: fixed;
   top: 50%;
   left: 50%;
   transform: translate(-50%,-50%);
   z-index: 33;
   height: 65vh;
   background: #fff;
}
#mapFactorie {
    overflow: hidden;
    height: 100%;
    margin: 0;
    font-family: "寰蒋闆呴粦";
    flex: 1;
}
.mapright{
   width: 350px;
   padding: 30px 30px;
   box-sizing: border-box;
   overflow-y: scroll;
}
.mapli{
   width: 100%;
   padding: 10px 0;
   border-bottom: 1px solid #f1f1f1;
   margin-bottom: 10px;
}
.maplih1{
   font-size: 18px;
   color: #333;
   padding-bottom: 8px;
   width: 100%;
}
.maplih2{
   width: 100%;
   font-size: 14px;
   color: #444;
   padding-bottom: 5px;
}
.maplih3{
   width: 100%;
   display: flex;
   align-items: center;
}
.maptel{
   display: flex;
   align-items: center;
   padding-bottom: 5px;
   margin-right: 20px;
}
.mapmail{
   display: flex;
   align-items: center;
   padding-bottom: 5px;
}
.BMap_cpyCtrl{
   display: none!important;
}
.anchorBL{
   display: none!important;
}
.fontbold{
   font-weight: bolder;
}
.order-nav-03{
   padding-right: 10px;
}
#swproduct{
   width: 100%;
   padding-bottom: 40px!important;
}

.tabboxm{
  margin:0 auto;
  width: 100%;
}
.tabboxm .tab{
  overflow:hidden;
  width: 100%;
}
.tabboxm .tab a{
  display:block;
  float:left;
  text-decoration:none;
  font-size: 16px;
  color:#afafaf;
  margin-right: 25px;
  position: relative;
}
.tabboxm .tab a:after{
    position: absolute;
    width: 0;
    content: "";
    bottom: 0;
    left: 0;
    height: 1px;
    background: #4b83fc;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}
.tabboxm .tab a:hover:after{
    width: 100%;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}
.tabboxm .tab a.on{
  text-decoration:none;
  color: #000;
  position: relative;
}
.tabboxm .tab a.on:after{
    position: absolute;
    width: 100%;
    content: "";
    bottom: 0;
    left: 0;
    height: 1px;
    background: #4b83fc;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}
.tabboxm .content{
  padding:10px 0;
}
.tabboxm .content li{
  display:none;
}
.invoice-no {
    display: none;
}
.ontopdown {
    padding: 10px 0;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 8px;
    font-size: 16px;
    cursor: pointer;
}
.onpdown {
    padding: 10px 0;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 8px;
    font-size: 16px;
    display: none;
    cursor: pointer;
}
.opflxe {
    display: flex;
    align-items: center;
    justify-content: center;
}
.atimg {
    width: 16px;
    vertical-align: middle;
    padding-top: 4px;
}
.xiang{
   padding:0 10px 0 5px;
   font-size: 16px;
}
.xfdiv{
  position: fixed;
  right: 10px;
  bottom: 20%;
  z-index: 12;
  transition: width 1s,height 1s,transform 1s;
  -moz-transition: width 1s,height 1s,transform 1s;
  -webkit-transition: width 1s,height 1s,transform 1s;
  -o-transition: width 1s,height 1s,transform 1s;
}
.xful{
  width: 46px;
  height: 46px;
  border-radius: 1000px;
  background: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  box-shadow: 0px 2px 4px #9f9f9f;
  margin: 10px 0;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: width 1s,height 1s,transform 1s;
  -moz-transition: width 1s,height 1s,transform 1s;
  -webkit-transition: width 1s,height 1s,transform 1s;
  -o-transition: width 1s,height 1s,transform 1s;
}
.xful img{
   width: 28px;
   vertical-align: middle;
}
.link-flex {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-right: 4rem;
    box-sizing: border-box;
}
.link-flex p {
    color: #333;
    font-size: 1.2rem;
    margin-top: -0.2rem;
    font-weight: normal;
}
.hightwflx{
    display: flex;
    flex-wrap: wrap;
    padding: 0;
}
.new-leftnav{
   width: 280px;
   box-sizing: border-box;
   padding: 0;
   margin-right: 20px;
}
.new-leftnav-pad{
   flex: 1;
   padding: 0 20px;
   background: #fff
}
.new-lims{
   width: 100%;
   display: block;
   padding: 10px 0;
   font-size: 14px;
   position: relative;
}
.new-lims a{
  display: block;
  width: 100%;
  color: #6a6a6a;
  position: relative;
}
.new-lims:after{
  position: absolute;
  bottom: 0;
  content: "";
  width: 0;
  height: 2px;
  background: #333;
  left: 0;
  transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
}
.new-lims:hover:after{
  width: 100%;
  transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
}
.new-lims:hover a {
   color: #333;
}
.hightflx-r{
   flex: 1;
   padding: 0 20px;
   background: #ffffff;
}
.hightflx-r a:last-child .info-list{
   border: 0;
}
.curr a{
   color: #333;
}
.curr:after{
    width: 100%;
}
.new-detail-cn img{
   max-width: 100%!important;
   height: auto!important;
}
.leftfid{
   position: fixed;
   top: 60px;
   width: 280px;
   z-index: 3;
}
#product_img_btn {
    width: 54px;
    height: 54px;
    border: 1px solid #4b83fc;
    border-radius: 4px;
    cursor: pointer;
    background: #ffffff;
    color: #4b83fc;
    margin-bottom: 10px;
}
.icoim{
   width: 16px;
   height: 16px;
}
.handle{
   width: 22px;
   height: 22px;
   background: #000;
   border-radius: 1000px;
   overflow: hidden;
   display: flex;
   align-items: center;
   justify-content: center;
}
.img_list{
   margin-bottom: 10px;
}
.flow-flex{
   margin: 0 auto;
   width: 1000px;
   padding: 0 0 50px 0;
}
.flow-lipad{
   padding: 10px 5px;
   display: flex;
   align-items: center;
   justify-content: center;
}
.flow-lipad2{
   padding: 10px 5px;
   display: flex;
   align-items: center;
   justify-content: center;
}
.flow-li{
   box-sizing: border-box;
   padding: 15px 15px;
   transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  position: relative;
  background: #fff;
  position: relative;
  transform: translateY(0);
  display: flex;
}
.flow-li2{
   box-sizing: border-box;
   padding: 15px 15px;
   transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  position: relative;
  background: #fff;
  cursor: pointer;
  position: relative;
  transform: translateY(0);
  display: flex;
}
.flow-li:hover{
  transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
/*  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1) inset;
*/  transform: translateY(-10px);
}
.flow-li2:hover{
  transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
/*  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1) inset;
*/  transform: translateY(-10px);
}
.flow-li:after{
  -webkit-transform: rotate(6deg);
  -moz-transform: rotate(6deg);
  transform: rotate(6deg);
  right: 15px;left: auto;
}
.flow-li2:after{
  -webkit-transform: rotate(6deg);
  -moz-transform: rotate(6deg);
  transform: rotate(6deg);
  right: 15px;left: auto;
}
.flow-li:hover .flow-cn .flh1{
   color: #4071d8;
}
.flow-li2:hover .flow-cn .flh1{
   color: #4071d8;
}
.flow-liimg{
   width: 40px;
   text-align: center;
   padding-top: 0;
}
.flow-cn{
   flex: 1;
}
.flow-cn .flh1{
   font-size: 18px;
   color: #363636;
   padding-bottom: 13px;
   line-height: 1;
   padding-top: 10px;
   font-weight: 500;
}
.flow-cn .flh2{
   font-size: 14px;
   width: 100%;
   line-height: 1;
   color: #7A7A7A;
   font-weight: 500;
}
.adver-page01{
   width: 100%;
   padding: 70px 0 70px;
   background: #f8f8f8;
   clear: both;
   float: left;
   position: relative;
}
.adver-page01-left{
   float: left;
   width: 55%;
   box-sizing: border-box;
   display: flex;
   position: relative;
}
.adver-page01-right{
   float: left;
   width: 45%;
   padding: 0 0 0 40px;
   box-sizing: border-box;
   position: relative;
}
.col-pag01{
   width: 50%;
   padding-right: 15px;
   box-sizing: border-box;
}
.col-pag01 a{
   background: #fff;
   padding-bottom: 60px;
   position: relative;
   display: block;
   width: 100%;
}
.col-pag01:hover .adver-01{
   color: #4c85f9;
}
.col-2-cent:hover .pro-li-name a{
   color: #4c85f9;
}
.azs-01{
   font-size: 21px;
   width: 100%;
   padding: 5px 15px 0;
   box-sizing: border-box;
   color: #333333;
}
.azs-02{
  font-size: 14px;
  width: 100%;
  padding: 0 15px 0;
  box-sizing: border-box;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  line-height: 1.3;
  margin-bottom: 8px;
  color: #888;
}
.adver-01{
  font-size: 16px;
  width: 100%;
  padding: 15px 15px 3px;
  box-sizing: border-box;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-align: left;
  color: #292929 ;
}
.col-pag01 .adver-btn-bor{
  height: 22px;
  border: 1px solid #CBCBCB;
  border-radius: 10px;
  color: #717171;
  font-size: 12px;
  text-align: center;
  line-height: 1.6;
  display: inline-block;
  margin-left: 15px;
  width: 73px;
  margin-bottom: 28px;
}
.adver-btn-bor:hover{
  border: 1px solid #4c85f9;
  color: #ffffff;
  background: #4c85f9;
}
.adver-01:hover{
  color: #4c85f9;
}
.adver-02{
   font-size: 18px;
   color: #868686;
   width: 100%;
   padding-bottom: 20px;
   line-height: 1;
   padding-top: 35px;
   font-weight: 400;
}
.adver-03{
   font-size: 24px;
   color: #101010;
   width: 100%;
   padding-bottom: 15px;
   font-weight: 500;
   line-height: 1;
}
.adver-03 p{
   padding-bottom: 10px;
}
.adver-04{
   font-size: 14px;
   padding-bottom: 20px;
   width: 100%;
   text-align: justify;
   color: #6B6B6B;
   font-weight: 400;
 }
.adver-05{
   width: 100%;
   display: flex;
   align-content: center;
   align-items: center;
   padding-bottom: 36px;
}
.adver-more{
   padding: 8px 0;
   display: inline-block;
   align-content: center;
   justify-content: center;
   width: 113px;
}
.adver-btn{
   display: inline-block;
   border-radius: 1000px;
   padding: 2px 15px;
   margin-bottom: 18px;
   font-size: 14px;
}
.adver-btn:hover{
   color: #4c85f9;
}
.adver-btnm{
   display: inline-block;
   border-radius: 0;
   padding: 6px 15px 0;
   margin-bottom: 0;
   font-size: 14px;
   line-height: 1;
}
.adver-btnm:hover{
   color: #4c85f9;
}
.azs-btn{
    position: absolute;
    left: 0;
    bottom: 24px;
    margin-bottom: 0!important;
    line-height: 1;
    padding-top: 0;
    padding-bottom: 0;
}
.adver-btnaut{
   display: inline-block;
   border-radius: 1000px;
   padding: 2px 15px;
   margin-bottom: 18px;
   font-size: 14px;
}
.adver-btnaut:hover{
   color: #4c85f9;
}
.definition{
   width: 100%;
   padding: 30px 0 0;
   display: flex;
   align-content: center;
   justify-content: center;
}
.definition-li{
   padding: 0 45px;
   display: flex;
   align-items: center;
   justify-content: center;
}
.definition-li img{
   max-height: 17px;
}
.deflex-font{
   font-size: 18px;
   color: #333;
   padding-left: 10px;
   display: inline-grid;
   align-content: center;
   min-width: 120px;
}
.definition-li img{
   vertical-align: middle;
}

.adver-page02-left{
   float: left;
   width: 40%;
   padding-left: 0;
   padding-right: 50px;
   box-sizing: border-box;
   position: relative;
}
.adver-page02-right{
   float: left;
   width: 60%;
   padding: 0;
   display: flex;
   align-items: center;
   box-sizing: border-box;
}
.adver-05flex{
   /*display: inline-grid;*/
   align-content: end;
}
.adver-page02{
    width: 100%;
    padding: 43px 0 43px;
    background: #f8f8f8;
    clear: both;
    float: left;
    position: relative;
}
.adver02-li{
    width: 100%;
    background: #fff;
    padding-bottom: 50px;
    box-sizing: border-box;
    position: relative;
}
.adver02-li02{
    width: 100%;
    background: #fff;
    position: relative;
    padding-bottom: 80px;
    box-sizing: border-box;
}
.adver02-li02:hover .azs-01{
    color: #4c85f9;
}
.adver02-li:hover .azs-01{
    color: #4c85f9;
}
.adver-page03{
    width: 100%;
    padding: 70px 0 70px;
    background: #f8f8f8;
    clear: both;
    float: left;
    position: relative;
}
.adver-page03-left{
    float: left;
    width: 60%;
    min-height: 1px;
}
.adver-page03-right{
    float: left;
    width: 35%;
    padding-left: 5%;
    box-sizing: border-box;
    position: relative;
}
.adver-page04{
    width: 100%;
    padding: 0;
    clear: both;
    float: left;
    position: relative;
}
.ah1{
    width: 100%;
    font-size: 24px;
    color: #101010 ;
    line-height: 1;
    padding-bottom: 17px;
    padding-top: 60px;
    text-align: center;
    font-weight: 500;
}
.ah2{
    width: 100%;
    font-size: 14px;
    color: #6B6B6B;
    padding-bottom: 10px;
    text-align: center;
    font-weight: 400;
    color: #6B6B6B;
    line-height: 1.4;
}
.ahimg{
    width: 100%;
    padding: 30px 0 0;
    text-align: center;
}
.ahshare{
    width: 100%;
    display: flex;
    align-content: center;
    justify-content: center;
    padding-top: 60px;
}
.ahshare-btnflex{
    display: flex;
    align-content: center;
    justify-content: center;
    padding-left: 0;
}
.ahshare-liflex{
    padding: 0 8px;
    display: flex;
    align-items: center;
}
.ahshare-liflex img{
    height: 25px;
}
.ahshare-font{
    font-size: 16px;
    color: #2C2C2C;
    line-height: 1;
    display: flex;
    align-items: center;
}
.ahshare-liflex img{
    vertical-align: middle;
}
.bag-pad{
    width: 100%;
    padding: 0px 0 60px;
}
.bag-pad2{
    width: 100%;
    padding: 0px;
    position: relative;
}
.bag-type{
   width: 100%;
   font-size: 28px;
   color: #101010;
   text-align: center;
   line-height: 1;
   font-weight: 500;
}
.bag-type-h2{
    font-size: 18px;
    width: 100%;
    color: #7B7B7B;
    text-align: center;
    line-height: 1;
    padding-bottom: 15px;
    font-weight: 400;
}
.bag-ul{
    width: 100%;
}
.bag-para{
    width: 100%;
    display: flex;
    align-content: center;
    justify-content: space-between;
    padding-top: 0;
}
.bag-para-left{
    width: 70%;
    box-sizing: border-box;
}
.bag-para-right{
   width: 30%;
   padding: 0;
   box-sizing: border-box;
   display: flex;
   align-items: center;
}
.para-flex{
   width: 100%;
   display: flex;
   padding-bottom: 20px;
   color: #333;
}
.para-li{
   width: 50%;
}
.para-hflex{
   display: flex;
}
.para-font{
   width: 100%;
   font-size: 16px;
   color: #5D5D5D;
   font-weight: 500;
}
.para-h3{
   width: 100%;
   font-size: 16px;
   font-weight: 500;
   color: #5D5D5D;
   padding-bottom: 5px;
   font-weight: 500;
}
.para-h1{
   width: 100%;
   font-size: 14px;
   color: #000;
   font-weight: 500;
}
.para-h2{
   width: 100%;
   font-size: 18px;
   color: #000;
   font-weight: 500;
}
.para-hflex{
   margin-left: -8px;
   margin-right: -8px;
}
.para-row{
   display: flex;
   align-content: center;
   width: 100%;
   margin-bottom: 20px;
}
.para-hli{
   padding: 0 3px 0 0;
   box-sizing: border-box;
}
.para-bord{
   text-align: center;
   border: 1px solid #cdcdcd;
   width: 100%;
   box-sizing: border-box;
   padding: 3px 14px;
   border-radius: 8px;
   font-size: 12px;
   font-weight: 500;
   color: #525252;
}
.para-rleft{
   width: 40px;
}
.para-rleft img{
   width: 40px;
   height: 40px;
   background: #eee;
   overflow: hidden;
   vertical-align: middle;
   margin-top: 3px;
}
.para-rright{
   flex: 1;
   padding-left: 8px;
   box-sizing: border-box;
   text-align: justify;
}
.para-ulflex{
   margin-left: 0;
   margin-right: 0;
}
.para-rowli{
   width: 100%;
   padding: 8px 27px 35px;
   box-sizing: border-box;
   display: flex;
}
.para-rfont{
  width: 100%;
  font-size: 10px;
  line-height: 14px;
  color: #727272;
  height: 30px;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
 }
.para-rpl{
   width: 100%;
   padding: 0;
   line-height: 1;
}
.para-rpl img{
   height: 10px
}
.para-btn{
    height: 40px;
    line-height: 40px;
    text-align: center;
    margin: 30px auto 0px;
    width: 140px;
    color: #4c85f9;
    display: inline-block;
}
.tabbox-flex{
   width: 100%;
   display: flex;
   align-content: center;
   padding: 15px 0 0 57%;
   box-sizing: border-box;
   justify-content: center;
   position: absolute;
   right: 0;
   left: 0;
   bottom: 0;
}
.tabbox-li{
   margin-right: 5px;
   text-align: center;
   cursor: pointer;
   display: flex;
   justify-content: center;
   align-items: center;
   flex-wrap: wrap;
}
.tabbox-li:last-child{
   margin-right: 0;
}
.tabbox-img{
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    margin: 0 auto;
    width: 43px;
    height: 43px;
    border-radius: 50%;
    border:1px solid transparent;
}
.tabbox-img:hover{
   transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}
.bactive .tabbox-tit{
   transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}
.tabbox-img img{
   overflow: hidden;
   vertical-align: middle;
   transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    width: 80%;
}
.tabbox-img:hover img{
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}
.tabbox-tit{
   font-size: 11px;
   text-align: center;
   font-weight: normal;
   color: #000000;
   width: 100%;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}
.bactive .tabbox-img img{
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}
.bactive .tabbox-img{
   transition: all 0.5s ease 0s;
   -webkit-transition: all 0.5s ease 0s;
   -moz-transition: all 0.5s ease 0s;
   -o-transition: all 0.5s ease 0s;
}
.bactive .tabbox-tit{
   color: #4c85f9;
}
.bag-li{
   display: none
}
.bag-li:first-child{
   display: block;
}
.banner{
    width: 100%;
    position: relative;
    padding: 120px 0 50px 0;
    max-width: 1420px;
    margin: 0 auto;
}
.ban-bot{
    position: absolute;
    right: 0;
    bottom: 0;
    width: 100%;
}
.positbanner{
    position: absolute!important;
    right: 0;
    bottom: 0;
    overflow: inherit!important;
    width: 100%;
}
.bannerli{
    width: 100%;
    position: relative;
    display: flex;
    align-content: center;
    background: #ffffff;
}
.banner-left{
    width: 50%;
    padding-right: 35px;
    box-sizing: border-box;
}
.banner-right{
    width: 50%;
    position: relative;
    padding-right: 126px;
    padding-bottom: 103px;
    box-sizing: border-box;
}
.ncolo01{
    color: #333;
}
.mbh1{
    font-size: 24px;
    color: #4071d8;
}
.mbh2{
    font-size: 14px;
}
.mbfont01{
    font-size: 18px;
    padding-top: 0;
    color: #868686;
}
.mbfont02{
    font-size: 32px;
    line-height: 1.2;
    padding: 20px 0;
    font-weight: 500;
    color: #000;
}
.jhmbfont01{
    font-size: 42px;
    line-height: 1.2;
    padding: 18px 0;
    color: #101010;
    font-weight: 500;
}
.jhmbfont02{
    max-width: 611px;
    width: 100%;
    font-size: 14px;
    font-weight: 400;
    color: #6B6B6B;
    line-height: 29px;
    text-align: justify;
}
.ban-tep{
     overflow: hidden;
     height: auto!important;
     width: auto!important;
     text-align: right;
     cursor: pointer;
}
.ban-tep img{
     background: #f7f7f7;
}
.ban-img img{
     background: #f7f7f7;
}
.ban-tep:nth-child(1){
    position: absolute;
    bottom: 0;
    right: 477px;
}
.ban-tep:nth-child(2){
    position: absolute;
    bottom: 0;
    right: 323px;
}
.ban-tep:nth-child(3){
    position: absolute;
    bottom: 0;
    right: 170px;
}
.ban-tep:nth-child(4){
    position: absolute;
    bottom: 0;
    right: 0px;
}
.ban-tep:nth-child(5){
    position: absolute;
    bottom: 103px;
    right: 0;
}
.ban-tep:nth-child(6){
    position: absolute;
    bottom: 236px;
    right: 0;
}
.font-b{
    font-size: 20px;
    color: #4071d8;
}
.ban-tep img{
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}
.ban-tep:hover img{
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transform: scale(1.15, 1.15);
}
.ban-img{
    width: 100%;
    text-align: right;
}
.positbanner .swiper-slide-thumb-active:after{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    content: '';
    border: 2px solid #4071d8;
    box-sizing: border-box;
}
.mbfont03{
     font-size: 14px;
     color: #6B6B6B;
     font-weight: 400;
     text-align: justify;
     width: 40%;
}
.about-banner{
     width: 100%;
     background: #f8f8f8;
     padding: 160px 0 40px;
}
.about-ban-rela{
    width: 100%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction : row-reverse;
}
.map-right{
    width: 100%;
    max-width: 357px;
}
.about-banh{
    display: flex;
    align-content: center;
}
.map-slide{
    width: 100%;
    border: 1px solid #f8f8f8;
    overflow: hidden;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    position: relative;
}
.map-slide:hover:after{
    border: 2px solid #4c85f9;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    content: "";
}
.map-slide img{
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    vertical-align: middle;
}
.map-slide:hover img{
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transform: scale(1.15, 1.15);
    vertical-align: middle;
}
.xcgc-btn{
    background: #4c85f9;
    color: #fff;
    font-size: 14px;
    padding: 8px 30px;
    border-radius: 10px;
}
.about-banh-flex{
    display: flex;
    flex-wrap: wrap;
    width: 40%;
    padding-right: 50px;
    box-sizing: border-box;
}
.about-banh-font{
    width: 100%;
    padding: 0;
    box-sizing: border-box;
}
.banh-wap{
    overflow: hidden;
    padding: 5px;
    width: 50%;
    box-sizing: border-box;
}
.banh-wap-over{
    overflow: hidden;
    width: 100%;
}
.abhh1{
    width: 100%;
    font-size: 14px;
    padding-bottom: 30px;
    text-align: justify;
    font-weight: 400;
    color: #767676;
}
.abhh1 p{
   display: inline;
}
.abhh1 p b{
    font-weight: 400;
    color: #767676;
}
.abhh1 b{
    font-weight: 400;
    color: #767676;
}
.abhh2{
    width: 100%;
    font-size: 32px;
    padding-bottom: 5px;
    color: #333;
    font-weight: 500;
}
.abhh-tit{
    position: relative;
    padding: 0 30px 5px 0;
    font-size: 16px;
    color: #333;
    display: inline-block;
}
.abhh-tit:after{
    content: "";
    width: 24px;
    height: 1px;
    background: #333;
    position: absolute;
    right: 0;
    top: 15px;
}
.banh-tep{
      position: relative;
      padding: 5px 8px 5px 10px;
      box-sizing: border-box;
      font-size: 15px;
      width: 220px;
}
.banh-tep:after{
     position: absolute;
     width: 4px;
     height: 4px;
     background: #333;
     content: "";
     border-radius: 1000px;
     left: 0;
     top: 50%;
     transform: translateY(-50%);
}
.abhh3{
     display: flex;
     flex-wrap: wrap;
     width: 100%;
}
.about-ban-btn{
     margin-top: 60px;
     width: 250px;
     text-align: center;
}
.about-banh-cetflex{
     display: inline-grid;
     align-content: center;
     flex: 1;
     padding-right: 80px;
     box-sizing: border-box;
}
.about-num{
     width: 100%;
}
.about-clearfix{
     width: 100%;
     display: flex;
     justify-content: center;
}
.item-li{
    padding-right: 90px;
    padding-left: 90px;
    position: relative;
}
.item-li:after{
    content: "";
    position: absolute;
    right: 0;
    top: 18px;
    bottom: 4px;
    width: 1px;
    background: #999;
}
.item-li:last-child:after{
   display: none;
}
.item-h1{
    font-size: 36px;
    color: #4c85f9;
}
.about-xcgs-product{
    width: 100%;
    position: relative;
    margin: 40px auto 0;
    max-width: 1084px;
}
.col-a-cent{
    width: 100%;
    background: #f1f1f1;
    overflow: hidden;
}
.col-a-cent img{
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}
.col-a-cent:hover img{
  transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  transform: scale(1.15, 1.15);
}
.advh1-img{
   overflow: hidden;
}
.advh1-img img{
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}
.advh1-img:hover img{
  transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  transform: scale(1.15, 1.15);
}
.qua-h1{
    width: 100%;
    text-align: center;
    font-size: 18px;
    padding-bottom: 15px;
}
.qua-h2{
    width: 100%;
    text-align: center;
    color: #333;
    font-size: 32px;
    padding-bottom: 20px;
    font-weight: 500;
    line-height: 1;
}
.qua-h3{
    width: 100%;
    text-align: center;
    font-size: 14px;
    color: #555;
    padding-bottom: 35px;
}
.qua-flex{
    width: 100%;
    display: flex;
}
.qua-left{
    width: 30%;
    padding-top: 20px;
    box-sizing: border-box;
}
.qua-right{
    width: 70%;
}
.about-recomment{
    width: 100%;
    padding: 70px 0 0 0;
}
.adver-page05{
    width: 100%;
    padding: 0 0 70px;
    max-width: 1045px;
    margin: 0 auto;
}
.page05-pad{
    width: 100%;
    padding: 0 50px;
    box-sizing: border-box;
    position: relative;
}
.clear{
    clear: both;
}
.adver-ali{
    border:1px solid #e6e6e6;
    background: #f8f8f8;
    padding: 20px;
    box-sizing: border-box;
}
.advh1{
    width: 100%;
    font-size: 14px;
    padding-bottom: 10px;
}
.advh2{
    width: 100%;
    font-size: 14px;
    padding-bottom: 16px;
    height: 90px;
    padding-top: 10px;
    font-weight: normal;
}
.advh3{
    width: 100%;
    font-size: 12px;
}
.advhimg img{
   height: 11px;
}
.adver-page06{
    width: 100%;
    padding: 70px 0;
    background: #f8f8f8;
}
.recom-ul{
    width: 100%;
    margin-top: 20px;
    padding:0 15px 15px 0;
    box-sizing: border-box;
}
.recom-tit{
    width: 100%;
    font-size: 18px;
    color: #000;
    padding-bottom: 5px;
}
.recom-li{
    width: 100%;
    padding-bottom: 15px;
}
.recom-img{
    background: #f8f8f8;
    overflow: hidden;
}
.recom-img img{
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}
.recom-li:hover img{
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transform: scale(1.15, 1.15);
}
.recom-name{
    width: 100%;
    font-size: 14px;
    color: #000;
    padding: 8px 0;
}
.recom-btn{
    color: #000;
}
.wah1{
    width: 100%;
    text-align: center;
    font-size: 18px;
    font-weight: 400;
    color: #7B7B7B;
}
.wah2{
    width: 100%;
    font-size: 32px;
    text-align: center;
    padding:  15px 0 20px;
    color: #333;
    line-height: 1;
    font-weight: 500;
}
.wah3{
    width: 100%;
    font-size: 14px;
    text-align: center;
    color: #696969;
    font-weight: 400;
    padding-bottom: 40px;
    margin: 0 auto;
    max-width: 900px;
}
.page06-pad{
    padding-bottom: 10px;
    width: 100%;
    max-width: 1086px;
    margin: 0 auto;
}
.copyflex{
    width: 100%;
    display: flex;
    align-content: center;
    justify-content: space-between;
}
.ntop{
    margin: 0 auto;
    height: 40px;
    width: 100%;
    padding: 0 70px;
    box-sizing: border-box;
}
.kefu_b{
    width: 46px;
    height: 46px;
    border-radius: 1000px;
    background: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    box-shadow: 0px 2px 4px #9f9f9f;
    margin: 10px 0;
    position: relative;
    z-index: 999;
}
.ticimg01{
    width: 14px;
    display: none;
}
.ticimg02{
    width: 16px;
    display: none;
}
.ticimg03{
    width: 26px;
    display: none;
}
.ticimg04{
    width: 16px;
    display: none;
}
.ticimg01b{
    width: 14px;
}
.ticimg02b{
    width: 16px;
}
.ticimg03b{
    width: 24px;
}
.ticimg04b{
    width: 16px;
}
.arrfont{
   font-size: 10px!important;
   padding-left: 3px;
}
.headfixed .mainsearch{
   top: -36px;
}
.headfixed .White-logo{
   display: block;
}
.headfixed .black-logo{
   display: none;
}
.headfixed .ticimg01b{
   display: none
}
.headfixed .ticimg02b{
   display: none
}
.headfixed .ticimg03b{
   display: none
}
.headfixed .ticimg04b{
   display: none
}
.headfixed .ticimg01{
   display: inline;
}
.headfixed .ticimg02{
   display: block;
}
.headfixed .ticimg03{
   display: inline-block;
}
.headfixed .ticimg04{
   display: block;
}
.headfixed .header-text a{
   color: #ffffff;
}
.headfixed .colw01{
   color: #ffffff;
}
.headfixed .colw02{
   color: #ffffff;
}
.headfixed .mr_01 a{
   color: #ffffff;
}
.headfixed .myxc{
   color: #ffffff;
}
.headfixed .mr_langpad a{
   color: #ffffff;
}
.headfixed .ntheader_wrapper{
   background: #2B2B2B!important;
}
.headfixed .White-logo{
   display: block;
}
.headfixed .black-logo{
   display: none;
}
.headfixed .nav{
   top: 0;
   width: auto;
}
.headfixed .sec_navigation{
   margin-top: 0;
}
.xcbtn{
    height: 38px;
    line-height: 38px;
    text-align: center;
    margin: 0 auto;
    border-radius: 6px;
    border: 1px solid #cbcbcb;
    overflow: hidden;
    width: 100%;
    color: #4c85f9;
    display: inline-block;
    position: relative;
}
.xcbtn:after{
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    background: #4c85f9;
    content: "";
    width: 0;
    position: absolute;
    z-index: 1;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: auto;
}
.xcbtn a{
    color: #4c85f9;
    display: block;
}
.xcbtn:hover:after{
    width: 100%;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}
.xcbtn:hover a{
    color: #ffffff
}
.xcbtn:hover{
    border: 1px solid #4c85f9;
}
.enquiry-imgflex{
   display: flex;
   align-items: center;
}
.enquiry-img{
   margin-right: 15px
}
.main-width-pro{
   max-width: 1200px;
   width: 100%;
   margin: 0 auto;
}
.applicafont{
   width: 100%;
   font-size: 16px;
   color: #333333;
   margin-top: 10px;
}
.applica-flex{
   display: flex;
}
.appfont{
   margin-right: 10px;
   border-bottom: 1px solid #333;
   padding-bottom: 0px;
   color: #333;
}
.good-tep-flex{
   width: 100%;
   border-bottom: 1px solid #cfcfcf;
   margin-bottom: 15px;
   background: #ffffff;
   z-index: 3;
   transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    padding-top: 0;
}
.goodtep{
  top: 0!important;
  transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  position: fixed;
  padding-top: 40px;
  left: 0;
  right: 0;
}
.good-tep-cent{
   display: flex;
   align-items: center;
   justify-content: center;
   max-width: 1086px;
   margin: 0 auto;
}
.good-tep-cent .good-tep-cenli{
   width: 25%;
   text-align: center;
}
.good-tep-name{
   text-align: center;
   font-size: 14px;
   color: #333;
   padding: 8px 0;
   position: relative;
   font-weight: bold;
   cursor: pointer;
   display: inline-block;
}
.wapfoot{
   display: none
}
.wapnav-bg{
   display: none;
}
.new-header{
   display: none
}
#menu{
   display: none
}
#new-header{
    display: none
}
.gpr_ranking_slide{

}
.gpr_ranking_slide2{
   height: 46px!important;
}
.yyui_menu1{
   width: 100%;
   display: flex;
   flex-direction: row;
}
.yyui_menu1 div {
   margin: 0;
}
.menu_box div {
   display: none;
}
.menu2_box div {
   display: none;
}

.red{

}
.red a span:after{
  width: 100%!important;
}
.show{
   display: block !important;
}
.hide{
   display: none;
}
.menu{
   width: 33.3%;
   padding: 15px 15px 15px 0;
   box-sizing: border-box;
   height: 330px;
   overflow-y: auto;
}
.menu_box{
   width: 33.3%;
   padding: 15px 0 15px 15px;
   box-sizing: border-box;
   border-left: 1px solid #3d3d3b;
   height: 330px;
   overflow-y: auto;
}
.menu2_box{
   width: 33.3%;
   padding: 15px 0 15px 15px;
   box-sizing: border-box;
   border-left: 1px solid #3d3d3b;
   height: 330px;
   overflow-y: auto;
}
.yyui_menu1 a{
   color: #f8f8f8;
   padding: 5px 0;
   display: block;
   position: relative;
}
.menu p{
   position: relative;
   display: inline-block;
   clear: both;
   float: left;
}
.menu p a{
   display: block;
   width: 100%;
}
.menu p a span{
   position: relative;
   padding: 5px 0;
   font-weight: 500;
}
.menu1 p{
   position: relative;
   display: inline-block;
   clear: both;
   float: left;
}
.menu2 p{
   position: relative;
   display: inline-block;
   clear: both;
   float: left;
}2
.menu_box p a span{
   position: relative;
   padding: 5px 0;
}
.menu2_box p a span{
   position: relative;
   padding: 5px 0;
}
.yyui_menu1 a span:after {
    position: absolute;
    left: 0;
    bottom: 0;
    content: "";
    width: 0%;
    height: 1px;
    background: #4b83fc;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}
.yyui_menu1 a span:hover:after {
    width: 100%;
}
.clear{
   clear: both;
}
.inquiry-menu{
   cursor: pointer;
}
.bag-ulfont{
   width: 100%;
   padding-bottom: 20px;
}
.about-type-h2{
   width: 100%;
   font-size: 32px;
   padding-bottom: 20px;
   line-height: 1;
   font-weight: 500;
   display: block;
}
.col-a-cent img{
   width: 100%;
}
#mapswip .swiper-wrapper {
    flex-direction: row;
}
.about-ban-left{
    width: 50%;
    padding-right: 30px;
    box-sizing: border-box;
    position: relative;
}
.about-ban-right{
    width: 50%;
    box-sizing: border-box;
    position: relative;
}
.main-width-about{
    max-width: 1214px;
    width: 100%;
    margin: 0 auto;
}
.company-add{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px 0 5px;
}
.company-logo{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px 0 5px;
}
.company-logo img{
    width: 20px;
}
.esd-page02{
    width: 100%;
    padding: 70px 0;
    background: #f8f8f8;
    clear: both;
    float: left;
    position: relative;
}
.new-leftnav-pad .swiper-slide {
    width: auto;
}
.homefont{
    font-size: 18px;
    font-weight: bold;
}
.dcol-3{
    width: 25%;
    padding: 5px 15px;
    box-sizing: border-box;
}
.new-auth{
    width: 100%;
    display: flex;
    align-items: center;
    padding: 0 0 10px;
}
.new-auth span{
   color: #4278e4;
   font-size: 15px;
   padding-left: 3px;
}
.swiper-button-next:after{
   font-size: 26px!important;
}
.swiper-button-prev:after{
   font-size: 26px!important;
}
.wapfoot{
   display: none;
}
.wapbanner{
   display: none;
}
.col-pags{
   width: 100%;
   background: #ffffff;
}
.adver-page01-wap{
   display: none;
}
.mainflex{
   display: flex;
}
.home-right{
   display: flex;
   flex: 1;
   align-items: center;
}
.swiperflex{
   width: 100%;
   display: flex;
}
.swiperleft{
   width: 50%;
   padding-right: 100px;
   box-sizing: border-box;
   padding-top: 20px;
}
.swiperright{
    width: 50%;
    box-sizing: border-box;
    position: relative;
    padding-right: 126px;
    padding-bottom: 103px;
    box-sizing: border-box;
}
.pcswiper{
   width: 100%;
   position: relative;
}
.auth-show{
   display: none
}
.new-search{
   margin: 5px 0;
}
.swiper-pad{
   width:100%;
   padding: 0 30px;
   box-sizing: border-box;
   position: relative;
}
.ftimg .swiper-button-prev{
   left: 0;
   right: auto;
}
.ftimg .swiper-button-next{
   right: 0;
   left: auto;
}
.ftimg .swiper-button-next:after {
    font-size: 18px!important;
}
.ftimg .swiper-button-prev:after {
    font-size: 18px!important;
}
.adver03-li{
    width: 100%;
    background: #ffffff;
    padding-bottom: 20px;
}
.new-row{
   margin-left: -15px;
   margin-right: -15px;
}
.enquiry-sub{
   padding-bottom: 15px;
}
.enquiry-record{
   padding-bottom: 45px;
}
.goodnav .good-tep-name:after{
   position: absolute;
   height: 1px;
   width: 100%;
   background: #333;
   content: "";
   bottom: 0;
   left: 0;
}
.good-content{
    max-width: 1086px;
    margin: 0 auto;
    position: relative;
    padding: 0;
}
.good-cert{
    width: 100%;
    text-align: center;
}
.wap-tepul-flex{
    display: none
}
.wap-btn-fixed{
    display: none;
}
.tep-container{
   width: 100%;
   display: flex;
   align-items: center;
   justify-content: space-between;
}
.about-banner-swip{
   display: none;
}
.about-type-h3{
  font-size: 14px;
  font-weight: 400;
  color: #7F7F7F;
}
.pcarr{
   display: none
}
.headfixed {
    position: fixed!important;
    top: 0;
    width: 100%;
    left: 0;
    right: 0;
}
.info-img{
   width: 100%;
   border: 1px solid #b8b8b9;
}
.kefu-telbg{
   background: #4c85f9;
   color: #fff;
   display: flex;
   align-items: center;
   padding: 10px;
   box-sizing: border-box;
   border-radius: 6px;
   position: absolute;
   right: -350px;
   width: 200px;
  transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  opacity: 0;
  top: -5px;
  z-index: 1;
}
.kefu-telbg::before{
   content: "";
   position: absolute;
   width: 20px;
   height: 20px;
   background: #4c85f9;
   transform: rotate(45deg);
   right: -6px;
   top: 50%;
   margin-top: -10px;
   z-index: -1;
}
.kefu-ewm::before{
   content: "";
   position: absolute;
   width: 20px;
   height: 20px;
   background: #4c85f9;
   transform: rotate(45deg);
   right: -6px;
   top: 50%;
   margin-top: -10px;
   z-index: -1;
}
.douyin-ewm::before{
   content: "";
   position: absolute;
   width: 20px;
   height: 20px;
   background: #4c85f9;
   transform: rotate(45deg);
   right: -6px;
   top: 50%;
   margin-top: -10px;
   z-index: -1;
}
.to-top{
   position: relative;
   z-index: 999;
}
.kfico-left{
   width: 30px;
   height: 30px;
}
.kfico-left img{
   width: 100%;
}
.kefu-rela{
   position: relative;
}
.kefu-top{
  transition: all 0.9s ease 0s;
  -webkit-transition: all 0.9s ease 0s;
  -moz-transition: all 0.9s ease 0s;
  -o-transition: all 0.9s ease 0s;
  right: 60px;
  opacity: 1;
}
.kfico-right{
   font-size: 16px;
   padding-left: 5px;
   line-height: 1.2;
}
.kefu-ewm{
   background: #4c85f9;
   color: #fff;
   display: flex;
   align-items: center;
   justify-content: center;
   padding: 4px;
   box-sizing: border-box;
   border-radius: 6px;
   position: absolute;
   right: -350px;
   width: 158px;
  transition: all 0.9s ease 0s;
  -webkit-transition: all 0.9s ease 0s;
  -moz-transition: all 0.9s ease 0s;
  -o-transition: all 0.9s ease 0s;
  opacity: 0;
  top: 50%;
  margin-top: -89.5px;
  border-radius: 4px;
  height: 179px;
}
.kefu-ewm img{
   width: 150px;
}
.kefu-on{
  opacity: 1;
  right: 60px;
  position: absolute;
  transition: all 0.9s ease 0s;
  -webkit-transition: all 0.9s ease 0s;
  -moz-transition: all 0.9s ease 0s;
  -o-transition: all 0.9s ease 0s;
}
.douyin-ewm{
   background: #4c85f9;
   color: #fff;
   display: flex;
   align-items: center;
   justify-content: center;
   padding: 2px;
   box-sizing: border-box;
   border-radius: 6px;
   position: absolute;
   right: -350px;
   width: 158px;
  transition: all 0.9s ease 0s;
  -webkit-transition: all 0.9s ease 0s;
  -moz-transition: all 0.9s ease 0s;
  -o-transition: all 0.9s ease 0s;
  opacity: 0;
  top: 50%;
  margin-top: -89.5px;
  border-radius: 4px;
  height: 179px;
}
.douyin-ewm img{
   width: 150px;
}
.douyin-on{
  opacity: 1;
  right: 60px;
  position: absolute;
  transition: all 0.9s ease 0s;
  -webkit-transition: all 0.9s ease 0s;
  -moz-transition: all 0.9s ease 0s;
  -o-transition: all 0.9s ease 0s;
}
.kfico-right a{
  color: #ffffff;
}
.concept-bg{
  width: 100%;
  /*background: #F8F8F8;*/
  background-image:linear-gradient(#f8f8f8, #ffffff);
  padding: 70px 0;
  clear: both;
  display: block;
}
.concetp-h1{
  width: 100%;
  font-size: 18px;
  text-align: center;
  color: #222222;
  padding-bottom: 15px;
}
.concetp-h1{
  width: 100%;
  font-size: 18px;
  text-align: center;
  color: #222222;
  padding-bottom: 20px;
  line-height: 1;
}
.concetp-h2{
  width: 100%;
  font-size: 24px;
  text-align: center;
  font-weight: 500;
  color: #222222;
  padding-bottom: 20px;
  line-height: 1;
}
.concetp-flex{
   display: flex;
   flex-wrap: wrap;
   width: 100%;
   margin: 0 auto;
}
.concetp-li{
   text-align: center;
   width: 25%;
   padding: 20px 30px;
   box-sizing: border-box;
}
.concetp-tit01{
   width: 100%;
   font-size: 20px;
   color: #242424;
}
.concetp-tit02{
   font-size: 13px;
   color: #5B5B5B;
}
.href-tit{
   display: flex;
   align-items: center;
   font-size: 16px;
   font-weight: 400;
   padding-right: 20px;
   color: #fff;
}
.href-swip{
   flex: 1;
   display: flex;
   align-items: center;
}
.hrefcol a{
   color: #ffffff;
   font-size: 14px;
   font-weight: 300;
}
.href-flex .swiper-slide {
   width: auto;
}
.href-flex .swiper-container{
   width: 100%;
}
.info-blade{
   width: 100%;
   padding-top: 80px;
}

/**good**/
#top,#foot{
    height: 600px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
}
.gdcontaion {
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
    height: auto;
    position: relative;
}
.sinye{
    width: 100%;
}
.sinye .ann_left{
    width: 400px;
    position: relative;
    margin-top: 5px;
}
.sinye .ann_right{
    width: calc(100% - 400px);
    padding-right: 50px;
    box-sizing: border-box;
    margin: 10px 0;
    display: block;
}
.sinye .ann_daoh{
    width: 400px;
    position: absolute;
    bottom: auto;
    padding: 15px;
    box-sizing: border-box;
}
.ann_daonav_fixed{
   position: fixed;
   top: 0;
   width: 100%;
   left: 0;
   right: 0;
   z-index: 2;
   padding-top: 40px!important;
   transition: all 0.5s ease 0s;
   -webkit-transition: all 0.5s ease 0s;
   -moz-transition: all 0.5s ease 0s;
   -o-transition: all 0.5s ease 0s;
}
.sinye .gdcontaion{
    display: flex;
}
.ann_daonav{
    width: 100%;
    background: #ffffff;
    padding-top: 80px;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    border-bottom: 1px solid #f1f1f1;
}
.year_list{
    margin:0 5%;
}
.kuai-tit{
    width: 100%;
    font-size: 20px;
    padding-top: 30px;
    padding-bottom: 10px;
    border-bottom: 1px solid #f1f1f1;
    margin-bottom: 15px;
    color: #333333;
}
.certh1{
    width: 100%;
    padding-top: 30px;
    border-bottom: 1px solid #f1f1f1;
    padding-bottom: 10px;
    display: block;
    font-size: 20px;
    font-weight: bold;
    color: #333;
}
.kuai_list{
    display: block;
    width: 100%;
    margin: 10px 0;
}
.certh2{
    width: 100%;
    padding-top: 15px;
    color: #333;
}
.gactive{
    position: relative;
}
.gactive:after{
    position: absolute;
    width: 100%;
    height: 2px;
    background: #000;
    left: 0;
    right: 0;
    bottom: 0;
    content: "";
}
.secon-nav{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}
.secon-nav a{
    margin: 0 5%;
    padding: 0;
    height: 40px;
    line-height: 40px;
}
.wapgood{
   display: none;
}
.baglist{
   width: 100%;
   background: #ffffff;
}
.baglist-h1{
   color: #000000;
   font-size: 12px;
   width: 100%;
   padding: 10px 27px;
   box-sizing: border-box;
}
.tabbat-flex{
   display: flex;
   align-items: center;
}
.bag-tep-h1{
   width: 100%;
   color: #868686;
   font-size: 16px;
   line-height: 1;
   padding-bottom: 11px;
}
.bag-tep-h2{
   width: 100%;
   color: #101010;
   font-size: 24px;
   line-height: 1;
   padding-bottom: 12px;
}
.bag-tep-h3{
   width: 100%;
   color: #868686;
   font-size: 11px;
   line-height: 1;
}
.serv-hflex-h1{
   color: #7F7F7F;
   width: 100%;
   padding-bottom: 5px;
}
.tabbat-cn{
   width: 100%;
   display: flex;
   align-items: center;
   padding-bottom: 15px;
}
.authli-flex{
   display: flex;
   align-items: center;
   width: 100%;
}
.authli{
   margin-right: 15px;
}
.authli img{
   width: 32px;
   height: 32px;
}
.authli p{
   font-size: 10px;
   color: #5C5C5C;
}
.authli-left{
   width: 80%;
   padding-right: 15px;
   box-sizing: border-box;
   position: relative;
}

.authli-right{
   width: 35%;
   padding-left: 15px;
   box-sizing: border-box;
}
.authli-h1{
   font-size: 12px;
   padding-bottom: 5px;
}
.para-btn-flex{
   width: 100%;
   margin-top: 22px;
   display: flex;
   align-items: center;
}
.xcbtn2{
    height: 33px;
    line-height: 33px;
    text-align: center;
    margin: 0 4px 0 0;
    border-radius: 3px;
    overflow: hidden;
    color: #ffffff;
    background: #4c85f9;
    display: block;
    position: relative;
    width: 99px;
}
.xcbtn2 a{
    color: #ffffff;
    display: block;
    font-weight: 400;
}
.colwa8{
   font-size: 12px!important;
   margin-left: -2px;
}
.bag-cetpad{
   width: 100%;
   display: block;
}
.authli-left .swiper-slide-thumb-active .tabbox-tit{
   color: #4c85f9;
}
.authli-left .swiper-slide-thumb-active .tabbox-img{
    width: 43px;
    height: 43px;
    border: 1px solid #4C85F9;
    border-radius: 50%;
}
.tabico01{
   display: none;
}
.authli-left .swiper-slide-thumb-active .tabico02{
   display: none;
}
.authli-left .swiper-slide-thumb-active .tabico01{
   display: block;
}
.baglist-img{
   overflow: hidden;
   width: 100%;
   text-align: center;
}
.baglist-img img {
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}
.baglist-img:hover img {
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transform: scale(1.15, 1.15);
}
.settl-h1{
    font-size: 20px;
}
.settl-h4 img{
   width: 8px;
}
.savedline{
   font-size: 18px;
}
.col-md-rflex{
   flex: 1;
   display: flex;
}
.col-md-rflexm{
   flex: 1;
   display: flex;
}
.car-btn{
  border: 0;
  background: none;
  line-height: 1;
}
.ifont01{
  font-size: 16px!important;
  cursor: pointer;
}
.ifont01:hover{
   color: #4b83fc;
}
.input-group-bord{
   border:1px solid #555;
   border-radius: 1000px;
   display: flex;
   align-items: center;
   justify-content: space-between;
}
.usefont01{
   font-size: 22px;
}
.usefont02{
   font-size: 16px;
}
.usefont03{
   font-size: 13px;
}
.usefont04{
   font-size: 16px;
}
.usefont05{
   font-size: 13px;
}
.mofont{
   font-size: 12px;
}
.wishlist-h1{
   font-size: 20px;
}
.toplist01{
   font-size: 16px;
   font-weight: 500;
}
.mainsearchbg{
   width: 100%;
   position: fixed;
   left: 0;
   right: 0;
   top: 0;
   bottom: 0;
   background: rgba(0,0,0,0.3);
   z-index: 99;
}
.seah-tit{
   width: 100%;
   font-size: 12px;
   font-weight: 400;
   color: #1A1A1A;
   padding: 8px 0;
}
.bigimg{
  width:100%;
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin:auto;
  display: none;
  z-index:9999;
  background: #ffffff;
}
.mask {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,0.45);
    z-index: 999;
    transition: all 1s;
    display: none;
}
.mask-cloas{
    position: fixed;
    right: 10px;
    top: 10px;
    width: 30px;
    z-index: 999;
    border-radius: 1000px;
    width: 28px;
    height: 28px;
    text-align: center;
    background: #ffffff;
    cursor: pointer;
}
.smallimg{
   cursor: pointer;
}
.sign-input-rela{
   position: relative;
   margin: 10px 0;
}
.label-right{
   position: absolute;
   right: 10px;
   top: 5px;
}
.sign-input-rela input{
   width: 100%;
   padding: 5px 15px;
   box-sizing: border-box;
   border-radius: 4px;
   overflow: hidden;
   border: 1px solid #cacaca;
}
.sign-input-rela textarea{
   width: 100%;
   max-height: 90px;
   min-height: 90px!important;
   padding: 5px 15px;
   box-sizing: border-box;
   border-radius: 4px;
   overflow: hidden;
   border: 1px solid #cacaca;
}
#wechat_login{
   width: 100%;
   display: flex;
   align-items: center;
   justify-content: center;
   box-shadow: 1px 1px 13px #f1f1f1;
   padding: 20px 0;
}
.about-ban-wapcn{
   position: relative;
   width: 100%;
}
.wapshow{
   display: none;
}
.mapFact{
   position: absolute;
   left: 0;
   top: 0;
   bottom: 0;
   z-index: 9;
   width: 100%;
   border: 4px solid #ffffff;
   box-sizing: border-box;
}
.swipcon-flxe-cn{
   display: flex;
   position: absolute;
   left: 0;
   right: 0;
   width: 100%;
   top: 0;
   bottom: 0;
}
.onFact{
   opacity: 1!important;
       transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}
#mapFactorie2{
   opacity: 0;
       transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}
.onmap:after{
    border: 2px solid #4c85f9;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    content: "";
}

.onmap-y{
    opacity: 1!important;
    transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    display: flex!important;
}
.map-close{
    position: absolute;
    top: 5px;
    right: 5px;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    border-radius: 1000px;
    background: #4c85f9;
    color: #ffffff;
    z-index: 9;
    cursor: pointer;
    display: none;
}
.onShow{
   display: block;
}
.mapFactul{
   position: relative;
   width: 60%;
   height: 100%;
}
.btnclose{
   position: absolute;
   bottom: 12px;
   z-index: 9;
   left: 32%;
   margin-left: -45px;
   align-content: center;
   cursor: pointer;
   color: #ffffff;
   font-size: 13px;
}
.btnclose a {
   color: #ffffff;
}
.btnclose .iconfont{
   font-size: 18px!important;
   line-height: 1;
}
.btnclose p{
   display: flex;
   align-items: center;
}
.mapFact2{
    position: fixed;
    z-index: 99;
    top: 10%;
    left: 10%;
    right: 10%;
    bottom: 10%;

}
.mapFactbg{
    width: 100%;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 91;
    background: rgba(0,0,0,0.5);
    display: none;
}
.bigClose{
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    background: #1c69d3;
    position: fixed;
    top: 0;
    right: 0;
    z-index: 92;
    cursor: pointer;
    display: none;
}
.bigClose .iconfont{
   font-size: 22px!important;
   display: block;
   margin: 0 auto;
   text-align: center;
}
.btnclose-flex{
   display: flex;
   align-items: center;
   background: #1c69d3;
   padding: 0 10px;
   border-radius: 1000px;
}
.map-nflex{
   flex: 1;
   position: relative;
}
.pcmap{
   position: absolute;
   bottom: 0;
   left: 0;
   right: 0;
   z-index: 999999;
   background: #f1f1f1;
   width: 100%;
   display: none;
}
.pcmap-cn a {
   display: flex;
   align-items: center;
   margin: 0 auto;
   color: #4071d8;
}
.pcmap-cn{
   margin: 0 auto;
   width: 100%;
   display: flex;
   align-items: center;
   justify-content: center;
   padding: 8px 0;
}
.pcmap-cn .iconfont{
   font-size: 20px;
   line-height: 1;
}
.pcmap-cn p{
   line-height: 1;
}
.mapcol .maplih1 {
   color: #4071d8;
}
.type-col {
    font-weight: 600
}

/***New-esdbags***/
.esdbanner{
   width: 100%;
   display: flex;
   margin-top: 30px;
   margin-bottom: 30px;
}
.esdban-img{
   width: 100%;
   text-align: center;
   height: 34px;
   display: flex;
   align-items: center;
   justify-content: center;
}
.esdbanner-li{
   padding-right: 30px;
}
.esbbanner-tel{
   display: flex;
   align-items: center;
}
.esd-tantel{
   display: flex;
   align-items: center;
   background: #4C85F9;
   font-size: 17.32px;
   height: 40px;
   line-height: 40px;
   padding: 0 30px;
   color: #ffffff;
   border-radius: 8px 0 0 8px;
}
.esd-tantel img{
   padding-right: 5px;
}
.esd-chat{
   height: 40px;
   line-height: 40px;
   display: flex;
   align-items: center;
   border: 1px solid #EAEAEA;
   border-radius: 0 8px 8px 0;
   color: #4C85F9;
   font-size: 15.28px;
   font-weight: bolder;
   padding: 0 20px;
}
.esd-chat img{
   padding-right: 5px;
}
.cooperation-tit{
   display: flex;
   align-items: center;
   position: relative;
   max-width: 588px;
   width: 100%;
   margin: 0 auto;
}
.cooperation-tit:after{
   flex: 1;
   height: 1px;
   background: #CBCBCB;
   content: "";
}
.cooperation-tit:before{
   flex: 1;
   height: 1px;
   background: #CBCBCB;
   content: "";
}
.cooperation-tit p{
   padding: 0 20px;
   font-size: 16px;
   color: #272727;
}
.cooperation-ul{
   display: flex;
   align-items: center;
   justify-content: center;
   width: 100%;
   padding: 20px 0 0 0;
}
.cooperation-li{
   padding: 0 20px;
}
.cooperation-name{
   font-size: 14.71px;
   width: 100%;
   display: block;
   text-align: center;
   color: #686868;
}
.cooperation-li02{
   width: 100%;
   padding-right: 23px;
   display: none;
}
.cooperation-li02:nth-child(1){
   display: block;
}
.cooperation-li02:nth-child(2){
   display: block;
}
.cooperation-li02:nth-child(3){
   display: block;
}
.cooperation-li02:nth-child(4){
   display: block;
}
.cooperation-li02:nth-child(5){
   display: block;
}
.coop-01{
   color: #6F6F6F;
   font-size: 13.41px;
   width: 100%;
   text-align: center;
   padding-top: 9px;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 1;
   overflow: hidden;
}
.cpro_item{
   width: 100%;
   overflow: hidden;
   display: flex;
   align-items: center;
   justify-content: center;
   box-shadow: 6px 7px 6px 0px #dadada;
}
.cpro_item img{
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    width: 100%;
}
.cpro_item:hover img{
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transform: scale(1.15, 1.15);
}
.cadver-01:hover{
  color: #4c85f9;
}
.cadver-02{
   font-size: 18px;
   color: #868686;
   width: 100%;
   padding-bottom: 20px;
   line-height: 1;
   padding-top: 10px;
   font-weight: 400;
}
.cadver-03{
   font-size: 24px;
   color: #101010;
   width: 100%;
   padding-bottom: 15px;
   font-weight: 500;
   line-height: 1;
}
.cadver-03 p{
   padding-bottom: 10px;
}
.cadver-04{
   font-size: 14px;
   margin-top: 30px;
   padding-bottom: 20px;
   width: 100%;
   text-align: justify;
   color: #6B6B6B;
   font-weight: 400;
   display: flex;
   align-items: center;
 }
.cadver-05{
   width: 100%;
   display: flex;
   align-content: center;
   padding-bottom: 30px;
}
.cadver-tel-img{
   width: 28px;
   height: 28px;
   background: #4C85F9;
   border-radius: 4px;
   display: flex;
   align-items: center;
   justify-content: center;
   margin-right: 4px;
}
.cadver-tel-img img{
   width: 20px;
}
.text01{
   line-height: 1;
   font-size: 11.08px;
   font-weight: 400;
   color: #888888;
}
.text02{
  line-height: 1;
  font-size: 14px;
  font-weight: bold;
  color: #4C85F9;
  padding-top: 3px;
}
.nesd-page02{
  width: 100%;
  padding: 70px 0;
  background: #ffffff;
  clear: both;
  float: left;
  position: relative;
}
.esdbag-pad2{
  width: 100%;
  padding: 0px;
  position: relative;
  display: flex;
  align-content: center;
  justify-content: space-between;
  padding-top: 0;
}
.esdbag-btn-flex{
  display: flex;
  align-items: center;
  padding-top: 30px;
}
.esdbag-btn-l{
  display: flex;
  align-items: center;
  margin-right: 30px;
}
.esdbag-btn-r{
  display: flex;
  align-items: center;
}
.esdbaglist{
   width: 100%;
   background: #F8F8F8;
}
.esdbaglist-h1{
  color: #5C5C5C;
  font-size: 12.44px;
  width: 100%;
  padding: 10px 10px;
  text-align: center;
  box-sizing: border-box;
}
.esdbaglist-tag{
  width: 100%;
  display: flex;
  align-items: center;
  padding: 10px 20px 10px 27px;
}
.esdbaglist-tag p{
  border: 1px solid #CDCDCD;
  border-radius: 5px;
  padding: 0;
  font-size: 13px;
  font-family: Source Han Sans CN;
  font-weight: 400;
  color: #525252;
  width: 33%;
  text-align: center;
  margin: 0 6px 0 0;
}
.adver-more-btn{
  width: 100%;
  display: flex;
  align-items: center;
  margin-top: 10px;
}
.esdbags-flex{
  flex-direction:row-reverse;
  display: flex;
}
.plant_item{
  width: 100%;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}
.plant_item:hover img{
  transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  transform: scale(1.15, 1.15);
}
.plant_item img {
  transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
}
.plant-li{
  width: 100%;
  background: #ffffff;
  margin-right: 13px;
}
.plant-01{
  width: 100%;
  text-align: center;
  padding: 15px 0;
  font-size: 14.86px;
}
.product-esd{
   width: 100%;
   display: flex;
   flex-wrap: wrap;
}
.col-2-esd{
   width: 20%;
   padding: 15px;
   box-sizing: border-box;
}
.esd-li-name {
    width: 100%;
    font-size: 15px;
    margin: 8px 0;
    padding: 0 20px;
    box-sizing: border-box;
    color: #242424;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-align: center;
}
.esdlist-li:hover img{
  transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  transform: scale(1.15, 1.15);
}
.esdlist-li img {
  transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
}
.esdlist-li{
  width: 100%;
  position: relative;
  -webkit-transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  overflow: hidden;
}
.esd-li-btnflex{
  display: flex;
  align-items: center;
  justify-content: center;
  background: #4C85F9;
  border-radius: 4px;
  font-size: 12px;
  color: #ffffff;
  padding: 6px 10px;
}
.esd-li-btnflex img{
  margin-right: 2px;
  width: 12px;
  vertical-align: middle;
}
.esd-li-btnflex p{
  line-height: 1;
}
.esd-li-btn{
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: center;
}
.product-esd{
   width: 100%;
   padding: 40px 0;
   clear: both;
   box-sizing: border-box;
}
.input-esd{
   width: 100%;
   padding: 40px 0;
   clear: both;
   box-sizing: border-box;
   background: #F5F5F5;
}
.esdflex{
   display: flex;
}
.esd-page03-left{
    float: left;
    width: 60%;
    min-height: 1px;
    display: flex;
    align-items: center;
}
.esd-page03-right{
    float: left;
    width: 35%;
    padding-left: 5%;
    box-sizing: border-box;
}
.esd-page02-left{
    float: left;
    width: 40%;
    padding-left: 8%;
    box-sizing: border-box;
    position: relative;
}
.esd-page02-right{
    float: left;
    width: 60%;
    padding: 0;
    display: flex;
    align-items: center;
    box-sizing: border-box;
}
.esd-ft01{
    font-size: 24px;
    font-family: Source Han Sans CN;
    font-weight: 500;
    color: #101010;
    display: block;
    margin-bottom: 15px;
}
.esd-ft02{
    background: #f6eaea;
    border-radius: 1000px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FF1A1A;
    padding: 5px 0;
    max-width: 160px;
    font-size: 13px;
}
.esd-ft02 img{
    vertical-align: middle;
    line-height: 1;
    display: block;
    margin-top: 3px;
    margin-right: 4px;
}
.esd-ft02 p{
    font-weight: 600;
    line-height: 1;
}
.esd-ft02 p span{
   background: #FF1A1A;
   font-size: 15px;
   color: #fff;
   border-radius: 3px;
   padding: 0 8px;
}
.esd-ft03{
   margin-top: 30px;
}
.esd-ft03 a{
   display: flex;
   align-items: center;
}
.input-esd-left{
   width: 30%;
   padding-right: 40px;
   padding-top: 30px;
   box-sizing: border-box;
}
.input-esd-right{
   width: 70%;
}
.input-flex{
   display: flex;
   width: 100%;
   align-items: center;
}
.input-pad{
   padding: 8px;
   width: 100%;
   box-sizing: border-box;
}
.input-pad input{
   width: 100%;
   padding: 8px;
   box-sizing: border-box;
   border: 0;
   border-radius: 4px;
}
.input-pad textarea{
   width: 100%;
   padding: 8px;
   box-sizing: border-box;
   border: 0;
   border-radius: 4px;
   min-height: 88px;
}
.input-bot-flex{
   display: flex;
   width: 100%;
   align-items: flex-end;
   padding: 0 8px;
   box-sizing: border-box;
}
.input-bot-left{
   width: 60%;
   padding-right: 30px;
}
.input-bot-ul{
   display: flex;
   justify-content: space-between;
   width: 100%;
}
.input-bot-right{
   display: flex;
   width: 40%;
   justify-content: space-between;
   align-items: flex-end
}
.input-bot-li{
   display: flex;
   align-items: center;
   position: relative;
   z-index: 0;
   margin-right: 0!important;
}
.infont01{
   line-height: 1;
   font-size: 12.49px;
   color: #646464;
}
.infont02{
  width: 100%;
  font-size: 14.41px;
  font-family: Source Han Sans CN;
  font-weight: bold;
  color: #000000;
  line-height: 1;
  padding-top: 5px;
}
.inleft img{
  padding-right: 5px;
}
.esd-svg01{
  width: 20px;
}
.esd-svg02{
  width: 25px;
}
.esd-svg03{
  width: 22px;
}
.esd-svg04{
  width: 22px;
}
.input-line{
  width: 1px;
  height: 30px;
  display: block;
  background: #e0e0e0;
}
.text03{
  padding-bottom: 20px;
  font-size: 14px;
  color: #868686;
}
.input-ewm{
   border: 1px solid #efefef;
   border-radius: 10px;
   overflow: hidden;
}
.text04{
   line-height: 1;
   color: #646464;
   font-size: 11.66px;
   padding-bottom: 3px;
}
.text05{
   line-height: 1;
   color: #000000;
   font-size: 13.45px;
}
.input-btn{
   padding: 15px 8px;
   box-sizing: border-box;
   display: flex;
   align-items: center;
}
.input-btn-pad{
  background: #4C85F9;
  border-radius: 3px;
  font-size: 17px;
  font-family: Source Han Sans CN;
  font-weight: 500;
  color: #FFFFFF;
  width: 115px;
  height: 41px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  letter-spacing: 2px;
}
.wapbanner-esd{
  display: none;
}
.esdbags-bot{
  width: 100%;
}
.btn-tel{
  display: none;
}
@keyframes scale{
  0% {
    transform: scale(1);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
  }
  33% {
    transform: scale(0.95);
    -webkit-transform: scale(0.95);
    -ms-transform: scale(0.95);
  }
  66% {
    transform: scale(1);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
  }
  100% {
    transform: scale(1);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
  }
}
.guang{
    position: absolute;
    top: 0;
    width: 1.9rem;
    height: 0.9rem;
    background-image: url(../images/light_animate.png);
    background-size: 1.9rem 0.9rem;
    -webkit-animation: templateSearchLights 6s linear infinite forwards;
    -o-animation: templateSearchLights 6s linear infinite forwards;
    animation: templateSearchLights 6s linear infinite forwards;
    -webkit-transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    -webkit-perspective: 1000;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}
@keyframes templateSearchLights {
  0% {
      transform: translate(-5.66123188rem);
      -webkit-transform: translate(-5.66123188rem);
      opacity: 0;
  }
  66% {
      transform: translate(-5.66123188rem);
      -webkit-transform: translate(-5.66123188rem);
      opacity: 1;
  }
  100% {
      transform: translate(24.90942029rem);
      -webkit-transform: translate(24.90942029rem);
  }
}
.chatno{
   display: none
}
.esdfoot{
   display: none
}
.wap-online{
   display: none;
}
.swinext-esd{
   display: none;
}
.swiprev-esd{
   display: none;
}
.concetp-img img{
   width: 66px;
   padding: 8px;
   box-sizing: border-box;
}
.esd-ban-svg01{
   height: 30px;
}
.esd-ban-svg02{
   height: 24px;
}
.esd-ban-svg03{
   height: 26px;
}
.esd-ban-svg04{
   height: 23px;
}
.esd-ban-svg05{
   height: 28px;
}
.esd-ban-svg06{
   height: 20px;
}
.esd-ban-svg07{
   height: 20px;
}
.esd-tel-ico{
   height: 20px;
}
.esd-chat-ico{
   height: 18px;
}
.dywap{
   display: none;
}
.sefont21{
   font-size: 16px;
}
.goods-list-rela{
   display: none
}
.order-nav-scroll{
   width: 100%;
   display: flex;
   justify-content: space-between;
   padding-right: 10%;
   box-sizing: border-box;
}
/***New-esdbags***/
.nav-hot{
   width: 255px;
   border: 1px solid #DBDBDB;
}
.nav-hot-tit{
    height: 50px;
    background: #4C85F9;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 17px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #FFFFFF;
}
.nav-hot-ul{
   width: 100%;
   padding: 15px;
   box-sizing: border-box;
}
.nav-hot-li{
   width: 100%;
   display: flex;
   align-items: center;
   border-bottom: 1px solid #F5F5F5;
}
.nav-hot-name-sub{
    color: #acabab;
    width: 100%;
    padding: 2px 0;
    font-weight: normal!important;
}
.nav-hot-name-des{
    color: #acabab;
    width: 100%;
    padding: 2px 0;
    font-weight: normal!important;
}
.nav-hot-img{
   width: 40%;
   overflow: hidden;
}
.nav-hot-img img{
  width: 100%;
  transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
}
.nav-hot-img img:hover{
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transform: scale(1.15, 1.15);
}
.nav-hot-name{
    width: 60%;
    font-size: 14px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #565656;
    padding-left: 10px;
    line-height: 1.3;
    box-sizing: border-box;
}
.nav-hot-ul a:last-child .nav-hot-li{
   border-bottom: 0;
}
.nav-hot-ul a:hover .nav-hot-name{
   color: #4C85F9
}
.navigation-l{
   flex: 1;
   display: flex;
}
.nav-tab{
   width: 180px;
}
.nav-content{
   flex: 1;
   padding: 0 5%;
   box-sizing: border-box;
   border-left: 1px solid #f1f1f1;
   max-height: 100%;
   /*overflow-y: scroll;*/
   margin-right: 30px;
}
.nav-content::-webkit-scrollbar {/*婊氬姩鏉℃暣浣撴牱寮?/
    width: 1px;     /*楂樺鍒嗗埆瀵瑰簲妯珫婊氬姩鏉＄殑灏哄*/
    height: 1px;
}
.nav-content::-webkit-scrollbar-thumb {/*婊氬姩鏉￠噷闈㈠皬鏂瑰潡*/
    border-radius: 0;
     /*-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);*/
    background: #555555;
}
.nav-content::-webkit-scrollbar-track {/*婊氬姩鏉￠噷闈㈣建閬?/
    /*-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);*/
    border-radius: 0;
    background: #fff;
}
.nav-con-ul{
   width: 100%;
   display: none;
}
.nav-con-flex{
   width: 100%;
   display: flex;
   flex-wrap: wrap;
}
.nav-con-flex a{
   width: 33%;
   margin: 10px 0;
}
.nav-tabli{
   font-size: 15px;
   color: #333;
   font-weight: 600;
   padding: 5px 0;
   margin: 5px 0;
 }
 .nav-tabli span{
   position: relative;
   display: inline;
 }
.nav-tabli span:after{
    width: 0%;
    position: absolute;
    left: 0;
    height: 2px;
    background: #4C85F9;
    content: "";
    bottom: 0;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
 }
 .onnav span:after{
    width: 100%;
    position: absolute;
    left: 0;
    height: 2px;
    background: #4C85F9;
    content: "";
    bottom: 0;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
 }
 .nav-con-tep{
    display: flex;
    align-items: center;
 }
 .nav-con-tep img{
    width: 100%;
    overflow: hidden;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
 }
 .nav-con-img{
    width: 50px;
    padding-right: 10px;
 }
 .nav-con-tep:hover img{
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transform: scale(1.15, 1.15);
 }
 .navhovbg{
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0,0,0,0.15);
    z-index: 3;
    display: none;
    backdrop-filter: blur(8px);
 }
 .nav-con-h1{
   color: #000000;
   font-size:14px;
   font-weight: 500;
   padding: 15px 0;
 }
 .nav-con-h1 a{
    position: relative;
 }
 .nav-con-h1 a:after{
    position: absolute;
    left: 0;
    height: 2px;
    background: #4C85F9;
    content: "";
    bottom: 0;
    width: 0;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
 }
 .nav-con-h1 a:hover:after{
    width: 100%;
    position: absolute;
    left: 0;
    height: 2px;
    background: #4C85F9;
    content: "";
    bottom: 0;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
 }
 .nav-con-flex a p{
    color: #434343;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.3;
    position: relative;
 }
 .nav-con-flex a p:after{
    position: absolute;
    left: 0;
    height: 1px;
    background: #4C85F9;
    content: "";
    bottom: 0;
    width: 0;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
 }
  .nav-con-flex a:hover p:after{
    width: 100%;
    position: absolute;
    left: 0;
    height: 1px;
    background: #4C85F9;
    content: "";
    bottom: 0;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
  }
  .cadver-btn{
     clear: both;
     display: inline-block;
     align-items: center;
  }
.excbtn{
    height: 38px;
    line-height: 38px;
    text-align: center;
    margin: 0 auto;
    border-radius: 6px;
    border: 1px solid #cbcbcb;
    overflow: hidden;
    width: 100%;
    color: #4c85f9;
    display: inline-block;
    position: relative;
    padding: 0 20px;
}
.excbtn a{
    color: #4c85f9;
    display: block;
    position: relative;
    z-index: 3;
}
.excbtn:after{
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    background: #4c85f9;
    content: "";
    width: 0;
    position: absolute;
    z-index: 1;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: auto;
}
.excbtn:hover:after{
    width: 100%;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    content: "";
}
.excbtn:hover a{
    color: #ffffff
}
.excbtn:hover{
    border: 1px solid #4c85f9;
}
.adver-certbg{
    width: 100%;
    background: #f8f8f8;
    padding: 120px 0 60px;
}
.cert-home{
   display: flex;
   align-items: center;
   width: 100%;
   padding-left: 20px;
   box-sizing: border-box;
   color: #101010;
}
.cert-home a{
   color: #101010;
}
.adver-cert-flex{
   width: 100%;
   display: flex;
   flex-wrap: wrap;
}
.cooperation-list{
   width: 25%;
   padding: 20px;
   box-sizing: border-box;
}
.adver-ch1{
    text-align: center;
    width: 100%;
    color: #101010;
    font-size: 24px;
    font-weight: 500;
    color: #101010;
}
.coop-001{
  width: 100%;
  text-align: center;
  font-size: 18px;
  font-weight: 400;
  color: #6F6F6F;
  padding: 10px 0;
}
.cert-width{
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
}

.easydrop-ul-flex{
   width: 100%;
   display: flex;
   padding: 5px 0;
}
.easydrop-left{
   padding-right: 5px;
   margin-right: 5px;
}
.easydrop-right{
   flex: 1;
}
.easydrop-select{
   width: 100%;
   padding-bottom: 10px;
   position: relative;
}
.easydrop-b{
   border: 1px solid #E4E4E4;
   border-radius: 3px;
   display: flex;
   align-items: center;
   position: relative;
}
.easydrop-a{
   border: 1px solid #E4E4E4;
   border-radius: 3px;
   position: relative;
   z-index: 12;
}
.easydrop-right input{
  width: 100%;
  border: 1px solid #E4E4E4;
  border-radius: 3px;
  padding: 0 6px;
  box-sizing: border-box;
  overflow: hidden;
}
.easydrop-right textarea{
  width: 100%;
  border: 1px solid #E4E4E4;
  border-radius: 3px;
  padding: 6px;
  box-sizing: border-box;
  height: 66px;
  max-height: 66px;
  min-height: 66px!important;
  overflow: hidden;
}
.requ{
   position: relative;
}
.requ:after{
   position: absolute;
   right: 0;
   top: 2px;
   content: "*";
   color: red;
}

.easydrop-lab{
   z-index: 4;
   padding: 0 0 0 5px;
   color: #000;
}
.easy-pad .easydrop-select:nth-child(1){
   position: relative;
   z-index: 10
}
.easy-pad .easydrop-select:nth-child(2){
   position: relative;
   z-index: 9
}
.easy-pad .easydrop-select:nth-child(3){
   position: relative;
   z-index: 8
}
.easy-pad .easydrop-select:nth-child(4){
   position: relative;
   z-index: 7
}
.easy-pad .easydrop-select:nth-child(5){
   position: relative;
   z-index: 6;
}
.easy-pad .easydrop-select:nth-child(6){
   position: relative;
   z-index: 5;
}
.easy-pad .easydrop-select:nth-child(7){
   position: relative;
   z-index: 4;
}
.easydrop-select:last-child{
   padding-bottom: 0;
}
.easy-pad .easydrop-select .selected{
   color: #666;
}
.easytit{
   display: none;
}

/***鑺傝兘淇濇俯鍖呰绯诲垪***/
.heat_banner{
   width: 100%;
   position: relative;
   padding-top: 80px;
}
.heat-swi{
   width: 100%;
   position: relative;
}
.heat-swi-font{
   position: absolute;
   left: 10%;
   top: 50%;
   transform: translateY(-50%);
}
.heat-swi-tit{
    font-size: 18px;
    padding-top: 0;
    color: #ffffff;
}
.heat-swi-h2{
    font-size: 32px;
    line-height: 1.2;
    padding: 20px 0;
    font-weight: 500;
    color: #ffffff;
}
.heat-swi-flex{
    display: flex;
    align-items: center;
    padding: 30px 0;
}
.heat-li{
    text-align: center;
    color: #ffffff;
    padding-right: 30px;
    box-sizing: border-box;
    font-size: 20px;
}
.heatbanner-tel{
    display: flex;
    align-items: center;
}
.heat-tantel{
    display: flex;
    align-items: center;
    background: #4C85F9;
    font-size: 17.32px;
    height: 40px;
    line-height: 40px;
    padding: 0 30px;
    color: #ffffff;
    border-radius: 8px 0 0 8px;
}
.heat-chat{
    height: 40px;
    line-height: 40px;
    display: flex;
    align-items: center;
    border: 1px solid #EAEAEA;
    border-radius: 0 8px 8px 0;
    color: #4C85F9;
    font-size: 15.28px;
    font-weight: bolder;
    padding: 0 20px;
    background: #fff;
}
.heat-chat img {
    padding-right: 5px;
}
.heat-tantel img{
    padding-right: 5px;
}
.heat-type-h2{
    width: 100%;
    text-align: center;
    font-size: 38px;
    font-weight: 600;
    color: #272727;
}
.heat-flow-flex{
    width: 1200px;
    margin: 0 auto;
    padding: 50px 0;
}
.heat-contain{
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
}
.heat-pro-h1{
   width: 100%;
   background: #233675;
   height: 87px;
   line-height: 87px;
   text-align: center;
   font-size: 36px;
   font-weight: 600;
   color: #ffffff;
}
.heat-product-one{
   width: 100%;
   background: #F9F9F9;
   padding-bottom: 26px;
}
.heat-one-li{
   background: #fff;
   width: 100%;
   padding-bottom: 30px;
   border-radius: 10px;
}
.heat-from-tit{
   color: #233675;
   font-size: 24px;
   width: 100%;
   padding: 16px 0;
   text-align: center;
   border-bottom: 2px solid #F3F3F3;
   line-height: 1;
}
.heat-from-li{
    width: 100%;
    display: flex;
    align-items: center;
    padding: 10px 10px 0;
    box-sizing: border-box;
}
.heat-lileft{
    width: 60px;
    font-size: 19px;
    font-family: Source Han Sans CN;
    font-weight: bold;
    color: #233675;
}
.heat-liright{
    flex:1;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.otag{
    font-size: 15px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #000000;
    line-height: 1;
    background: #FFFFFF;
    border: 1px solid #DCDCDC;
    border-radius: 5px;
    padding: 6px 0;
    margin: 3px 4px;
    width: 100%;
    text-align: center;
}
.otag:hover{
    background: #233675;
    color: #ffffff;
    cursor: pointer;
}
.int-btn{
    background: #4C85F9;
    font-size: 18px;
    font-family: Source Han Sans CN;
    font-weight: 500;
    color: #FFFFFF;
    line-height: 40px;
    padding: 0;
    width: 104px;
    text-align: center;
    border: 1px solid #4C85F9;
    box-sizing: border-box;
    border-radius: 0 6px 6px 0;
    font-weight: 600;
    cursor: pointer;
}
.int-w{
    flex: 1;
    border: 1px solid #a5c2fc;
    box-sizing: border-box;
    border-radius: 6px 0 0 6px;
    overflow: hidden;
}
.heat-input-flex input{
    width: 100%;
    height: 40px;
    line-height: 40px;
    border:0;
    padding: 0 0 0 10px;
    box-sizing: border-box;
}
.heat-input-flex{
    width: 100%;
    display: flex;
    align-items: center;
    padding: 0 14px 0 10px;
    box-sizing: border-box;
    justify-content: space-between;
    margin-top: 20px;
}
.heat-flex{
   display: flex;
   align-items: center;
   padding: 35px 0 0 0;
   margin-left: -10px;
   margin-right: -10px;
   flex-wrap: wrap;
}
.heat-from-img{
   width: 100%;
   overflow: hidden;
}
.heat-from-img img{
  width: 100%;
  transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
}
.heat-from-img:hover img{
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transform: scale(1.15, 1.15);
}
.heat-two-img{
    width: 100%;
    overflow: hidden;
}
.heat-two-img img{
  width: 100%;
  transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
}
.head-product-adint{
   width: 100%;
   display: flex;
   align-items: center;
}
.heat-product-ad{
    width: 100%;
    background: #464646;
}
.heat-product-adint{
    width: 100%;
    height: 177px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.heat-product-l{
    font-size: 26px;
    font-family: Source Han Sans CN;
    font-weight: 500;
    color: #FFFFFF;
    line-height: 41px;
    margin-right: 60px;
}
.heat-product-l span{
    display: block;
}
.heat-product-r{
   display: flex;
   align-items: center;
   width: 100%;
   max-width: 690px;
   justify-content: space-between;
}
.head-bord{
   flex: 1;
}
.head-bord input{
    width: 100%;
    border: 2px solid #4c85f9;
    box-sizing: border-box;
    height: 66px;
    line-height: 66px;
    padding: 0 0 0 15px;
    font-size: 22px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #8F8F8F;
    border-radius: 10px 0 0 10px;
}
.head-btn-in{
  width: 240px;
  height: 66px;
  font-size: 32px;
  font-family: Source Han Sans CN;
  font-weight: 500;
  color: #FFFFFF;
  line-height: 66px;
  background: #4c85f9;
  text-align: center;
  border-radius: 0 10px 10px 0;
  cursor: pointer;
}
.heat-pro-h2{
  width: 100%;
  height: 88px;
  line-height: 88px;
  font-size: 30px;
  font-family: Source Han Sans CN;
  font-weight: 500;
  text-align: center;
  color: #FFFFFF;
  background: #172d75;
}
.heat-product-two{
   width: 100%;
   padding: 30px 0;
}
.heat-two-ul{
   margin-right: -10px;
   margin-left: -10px;
   display: flex;
   align-items: flex-start;
   margin-top: 40px;
   margin-bottom: 40px;
}
.heat-two-pads{
   width: 25%;
   padding: 0 10px;
   box-sizing: border-box;
}
.heat-two-pad{
   width: 25%;
   padding: 0 10px;
   box-sizing: border-box;
}
.heat-two-li{
   width: 100%;
   background: #fff;
}
.heat-li-h1{
    font-size: 20px;
    font-family: Source Han Sans CN;
    font-weight: 500;
    color: #000000;
    width: 100%;
    padding: 25px 0 15px;
    line-height: 1.25;
}
.heat-li-h2{
    width: 100%;
    font-size: 14px;
    font-family: Source Han Sans CN;
    font-weight: 500;
    color: #606060;
    line-height: 20px;
    text-align: justify;
}
.heat-li-img{
    width: 100%;
    overflow: hidden;
}
.heat-li-img img{
    width: 100%;
    vertical-align: middle;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}
.heat-li-img:hover img{
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transform: scale(1.15, 1.15);
}
.heat-two-scope{
    margin-top: 37px;
    display: flex;
    flex-wrap: wrap;
}
.heat-two-scli{
    width: 100%;
    margin: 0;
}
.heat-two-na{
    width: 100%;
    font-size: 20px;
    font-family: Source Han Sans CN;
    font-weight: 500;
    color: #000;
    text-align: center;
    padding: 8px 0;
}
.heat-two-scimg{
    width: 100%;
    overflow: hidden;
}
.heat-two-scimg img{
    width: 100%;
    vertical-align: middle;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}
.heat-two-scimg:hover img{
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transform: scale(1.15, 1.15);
}
.heat-now{
    background: #f86b26;
    border-radius: 10px;
    color: #ffffff;
    font-size: 22px;
    font-family: Source Han Sans CN;
    font-weight: 500;
    width: 170px;
    text-align: center;
    height: 46px;
    line-height: 46px;
    cursor: pointer;
    animation: scale 4s linear infinite;
}
.heat-pad{
    width: 25%;
    padding: 0 10px;
    box-sizing: border-box;
    margin-bottom: 20px;
}
.head-consult{
    width: 100%;
    background: #2A2A2A;
}
.heat-two-pad{
    width: 25%;
    padding: 0 20px;
    box-sizing: border-box;
}
.heat-abot{
    width: 100%;
    height: 88px;
    line-height: 88px;
    font-size: 30px;
    font-family: Source Han Sans CN;
    font-weight: 500;
    text-align: center;
    color: #FFFFFF;
    background: #172d75;
    margin-top: 50px;
}
.heat-about-top{
    width: 100%;
    padding: 20px 0;
}
.heat-about-tfelx{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 0;
}
.heat-ableft{
    font-size: 22px;
    font-family: Source Han Sans CN;
    font-weight: 500;
    color: #111111;
    width: 50%;
    padding-right: 34px;
    box-sizing: border-box;
    text-align: justify;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.heat-abright-img{
    width: 25%;
    padding: 2px;
    box-sizing: border-box;
}
.heat-abright{
    width: 50%;
    padding-left: 34px;
    box-sizing: border-box;
    font-size: 30px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #111111;
}
.heat-abright img{
    width: 100%;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}
.heat-abright:hover img{
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transform: scale(1.15, 1.15);
}
.heat-over{
    width: 100%;
    overflow: hidden;
}
.heat-abright-mac{
    width: 100%;
    overflow: hidden;
}
.heat-abright-mac img{
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}
.heat-abright-mac:hover img{
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transform: scale(1.15, 1.15);
}
.heat-strength-img{
    overflow: hidden;
}
.heat-strength-img img{
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}
.heat-strength-img:hover img{
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transform: scale(1.15, 1.15);
}
.heat-strength{
    padding: 30px 0;
    margin-left: -10px;
    margin-right: -10px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.heat-strength-pad{
    width: 25%;
    padding: 0 10px;
    box-sizing: border-box;
}
.heat-strength-li{
    width: 100%;
}
.heat-strength-name{
    width: 100%;
    font-size: 20px;
    font-family: Source Han Sans CN;
    font-weight: 500;
    color: #000000;
    text-align: center;
    padding: 8px 0;
}
.heat-case{
    width: 100%;
    height: 88px;
    line-height: 88px;
    font-size: 30px;
    font-family: Source Han Sans CN;
    font-weight: 500;
    text-align: center;
    color: #FFFFFF;
    background: #172d75;
}
.heat-case-flex{
   display: flex;
   align-items: center;
   flex-wrap: wrap;
   margin-right: -8px;
   margin-left: -8px;
   padding: 15px 0;
}
.heat-case-pad{
   width: 25%;
   padding: 0 8px;
   box-sizing: border-box;
}
.heat-case-li{
   width: 100%;
}
.heat-case-img{
   width: 100%;
   overflow: hidden;
}
.heat-case-img img{
  width: 100%;
  transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
}
.heat-case-img:hover img{
    width: 100%;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transform: scale(1.15, 1.15);
}
.heat-case-name{
  width: 100%;
  font-size: 20px;
  font-family: Source Han Sans CN;
  font-weight: 500;
  color: #000000;
  text-align: center;
  padding: 8px 0;
}
.heat-now02{
  width: 82px;
  height: 82px;
  background: #f76b26;
  border-radius: 1000px;
  overflow: hidden;
  text-align: center;
  color: #ffffff;
  font-size: 20px;
  font-family: Source Han Sans CN;
  font-weight: 600;
  color: #FFFFFF;
  line-height: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  animation: scale 4s linear infinite;
}
.heat-offer{
   width: 100%;
   padding: 0 0 30px 0;
   background: #F6F6F6;
   margin-top: 60px;
}
.heat-offer-tit{
   width: 100%;
   background: #172D75;
   text-align: center;
   padding: 30px 0;
}
.heat-offer-h1{
   color: #ffffff;
   font-size: 40px;
   font-weight: 500;
   text-align: center;
   width: 100%;
}
.heat-offer-ft{
   font-size: 20px;
   color: #fff;
   width: 100%;
}
.heat-offer-ft p{
   font-size: 14px;
   width: 100%;
}
.heat-input-pad{
   display: flex;
}
.heat-input-pleft{
   width: 50%;
   padding: 50px;
   box-sizing: border-box;
}
.heat-int-tt{
   width: 100%;
   display: flex;
   padding-bottom: 20px;
   font-size: 24px;
   color: #172d75;
   font-weight: 600;
   align-items: flex-end;
   line-height: 1;
   margin: 10px 0;
}
.heat-int-tt p{
   font-size: 14px;
   color: #404040;
   font-weight: normal;
   padding-left: 5px;
}
.heat-int-timg{
   width: 100%;
   overflow: hidden;
}
.heat-int-timg img{
   width: 100%;
   transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}
.heat-int-timg:hover img{
    width: 100%;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transform: scale(1.15, 1.15);
}
.heat-itag{
   width: 100%;
   display: flex;
}
.heat-itag p{
   padding: 0 15px;
}
.heat-int-tflex{
   font-size: 16px;
   color: #404040;
   padding: 15px 0;
}
.heat-note{
   width: 100%;
   padding: 25px;
   box-sizing: border-box;
   background: #2c479f;
   border-radius: 10px;
}
.heat-note-h1{
   width: 100%;
   font-size: 24px;
   font-weight: 500;
   color: #fff;
}
.heat-note-h2{
   width: 100%;
   font-size: 16px;
   color: #ffffff;
   padding: 0;
}
.heat-input-pright{
    width: 50%;
    padding: 50px 30px;
    box-sizing: border-box;
}
.heat-int-nli laber{
   font-size: 17px;
   color: #000;
   padding-right: 0;
   font-weight: 600;
}
.heat-int-nli input{
   width: 170px;
   border-radius: 4px;
   border: 1px solid #e0e0e0;
   background: #fff;
   height: 36px;
   line-height: 36px;
   box-sizing: border-box;
   padding: 0 10px;
}
.heat-int-felx01{
   width: 100%;
   display: flex;
   padding-bottom: 20px;
}
.heat-int-nli{
   width: 100%;
   padding-bottom: 10px;
   display: flex;
}
.heat-int-felx-r{
   display: flex;
   align-items: flex-start;
}
.heat-int-tel{
   display: flex;
   align-items: center;
}
.heat-int-felx-l{
   padding-right: 10px;
}
.heat-int-radio{
   padding-right: 10px;
}
.heat-int-radio label{
   font-size: 16px;
   color: #000;
}
.httel{
   color: #172d75;
   font-size: 16px;
   line-height: 1;
 }
.htel{
   font-size: 24px;
   font-weight: 600;
}
.heat-int-select{
   display: flex;
   width: 100%;
   padding-bottom: 20px;
}
.heat-int-l{
   width: 50%;
   position: relative;
   padding-right: 20px;
   box-sizing: border-box;
}
.heat-int-l:after{
    width: 1px;
    height: 100%;
    background: #d4d4d4;
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    content: "";
}
.heat-int-r{
   width: 50%;
   padding-left: 20px;
   box-sizing: border-box;
}
.heat-int-lh1{
    font-size: 17px;
    color: #000;
    padding-right: 0;
    font-weight: 600;
    width: 100%;
    padding-bottom: 10px;
}
.heat-int-lli{
   width: 100%;
   display: flex;
   align-items: center;
   padding: 2px 0;
}
.ht02{
   display: flex;
   align-items: center;
   flex: 1;
}
.ht02 .htag{
   border: 1px solid #dcdcdc;
   border-radius: 4px;
   padding: 4px 8px;
   line-height: 1;
   margin: 0 2px;
   width: 100%;
   text-align: center;
}
.ht01{
   font-size: 17px;
    color: #233675;
    padding-right: 5px;
    font-weight: 600;
}
.heat-message{
    width: 100%;
    display: flex;
    align-items: flex-start;
}
.heat-mleft{
    font-size: 17px;
    color: #000;
    font-weight: 600;
    padding-bottom: 10px;
}
.heat-fright{
    flex: 1;
}
.heat-fright textarea{
    width: 100%;
    border: 1px solid #dcdcdc;
    border-radius: 4px;
    padding: 10px;
    box-sizing: border-box;
    background: #ffffff;
    min-height: 88px;
    max-height: 88px;
}
.heat-fright-btn{
    margin-top: 20px;
    width: 100%;
    background: #4c85f9;
    font-size: 16px;
    text-align: center;
    padding: 7px 0;
    color: #fff;
    border-radius: 4px;
    cursor: pointer;
}
.heat-friend{
    display: flex;
    align-items: center;
    width: 100%;
}
.slide{
    margin: 0 10px;
    overflow: hidden;
}
.slide img{
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}
.slide:hover img {
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transform: scale(1.15, 1.15);
}
.heatwap{
   display: none;
}
.wap-heat-tit{
   display: none;
}
.heat-wap-input{
   display: none;
}
.heat-pro-tag{
   display: none;
}
.ht02 input{
  display: none!important
}
.ht02 label {
  border: 1px solid #CCC;
  color: #666;
  padding: 2px 10px 2px 5px;
  line-height: 28px;
  text-align: center;
  width: 100%;
  margin: 2px;
  border-radius: 4px;
  cursor: pointer;
}
.ht02 input:checked + label {
  border: 1px solid #00a4ff;
  background: #4C85F9;
  color: #ffffff;
}
.heat-liright input{
  display: none!important
}
.heat-liright label {
  border: 1px solid #CCC;
  color: #666;
  padding: 2px 10px 2px 5px;
  line-height: 28px;
  text-align: center;
  width: 100%;
  margin: 2px;
  border-radius: 4px
}
.heat-liright input:checked + label {
  border: 1px solid #00a4ff;
  background: #4C85F9;
  color: #ffffff;
}
.heat-addfont{
  position: absolute;
  width: 100%;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: space-between;
  top: 50%;
  transform: translateY(-50%);
}
.heat-addh1{
  font-size: 26px;
  font-family: Source Han Sans CN;
  font-weight: bold;
  font-style: italic;
  color: #FFFFFF;
  letter-spacing: 2px;
  text-shadow: 4px 3px 5px #000;
}
.heat-rembg{
   width: 100%;
   height: 118px;
}
.heat-wap{
   display: none;
}
.wap-new-bannersw{
   width: 100%;
   display: none;
}
.new-bannersw{
   width: 100%;
   position: relative;
   padding-top: 80px;
}
.new-bannersw .swiper-pagination-bullet{
   background: #ffffff;
   opacity: 0.65;
}
.new-bannersw .swiper-pagination-bullet-active{
   opacity: 1;
   background: #4c85f9;
}
.swiper-around{
   position: absolute;
   width: 100%;
   display: flex;
   align-items: center;
   justify-content: center;
   bottom: 30px!important;
   z-index: 333;
}
.heat-li-ico img{
   height: 30px;
}

.industrial-flex{
   width: 100%;
   display: flex;
   align-items: center;
}
.industrial-page02-left{
   width: 57.45%;
   box-sizing: border-box;
}
.industrial-page02-right{
   padding-left: 130px;
   width: 42.55%;
   box-sizing: border-box;
}
.ind-h1{
   font-size: 18px;
   color: #868686;
   width: 100%;
   padding-bottom: 20px;
   line-height: 1;
}
.ind-h2{
   font-size: 24px;
   font-weight: 500;
   color: #101010;
   line-height: 1;
   padding-bottom: 20px;
}
.ind-h3{
   font-size: 14px;
   color: #6b6b6b;
   line-height: 1.5;
}
.ind-ul{
   width: 100%;
   display: flex;
   align-items: center;
   justify-content: left;
   padding: 40px 0 30px;
}
.ind-tel-flex{
   display: flex;
   align-items: center;
}
.ind-tel-li{
   display: flex;
   align-items: center;
   justify-content: center;
   position: relative;
}
.tel-in{
   position: absolute;
   top: 44px;
   background: #999999;
   line-height: 1.3;
   padding:6px 10px;
   border-radius: 10px;
   width: 100%;
   font-size: 17px;
   display: none;
}
.ind-tel-li:hover .tel-in{
   display: block;
}
.tel-in p{
   font-size: 12px;
   padding-bottom: 0px;
   font-weight: normal;
}
.ind-tel-li img{
   vertical-align: middle;
   height: 20px;
   padding-right: 5px;
}
.ind-li{
   padding-right: 26px;
   text-align: center;
}
.indbg01{
   background: #4c85f9;
   border-radius: 6px 0 0 6px;
   color: #ffffff;
   font-weight: 600;
   width: 134px;
   height: 40px;
}
.indbg02{
   border-top: 1px solid #eaeaea;
   border-right: 1px solid #eaeaea;
   border-bottom: 1px solid #eaeaea;
   border-radius: 0 6px 6px 0;
   color: #4c85f9;
   font-weight: 600;
   width: 134px;
   height: 40px;
   box-sizing: border-box;
   background: #ffff;
}
.ind-pro-li{
   padding: 0;
   width: 100%;
   background: #ffffff;
   overflow: hidden;
}
.ind-pro-li img{
   width: 100%;
    height: 100%;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}
.ind-pro-li:hover img{
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transform: scale(1.15, 1.15);
}
.concetp-image{
   width: 100%;
   padding: 40px 0 20px;
}
.ind-pro-li-img img{
   width: 100%;
}
.industrial-page03-left{
   padding-right: 100px;
   width: 42.55%;
   box-sizing: border-box;
}
.industrial-page03-right{
   width: 57.45%;
   box-sizing: border-box;
}
.advpro{
   position: absolute;
   left: 0;
   bottom: 24px;
   padding: 0;
   margin: 0;
}
.adver-centflex{
   position: absolute;
   width: 100%;
   height: 100%;
   padding-bottom: 80px;
   box-sizing: border-box;
}
.advprl{
    position: absolute;
    left: 0;
    bottom: 24px;
    margin-bottom: 0!important;
    line-height: 1;
    padding-top: 0;
    padding-bottom: 0;
}
.advpro .xcbtn{
   display: block!important;
}
.adver-page02-pre{
   position: absolute;
   width: 100%;
   height: 100%;
   padding-bottom: 80px;
   box-sizing: border-box;
}
.adver-pre{
   position: absolute;
   left: 0;
   top: 50%;
   width: 100%;
   padding-right: 80px;
   padding-bottom: 80px;
   box-sizing: border-box;
   transform: translateY(-50%);
}