@charset "UTF-8";
/*@font-face {*/
/*    font-family: "PingFang SC-Medium";*/
/*    src: url(/kexun/css-img/PingFang Medium.ttf) format("truetype");*/
/*}*/
* {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; position: relative;}
*:before,*:after {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote {margin:0;padding:0;}
body {margin: auto;color:#333;background-color:#f6f6f6;font-size:14px;font-family:"PingFang SC-Medium", "Microsoft YaHei","微软雅黑",Helvetica,Arial,sans-serif; display: block !important;}
.bodyinner { max-width: 1920px; left: 0; right: 0; margin: auto;}
a, a:active{color: inherit;text-decoration: none;cursor:pointer;}
a:hover {text-decoration:none;}
img {border:none;vertical-align:middle;max-width:100%;}
ol,ul,li {list-style:none;justify-content: center;}
input,textarea,select,button {font:14px "Microsoft YaHei","微软雅黑",Helvetica,Arial,sans-serif;outline:none;-webkit-appearance:none;-moz-appearance:textfield !important;-webkit-tap-highlight-color:rgba(0,0,0,0);}
h1 {font-size:100%;font-weight:bold;}
h2,h3,h4,h5,h6 {font-size:100%;font-weight:lighter;}
.clearfix:after,.clearfix:before {content:"";display:table;clear:both;}
.btn {display:inline-block;text-align:center;padding:0px;border:0px;margin:0px;position:relative;cursor:pointer;}
input.text,textarea.text {display:block;padding:0px;width:100%;border:0px;background:none;margin:0px;resize:none;}
video { display: block;}
#banner,#bann {margin-top:80px;}
.container {width:12rem; left: 0; right: 0; margin: auto;position:relative;display: block;}
.panel-title {font-size: .3rem; font-weight: bolder; color: #333233; text-align: center; padding-top: .8rem; padding-bottom: .4rem;}
.panel-sub{width: .3rem; height: 2px;border-color: #FFFFFF !important; border-left: 2px solid; border-right: 2px solid; left: 0; right: 0; margin: 0 auto .26rem; position: relative; }
.panel-sub:after{content: ""; width: 60%;border-color: #FFFFFF !important; border-bottom: 2px solid; margin-left: 20%; position: absolute}
.panel-sub2,.panel-sub2:after{border-color: #B4B3B3 !important;}
.panel-subtitle {font-size: .2rem; color: #333233; text-align: center; padding-bottom: .4rem; font-weight: lighter;}
.panel-subtitle2 {font-size: .2rem; color: #333233; text-align: center; padding-bottom: .4rem; font-weight: lighter;}
.containerbutton{ background: #D0BFA4; font-size: .24rem; font-weight: bolder; line-height: 3; color: #333233; width:3.78rem; cursor: pointer; margin: .4rem 0;  text-align: center;}
.ct_btn {font-weight: bolder; font-size: .24rem;}
.message-alert{position: fixed; left:0; right:0; top:0; bottom:0; background-color: rgba(0,0,0,.5); z-index:999; display: none;}
.message-alert .message-alert-box{height: 5rem; width:5.28rem; border-radius: .1rem; background-color: #FFFFFF; left:0; right:0; top:0; bottom:0; margin:auto;position: absolute; }
.message-alert .message-alert-img{width:3.13rem; height:2.2rem; margin: .3rem 1.1rem;}
.message-alert.message-alert-success .message-alert-img{background: url(../css-img/message_success.svg) center/cover no-repeat;}
.message-alert.message-alert-error .message-alert-img{background: url(../css-img/message_error.svg) center/cover no-repeat;}
.message-alert .message-alert-title{margin: .2rem .5rem; text-align: center; font-size: .3rem; font-weight: bold;color: #333233;}
.message-alert .message-alert-txt{margin: .2rem .5rem; text-align: center; font-size: .2rem;}
.message-alert .message-alert-btn{cursor: pointer; margin: .3rem auto; width: 2rem; line-height: 2.5; border-radius: .1rem; border: 1px solid #D1C0A5; color: #D1C0A5; text-align: center; font-size: .2rem;}

/*头部*/
.Header-wrapper {z-index:99;}
.Header-wrapper .Header-cl {position:relative;}
.header-container {width:100%;background-color:#FFFFFF;position:fixed;top:0px;left:0px;z-index:90;box-shadow: 0px 3px 6px 1px rgba(0,0,0,0.1);}
.H-logo {max-width: 230px;height:80px;line-height:80px;font-size:0px;float:left;position:relative;overflow:hidden;z-index:5;margin-left:2.2rem;}
.H-action {float:right;margin-right:2.2rem;}
.H-mail,.H-srch {height:80px;float:left;}
.H-mail {position:relative;}
.H-mail .Hmail-menu {display:block;width:100px;height:100%;transition:none;-webkit-transition:none;font-size:16px;text-align:center;color:#fff;line-height:80px;}
.H-mail .Hmail-menu i {width:24px;height:20px;background-repeat:no-repeat;background-image:url(../css-img/tel.svg);display:inline-block;vertical-align:middle;margin:-2px 6px 0 0;}
.H-mail .Hmail-menu b {position:absolute;background-color:#fff;width:1px;height:20px;display:inline-block;top:50%;right:0;margin-top:-10px;}
.H-tel {height:80px;float:left;}
.H-tel {position:relative;}
.H-tel .Htel-menu {height:100%;transition:none;-webkit-transition:none;font-size:20px;text-align:center;color:#6A6A6A;line-height:80px;}
.H-tel .Htel-menu i {width:29px;height:29px;background-repeat:no-repeat;background-image:url(../css-img/tel.svg);display:inline-block;vertical-align:middle;margin:-2px 6px 0 0;}
.H-qrcode {margin-left: .1rem; width: 37px; position: relative;}
.H-qrcode .qrcode_icon {height: 37px; background: url(../css-img/qrcode.svg) center no-repeat;}
.H-qrcode:hover .qrcode_big {position: absolute; display: block !important; width: 2.5rem; height: 2.5rem; max-width: unset; z-index: 90; top: 37px; right: -5px; border: 5px solid #FFFFFF;}

.H-srch .Hsrch-menu {display:block;width:100px;height:100%;transition:none;-webkit-transition:none;font-size:16px;text-align:center;color:#fff;line-height:80px;}
.H-srch .Hsrch-menu i {width:17px;height:17px;background-repeat:no-repeat;background-image:url(../css-img/search.png);display:inline-block;vertical-align:middle;margin:-4px 0 0 4px;}
.Hsrch-box {width:100%;height:80px;background:#1e2124;position:absolute;top:0px;left:0px;display:none;position:absolute;z-index:2;}
.Hsrch-block {padding:0 0 0 4rem !important;width:12rem !important;height:32px;margin:19px auto 0;}
.Hsrch-block .btn {width:24px;height:32px;background:url(../css-img/msearch.png) no-repeat center center;float:left;}
.Hsrch-block .close {display:block;width:24px;height:32px;background:url(../css-img/mclose.png) no-repeat center center;float:right;}
.Hsrch-block .text {width:70%;height:32px;font-size:16px;float:left;margin:0 0 0 10px;color:#fff;}
.Hsrch-block .text::-webkit-input-placeholder {color:#d3d3d3;}
.Hsrch-menu.cur {display:none;}
.Header-wrapper.Header-searching .H-logo img {display:none;}
.H-nav {float:left;margin-left:0;}
.H-nav>li {padding:0 33px;float:left;}
.H-nav .Hnav-menu {display:block;height:80px;line-height:80px;font-size:16px;color:#333233;position:relative;text-transform:uppercase;}
.H-nav .Hnav-menu:hover {color:#B6925D;border-bottom:3px solid #B6925D;}
.nav-active {color:#B6925D !important;border-bottom:3px solid #B6925D;}
.Hnav-menu i {display:block;width:50px;height:50px;background:url(../css-img/under.png) no-repeat center center / 14px auto;position:absolute;right:0px;top:0px;z-index:2;display:none;}
.Hnav-menu.cur i {transform:rotate(-180deg);-webkit-transform:rotate(-180deg);}

@media all and (min-width:980px) {.H-nav>li:hover .Hnav-sub {display:block;animation:fadeInDownV .6s ease-in-out;-webkit-animation:fadeInDownV .6s ease-in-out;}
}
.Hnav-sub {padding:30px 0;background:#fff;position:absolute;display:none;}
.Hnav-sub div:first-child{ position: absolute; background: #fff; padding: 30px; width: 160px; border-radius: 10px; left: -45px;top: -20px;box-shadow: 0px 3px 6px 3px rgba(0,0,0,0.1); z-index: 91;}
.HnavSub-list {width: 100%; text-align: center;}
.HnavSub-list li {width:100%;float:left;padding:2px 2px;}
.HnavSub-list li a {display:block;height:40px;line-height:40px;color:#666;font-size:16px;position:relative;border-bottom:1px solid #c4c4c4;transition:all .6s linear;}
.HnavSub-list li a:hover {color:#B6925D;font-weight:bold;border-bottom:1px solid #B6925D;}
.HnavSub-list li a i {display:inline-block;position:absolute;left:0;bottom:0;width:0%;height:1px;background-color:#c4c4c4;transition:all .5s ease-in;}
.HnavSub-list li a:hover i {width:100%;background-color:#B6925D;}
.HnavSub-box {padding:1.2% 0 0 8%;position:relative;float:left;border-left:1px solid #e5e5e5;}
.HnavSub-box-pic {width:360px;height:170px;overflow:hidden;margin:-16px 0 0 0;}
.HnavSub-box-pic img {width:100%;height:100%;object-fit:cover;transition:all .8s ease-in 0s;}
.HnavSub-box-pic img:hover {transform:scale(1.1);}
.Hmenu-btn {width:22px;height:70px;padding:34px 0 0;cursor:pointer;display:none;float:right;}
.Hmenu-btn a {display:block;width:100%;height:2px;background-color:#ffffff;position:relative;}
.Hmenu-btn a:before,.Hmenu-btn a:after {content:"";display:block;width:100%;height:2px;background-color:#ffffff;position:absolute;left:0px;}
.Hmenu-btn a:before {top:-7px;}
.Hmenu-btn a:after {bottom:-7px;}
.Hmenu-btn.cur a:before {top:-10px;}
.Hmenu-btn.cur a:after {bottom:-10px;}
.Hmenu-btn.cur a {-moz-animation:buttonAnimation 0.3s ease forwards;-webkit-animation:buttonAnimation 0.3s ease forwards;animation:buttonAnimation 0.3s ease forwards;}
.Hmenu-btn.cur a:before {-moz-animation:buttonAnimationBefore 0.3s ease forwards;-webkit-animation:buttonAnimationBefore 0.3s ease forwards;animation:buttonAnimationBefore 0.3s ease forwards;}
.Hmenu-btn.cur a:after {-moz-animation:buttonAnimationAfter 0.3s ease forwards;-webkit-animation:buttonAnimationAfter 0.3s ease forwards;animation:buttonAnimationAfter 0.3s ease forwards;}
@-moz-keyframes buttonAnimationBefore {0% {-moz-transform:translateY(0px) rotate(0);transform:translateY(0px) rotate(0);}
    50% {-moz-transform:translateY(10px) rotate(0);transform:translateY(10px) rotate(0);}
    100% {-moz-transform:translateY(10px) rotate(45deg);transform:translateY(10px) rotate(45deg);}
}
@-webkit-keyframes buttonAnimationBefore {0% {-webkit-transform:translateY(0px) rotate(0);transform:translateY(0px) rotate(0);}
    50% {-webkit-transform:translateY(10px) rotate(0);transform:translateY(10px) rotate(0);}
    100% {-webkit-transform:translateY(10px) rotate(45deg);transform:translateY(10px) rotate(45deg);}
}
@keyframes buttonAnimationBefore {0% {-moz-transform:translateY(0px) rotate(0);-ms-transform:translateY(0px) rotate(0);-webkit-transform:translateY(0px) rotate(0);transform:translateY(0px) rotate(0);}
    50% {-moz-transform:translateY(10px) rotate(0);-ms-transform:translateY(10px) rotate(0);-webkit-transform:translateY(10px) rotate(0);transform:translateY(10px) rotate(0);}
    100% {-moz-transform:translateY(10px) rotate(45deg);-ms-transform:translateY(10px) rotate(45deg);-webkit-transform:translateY(10px) rotate(45deg);transform:translateY(10px) rotate(45deg);}
}
@-moz-keyframes buttonAnimationAfter {0% {-moz-transform:translateY(0) rotate(0);transform:translateY(0) rotate(0);}
    50% {-moz-transform:translateY(-10px) rotate(0);transform:translateY(-10px) rotate(0);}
    100% {-moz-transform:translateY(-10px) rotate(-45deg);transform:translateY(-10px) rotate(-45deg);}
}
@-webkit-keyframes buttonAnimationAfter {0% {-webkit-transform:translateY(0) rotate(0);transform:translateY(0) rotate(0);}
    50% {-webkit-transform:translateY(-10px) rotate(0);transform:translateY(-10px) rotate(0);}
    100% {-webkit-transform:translateY(-10px) rotate(-45deg);transform:translateY(-10px) rotate(-45deg);}
}
@keyframes buttonAnimationAfter {0% {-moz-transform:translateY(0) rotate(0);-ms-transform:translateY(0) rotate(0);-webkit-transform:translateY(0) rotate(0);transform:translateY(0) rotate(0);}
    50% {-moz-transform:translateY(-10px) rotate(0);-ms-transform:translateY(-10px) rotate(0);-webkit-transform:translateY(-10px) rotate(0);transform:translateY(-10px) rotate(0);}
    100% {-moz-transform:translateY(-10px) rotate(-45deg);-ms-transform:translateY(-10px) rotate(-45deg);-webkit-transform:translateY(-10px) rotate(-45deg);transform:translateY(-10px) rotate(-45deg);}
}
@-moz-keyframes buttonAnimation {0% {background:#aaaaaa;}
    50% {background:rgba(255,255,255,0);}
    100% {background:rgba(255,255,255,0);}
}
@-webkit-keyframes buttonAnimation {0% {background:#aaaaaa;}
    50% {background:rgba(255,255,255,0);}
    100% {background:rgba(255,255,255,0);}
}
@keyframes buttonAnimation {0% {background:#aaaaaa;}
    50% {background:rgba(255,255,255,0);}
    100% {background:rgba(255,255,255,0);}
}
.Hmenu-btn.Hmenu-web {display:none;padding:26px 0 0;height:50px;}

/*首页banner*/
.in0 {position: relative;}
.in0 .swiper-container{margin: 0 auto;position: relative;overflow: hidden;list-style: none;padding: 0; height: 6.5rem;  /* Fix of Webkit flickering */  z-index: 1;}
.in0 .swiper-container .swiper-slide{overflow: hidden;}
.in0 .swiper-container .swiper-slide .sbox{position: relative;overflow: hidden;}
.in0 .swiper-container .swiper-slide .sbox a{display: block;}
.in0 .swiper-container .swiper-slide .sbox a > img{display: block;width: 100%;transform: scale(1);-webkit-transform: scale(1);}
.in0 .swiper-container .swiper-slide .sbox .pimg{display: flex; justify-content: center; align-items: center;}
.in0 .swiper-container .swiper-slide .sbox .pimg .banner_imgORvidio{max-width: none; width: auto; height:8.71rem;}
.in0 .swiper-container .swiper-slide .sbox .pimg .banner_gif{position: absolute;bottom: 40%;left: 0;right: 0;margin: auto;z-index: 9;opacity: .1;}
.in0 .swiper-container .swiper-slide .sbox .mimg{display: none;}
.in0 .swiper-container .swiper-slide .sbox  video{display: block;position: absolute;top: 0;left: 0;z-index: 2;width: 100%;max-width: 100%;object-fit: cover;}
.in0 .swiper-container .swiper-slide .sbox .txt{display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 4;color: #fff;}
.in0 .swiper-container .swiper-slide .sbox .txt .tbox{position: absolute;top: 55%;opacity: 0; left: 15%;transform: translateY(-50%);-webkit-transform: translateY(-50%);}
.in0 .swiper-container .swiper-slide .sbox .txt .tbox .en{font-size: 48px;margin: 30px 0;}
.in0 .swiper-container .swiper-slide .sbox .txt .tbox .en span{color: #D1C0A5;}
.in0 .swiper-container .swiper-slide .sbox .txt .tbox .more{display: block;position: relative;top: 30px;opacity: 0;}
.in0 .swiper-container .swiper-slide .sbox .txt .tbox .more a{display: block;width: 160px;border:1px solid #fff;border-radius: 10px;}
.in0 .swiper-container .swiper-slide .sbox .txt .tbox .more a img{transform: scale(1) ;-webkit-transform: scale(1) ;}
.in0 .swiper-container .swiper-slide .sbox .txt .tbox .more a:hover{background: #D1C0A5;border:1px solid #D1C0A5;}
.in0 .swiper-container .swiper-slide-active .sbox .txt .tbox{top: 50%;opacity: 1;transition-delay: .5s;-webkit-transition-delay: .5s;}
.in0 .swiper-container .swiper-slide-active .sbox .txt .tbox .more{top: 0;opacity: 1;transition-delay: .8s;-webkit-transition-delay: .8s;}
.in0 .swiper-container .pagination{bottom: 50px; display: none;}
.in0 .swiper-container .pagination span{width: 40px;height: 4px;opacity: 1;background: rgba(255, 255, 255, 0.5);border-radius: 0;position: relative;}
.in0 .swiper-container .pagination span:after{content: '';display: block;position: absolute;top: 0;left: 0;width: 0%;height: 100%;background: #fff;}
.in0 .swiper-container .pagination span.swiper-pagination-bullet-active:after{width: 100%;}
.in0 .swiper-container .prev{border-radius: 50%; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;width: 60px;height: 60px;background: rgba(255,255,255,0.1) url(../css-img/prev.png) center no-repeat;left: 5%;margin-top: -30px;}
.in0 .swiper-container .next{border-radius: 50%; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;width: 60px;height: 60px;background: rgba(255,255,255,0.1) url(../css-img/next.png) center no-repeat;right: 5%;margin-top: -30px;}
.in0 .swiper-container .prev:hover{background: rgba(255,255,255,.3) url(../css-img/prev.png) center no-repeat;}
.in0 .swiper-container .next:hover{background: rgba(255,255,255,.3) url(../css-img/next.png) center no-repeat;}
.bannerinner1{position: absolute; height: 1.2rem; z-index: 88; margin-top: -.6rem; left: 2.17rem; right: 2.17rem; background: url(../css-img/bannerbox_bg.svg) center no-repeat; }
.bannerinner1 .inner1 {position: absolute; left:.80rem; top:0; bottom:0; margin: auto; height: .5rem; width: 5.58rem; background: #D1BFA5;}
.bannerinner1 .inner1 input{height: 100%; border: 1px solid #eee; transition: all 0.6s; padding-left: .3rem;}
.bannerinner1 .inner1 div{ color: #333233; text-align: center; cursor: pointer; }
.bannerinner1 .inner2 {position: absolute; right:70px; top:0; bottom:0; margin: auto;}
.bannerinner1 .inner2 div:first-child { color: #ffffff; font-size: .16rem; margin-top: .31rem;}
.bannerinner1 .inner2 div:last-child { color: #BCA990; font-size: .24rem; font-weight: bolder; font-style: italic; margin-top: .1rem; text-align: right;}
.in0 .bannerbox{height: 2rem; color: #FFFFFF; padding: .9rem 3rem 0;}
.in0 .bannerbox i { width: .36rem; height: .36rem; margin-right: .25rem;}
.in0 .bannerbox h1 { font-size: .3rem; font-weight: normal; margin-bottom: .15rem;}
.in0 .bannerbox h2 { font-size: .2rem;}



/*内容1分类*/
.in1 .container{ height: 5.24rem;}
.in1 .container a:nth-child(1) { position: absolute; height: 100%; width: 7.21rem; left: 0; top: 0;}
.in1 .container a:nth-child(2) { position: absolute; height: 2.52rem; width: 4.57rem; right: 0; top: 0;}
.in1 .container a:nth-child(3) { position: absolute; height: 2.52rem; width: 4.57rem; right: 0; bottom: 0;}
.in1 .container a{background: center no-repeat; background-size: 100% 100%; color: #ffffff;}
.in1 .container a:hover{background-size: 120% 120%;}
.in1 .container a div:nth-child(1){position:absolute; left: .4rem; bottom: 1.67rem; font-size: .32rem; line-height: .32rem; font-weight: bolder;}
.in1 .container a div:nth-child(2){position:absolute; left: .4rem; bottom: 1.37rem; font-size: .19rem; line-height: .19rem;}
.in1 .container a div:nth-child(3){position:absolute; left: .4rem; bottom: .4rem; width: .56rem; height: .56rem; border-radius: .28rem; background:  url(../css-img/arrow_rb.svg) center no-repeat;background-size: auto 100%;background-position: right center;}
.in1 .container a:hover div:nth-child(3){width: .97rem; transition: all 0.2s linear;}

/*内容2团队*/
.in2 {
  max-height: none;
  padding-bottom: .85rem;
  background: #F4F4F5;
}
.in2 video{display:none;}
.bannerinner2{
  height: 1.5rem;
  background-color: #2a2a2b;
  background-image: url(../css-img/bannerbox2_bg.svg);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  margin: -.35rem auto -.75rem;
  left: auto !important;
  right: auto !important;
  transform: none !important;
  width: 12rem;
  max-width: calc(100% - .8rem);
  position: relative !important;
  z-index: 2;
  padding: 0 .55rem !important;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  border-radius: .08rem;
  overflow: visible;
  box-shadow: 0 10px 28px rgba(0,0,0,.18);
}
.bannerinner2 .bannerinner2-inner{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: .28rem;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  padding: 0 !important;
  min-width: 0;
}
.bannerinner2 .innericon{
  background: url(../css-img/sale2.svg) center/contain no-repeat;
  width: .3rem;
  height: .3rem;
  margin: 0;
  flex-shrink: 0;
  position: relative;
}
.bannerinner2 .innericon::after{
  content: "";
  position: absolute;
  left: calc(100% + .08rem);
  top: 50%;
  width: .22rem;
  height: 2px;
  margin-top: -1px;
  background: rgba(255,255,255,.75);
  border: none;
}
.bannerinner2 .innertitle{
  flex-shrink: 0;
  margin: 0;
  padding-left: .34rem;
}
.bannerinner2 .innertitle div:nth-child(1){
  font-size: .16rem;
  color: #FFFFFF;
  white-space: nowrap;
  line-height: 1.3;
}
.bannerinner2 .innertitle div:nth-child(2){
  font-size: .12rem;
  margin-top: .05rem;
  color: #A3A4A3;
  white-space: nowrap;
  line-height: 1.3;
}
.bannerinner2 .innercontainer{
  color: #A3A4A3;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: .04rem;
  flex: 1 1 auto;
  min-width: 0;
  margin: 0;
  padding: 0;
}
.bannerinner2 .innercontainer li {
  width: .98rem;
  font-size: .12rem;
  text-align: center;
  list-style: none;
  line-height: 1.2;
  flex-shrink: 1;
}
.bannerinner2 .innercontainer li div{
  width: .84rem;
  height: .84rem;
  border-radius: 50%;
  margin: 0 auto .05rem;
  background-size: cover !important;
  background-position: center !important;
  box-sizing: border-box;
}
.bannerinner2 .innercontainer li:hover div{
  border: 1px solid #D1BFA5;
  transform: scale(1.08);
}
.bannerinner2 .innerbutton{
  background: #D0BFA4;
  color: #333233;
  cursor: pointer;
  font-size: .16rem;
  font-weight: bolder;
  width: auto;
  min-width: 2.2rem;
  padding: 0 .18rem;
  height: .54rem;
  line-height: .54rem;
  text-align: center;
  flex-shrink: 0;
  border-radius: .06rem;
  margin: 0;
  white-space: nowrap;
}

/*内容3行业方案*/
.in3 {background: url(../css-img/bannerbox_bg3.svg) center top /  100% auto no-repeat; background-color: #383838; padding-top: 1.55rem;}
.in3 .panel-title, .in3 .panel-subtitle { color: #FFFFFF; }
.in3 .ulrow{ border-bottom: 2px solid #FFFFFF; margin-bottom: .6rem;}
.in3 ul {color:#FFFFFF; padding-bottom: .3rem;}
.in3 ul li{cursor: pointer; font-size: .2rem;}
.in3 ul li>div:nth-child(2) {font-size: .12rem; padding-top: .09rem;}
.in3 ul .active {color:#D0BFA4; }
.in3 ul .active:after { content: ""; position: absolute; bottom: -0.3rem; margin-bottom: -20px; border-top: 20px solid #D0BFA4; border-left: 15px solid transparent; border-right: 15px solid transparent;}
.in3 .li_img { width:12rem; height: 5.2rem; max-width: none;}

/*内容4案例*/
.in4 {background-color: #383838;}
.in4 .panel-title, .in4 .panel-subtitle { color: #FFFFFF; }
.in4 .in4content {width:12rem; display: flex; flex-wrap: wrap; }
.in4 .in4content li {width: 32%; margin-right: 2%;display: block; color:#FFFFFF; margin-bottom: .48rem;}
.in4 .in4content li:nth-child(3n+0){ margin-right: 0;}
.in4 .in4content li a .divimg {height: 2.41rem; width:100%; margin-bottom: .2rem;}
.in4 .in4content li a p { font-size: .2rem; font-weight: 500; line-height: 1.4;}
.in4 .in4content li a span { font-size: .16rem; padding-left: .14rem; padding-top: .04rem;}

/*内容5资质*/
.in5 {}
.in5 .container {margin-bottom: 1.1rem; position: relative;}
.in5 .container>div {width: 32%; height: 2.64rem; margin-right: 2%;display: block; color:#FFFFFF; margin-bottom: .2rem; position:relative; overflow: visible; }
.in5 .container>div .divimg {height: 2.64rem; width:100%; margin-bottom: .2rem; border-radius: 8px; overflow: hidden; background-size: cover !important; background-position: center !important; box-shadow: 0 8px 24px rgba(0,0,0,.28);}
.in5 .container>div:nth-child(2) .divimg { width: 100%; height: 5.48rem;}
.in5 .container>div:nth-child(3) { margin-right: 0;}
.in5 .container>div:nth-child(5) { margin-right: 0; right: 0; bottom: 0; position: absolute; height: 2.64rem;}
.in5 .container>div:hover .divimg {transform: translateY(-4px); box-shadow: 0 14px 32px rgba(0,0,0,.38); transition: transform .25s ease, box-shadow .25s ease;}
.in5 .container>div .divimg {transition: transform .25s ease, box-shadow .25s ease;}
.in5 .container .mb {position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(200,200,200, .6); opacity: 0;transition: all 0.2s linear;}
.in5 .container .mb:hover{opacity: 1;transition: all 0.2s linear;}
.in5 .container>div:nth-child(2) .mb { height: 5.48rem;}
.in5 .container .mb p { font-size: .3rem; font-weight: 500;}
.in5 .container .mb span { font-size: .2rem; padding-left: .14rem;}
.bannerinner3 {font-size: .20rem; color:#FFFFFF; height:1.4rem; background: url(../css-img/bannerbox2_bg.svg) center no-repeat; background-size: cover; padding: 0 1.8rem; left:2.1rem; right: 2.1rem; position: absolute !important; margin-top: -.7rem; z-index: 1;}
.bannerinner3 .inner1 {position: absolute; left:1.5rem;  top: .23rem;}
.bannerinner3 .inner1 .inner1title {margin-bottom: .16rem;}
.bannerinner3 .inner1 .inner1inner{color: #333233; background: #D1BFA5; height:.5rem;}
.bannerinner3 .inner1 .inner1inner input{height: 100%; width:3.7rem; border: 1px solid #eee; transition: all 0.6s; padding-left: .3rem;}
.bannerinner3 .inner1 .inner1inner div{cursor: pointer; width:2.5rem;}
.bannerinner3 .inner2 {position: absolute; right:.87rem;  top: .4rem; }
.bannerinner3 .inner2 .inner2title { font-size: .16rem;;}
.bannerinner3 .inner2 .inner2inner {display:block;transition:none;-webkit-transition:none;font-size:.4rem;color:#D1BFA5;}
.bannerinner3 .inner2 .inner2inner i {width:.44rem;height:.44rem;background-repeat:no-repeat;background-size: cover; background-image:url(../css-img/tel2.svg);display:inline-block;vertical-align:middle;margin-right:1.1rem;}
.bannerinner3 .inner2 .inner2inner i:after{content: ""; border-bottom: 2px solid #FFFFFF; position: absolute; width: .88rem; top: .2rem; left: .64rem;}

/*内容6新闻*/
.in6 {background: #383838;padding-bottom: .4rem; padding-top: .7rem;}
.in6 .panel-title, .in3 .panel-subtitle { color: #FFFFFF; }
.in6 .container>div{width:3.87rem; min-height:5.21rem; background: #FFFFFF;}
.in6 .container>div>span{position: absolute; padding: .07rem .14rem; background-color: rgba(255,255,255,.5); z-index: 1;}
.in6 .container>div>.news_first{ margin-bottom: .16rem;}
.in6 .container>div>.news_first i {background-size: cover; background-position: center;width: 100%;height: 1.73rem;display: block;}
.in6 .container>div>.news_first>div {margin: 0 .24rem; padding-top: .32rem; border-bottom: 1px solid #f5f6f7;}
.in6 .container>div>.news_first>div>div:nth-child(2){font-size: .14rem; color: #3F4850;  margin: .16rem 0;}
.in6 .container>div>.news_first>div>div div:nth-child(1){font-size: .25rem; color: #14181E;}
.in6 .container>div>.news_first>div>div div:nth-child(2){font-size: .14rem; color: #3F4850;  margin: .16rem 0;}
/* .in6 .container>div>a{display: block;} */
.in6 .container>div>.txt-row1{ color: #878D97; padding: .15rem .24rem 0; font-size: .19rem;}

    /*内容7合作*/
.in7 .container {border-bottom: 1px solid #FFFFFF;}
.in7 .container .flexauto div{ width: 2.57rem; height: 1.07rem; display: block; padding: 0 .22rem; margin-right: .57rem; margin-bottom: .4rem;}
.in7 .container .flexauto div:nth-child(4n+0){margin-right: 0;}
.in7 .in7b {background: #383838;padding: .4rem 0; color: #FFFFFF; text-align: center;}
.in7 .in7b .container div{width: 2.45rem; height: 1.1rem; font-size: .2rem;}
.in7 .in7b .container div:after{content: ""; position: absolute; right: 0; height: 30%; top: 35%; width: 1px; background-color: #D1C0A5;}
.in7 .in7b .container div:nth-last-child(1):after{content: none;}
.in7 .in7b .container div img{height:.5rem; width: .5rem; margin-right: .06rem;}
.in7 .in7b .panel-subtitle {color: #FFFFFF; padding-top: 40px}
.in7 .in7b .containerbutton{width: 4rem; background: #D1C0A5; border-radius: 0px 0px 0px 0px; display: inline-block; margin-top:0;}

/* 底部咨询横幅标语 */
.bannerinner4-border {position: absolute !important; height:.84rem; width:100%; background: url(../css-img/bannerbox2_bg.svg) center/cover no-repeat;}
.bannerinner4 {z-index: 101; position: sticky !important;bottom: 0;font-size: .24rem; color:#FFFFFF; height:.84rem; background: rgba(0,0,0,.6);}
.bannerinner4 .inner1 {position: absolute; left:4.18rem;  top: .09rem; color: #D1C0A5; font-size: .24rem;}
.bannerinner4 .inner2 {position: absolute; right:4.18rem;  top: .17rem; background: #D1C0A5; height: .5rem; color: #333233; }
.bannerinner4 .inner2 input{height: 100%; width: 5.08rem; border: 1px solid #eee; transition: all 0.6s; padding-left: .3rem;}
.bannerinner4 .inner2 div{cursor: pointer; width: 3.05rem;}


/*返回顶部*/
#cl .right {position:fixed;right:-50px;top:50%;margin-top:-102px;z-index:102;-webkit-transition:all .5s;-moz-transition:all .5s;transition:all .5s;}
#cl .right.act {right:0;}
#cl .right .ul1 {background:#fff;width:50px;}
#cl .right .ul1 * {-webkit-transition:all .5s;-moz-transition:all .5s;transition:all .5s;}
#cl .right .ul1 li {cursor:pointer;margin-bottom:1px;position:relative;}
#cl .right .ul1 li .img {display:block;width:50px;height:50px;background:#D1C0A5;position:relative;right:0;}
#cl .right .ul1 li .img img {display:block;width:100%;}
#cl .right .ul1 li .cla {position:absolute;top:0;right:-160px;width:160px;height:50px;line-height:50px;background:#f5f5f5;color:#D1C0A5;font-size:20px;overflow:hidden;text-align:center;z-index:2;}
#cl .right .ul1 li.dh:hover .img {right:160px;}
#cl .right .ul1 li.dh:hover .cla {right:0;}
#cl .right .ul1 li.ly:hover .img {right:160px;}
#cl .right .ul1 li.ly:hover .cla {right:0;}

/*底部*/
.footer {
    /*box-shadow:0px -5px 10px 0px rgba(19,19,19,0.05);*/
    position:relative;background-color:#383838;}
.foot-tops {padding:60px 0 80px;  font-size:.16rem;line-height:.2rem;color:#fff;
    display: -webkit-flex;  display: flex;  flex-direction: row; box-sizing: border-box;
    -webkit-justify-content: space-between;  justify-content:space-between;
    -webkit-align-items: flex-start;  align-items: flex-start;
    position: relative;}
.foot-tops .tt {font-size:.24rem;line-height:.28rem;color:#fff;margin-bottom:20px;opacity:.8;}
.foot-tops .tt2 {font-size:.3rem;line-height:.38rem;color:#D1C0A5;margin-bottom:20px;}
.foot-tops .items {width:1.85rem;margin-top:25px;}
.foot-tops .items .item {color:#fff;font-size:14px;display:block;margin-bottom:20px;opacity:.7;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;transition:all .4s ease-in-out;}
.foot-tops .items .item:hover {color:#D1C0A5;-webkit-transform:translateX(6px);-moz-transform:translateX(6px);-ms-transform:translateX(6px);-o-transform:translateX(6px);transform:translateX(6px);}
.foot-tops .code-box{ width: 130px;}
.footer_b { padding: .38rem 0; background-color:#383838; color: #FFFFFF; position: unset;}
.footer_b:before{content:""; position: absolute; left: 0; right: 0; margin-top: -.4rem; border-top: 1px solid #FFFFFF; opacity: .5;}
.plink{margin-left: .3rem;padding-bottom: .4rem;}
.plink>*{margin-right: .3rem;}

/*第二导航*/
.nav_pc{width:100%;height:60px;background-color:#f6f6f6}
.nav_pc .home{float:left;display:block}
.nav_pc .first,.nav_pc .second,.nav_pc .third{cursor:pointer;float:left;position:relative}
.nav_pc .first h4,.nav_pc .second h4,.nav_pc .third h4{height:60px;line-height:60px;min-width:180px;font-size:16px;color:#333;padding:0 42px 0 30px;position:relative;border-right:1px solid #eaebeb}
.nav_pc .active h4{border-bottom:3px solid #D1C0A5;color:#D1C0A5}
.nav_pc .first h4::after,.nav_pc .second h4::after{content:'';border:4px solid transparent;border-top:4px solid #333;border-bottom:none;position:absolute;width:0;height:0;right:30px;top:0;bottom:0;margin:auto}
.nav_pc .active h4::after{border-top-color:#D1C0A5}
.nav_pc .first.no-a h4,.nav_pc .second.no-a h4,.nav_pc .third h4{padding-right:30px}
.nav_pc .first.no-a h4::after,.nav_pc .second.no-a h4::after{display:none}
.nav_pc .first ul,.nav_pc .second ul{display:none;position:absolute;top:60px;left:0;z-index:99;min-width:100%}
.nav_pc .first ul li a,.nav_pc .second ul li a{font-size:14px;color:#333;display:block;background:#f6f6f6;padding:0 30px;line-height:48px;height:48px;width:100%;-webkit-transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-ms-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out}
.nav_pc .first ul li a:hover,.nav_pc .second ul li a:hover{color:#fff;background:#D1C0A5}
.nav_pc .right{float:right}
.nav_pc .right a{font-size:16px;line-height:60px;color:#333;margin-left:60px}
.nav_pc .right a:first-child{margin-left:0}
.nav_pc .right a.active{color:#D1C0A5}
#navigation,#navigation li ul{list-style-type:none}
#navigation li{float:left;text-align:center;position:relative}
#navigation li h4,#navigation li a:link,#navigation li a:visited{display:block;height:60px;line-height:60px;min-width:180px;font-size:16px;color:#333;padding:0 42px 0 30px;position:relative}
#navigation li h4.arrow::after{content:'';border:4px solid transparent;border-top:4px solid #333;border-bottom:none;position:absolute;width:0;height:0;right:30px;top:0;bottom:0;margin:auto}
#navigation li h4.arrow{border-bottom:3px solid #D1C0A5;color:#D1C0A5;border-right:1px solid #eaebeb}
#navigation li h4.arrow::after{border-top-color:#D1C0A5}
#navigation li a.menu1{font-size:14px;color:#333;display:block;background:#f6f6f6;padding:0 30px;line-height:48px;height:48px;width:100%;-webkit-transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-ms-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out}
#navigation li a.menu2,#navigation li a.menu3{font-size:14px;color:#333;display:block;background:#f6f6f6;padding:0 30px;line-height:48px;height:48px;width:100%;-webkit-transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-ms-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out}
#navigation li a:hover{color:#fff;background:#D1C0A5}
#navigation li ul li a:hover{color:#fff;background:#D1C0A5}
#navigation li ul{display:none;position:absolute;left:0;width:120px;z-index:99;}
#navigation li ul li ul{display:none;position:absolute;top:0px;left:180px;margin-top:0;margin-left:0px;width:120px}

/*产品分类侧栏*/
.pn-box{display: none;}
.pn-title {position:fixed;top:50%;left:0;z-index:9;background:#D1C0A5;color:#fff;font-size:16px;text-align:center;box-shadow:inset 0 0 30px rgba(0,0,0,.2);line-height:26px;width:45px;padding:10px 0;cursor:pointer;border-radius:0 10px 10px 0;margin-top:-100px;}
.pn-title span {display:block}
.pn-list {position:fixed;top:50%;left:-305px;z-index:10;background:#fff;width:305px;height:500px;margin-top:-15%;overflow:auto;transition:left .5s;box-shadow:0 0 20px rgba(0,0,0,.2);border-radius:0 10px 10px 0;}
.pn-list.on {left:0}
.pn-list ul {width:100%}
.pn-list li .pn-tit-one {display:block;width:100%;height:50px;line-height:50px;color:#010101;font-size:16px;padding:0 2% 0 15%;background:#fff url(../css-img/one0.png) no-repeat 6% center;transition:background .3s}
.pn-list li .pn-con-one {display:none}
.pn-list li .pn-tit-one.cut {background:#D1C0A5 url(../css-img/one1.png) no-repeat 6% center;color:#fff}
.pn-list li .pn-tit-two.cur,.pn-list li .pn-tit-three.cut,.pn-list li .pn-tit-four.cur,.pn-list li .pn-tit-five.cur {color:#D1C0A5}
.pn-list li .pn-con-two {display:none;background:#fafafa;}
.pn-list li .pn-tit-two {width:100%;height:50px;line-height:50px;overflow:hidden;display:block;font-size:14px;color:#666;padding:0 2% 0 15%;background:#ffffff url(../css-img/two0.png) no-repeat 6% center;border:1px solid #e6e6e6;transition:color .3s}
.pn-list li .pn-tit-two.cut {background:#ffffff url(../css-img/two1.png) no-repeat 6% center;}
.pn-list li .pn-con-two {width:100%;padding:16px 2% 20px 23%;display:none}
.pn-list li .pn-tit-three {display:block;width:100%;font-size:13px;color:#666;line-height:30px;height:30px;overflow:hidden}
.pn-list::-webkit-scrollbar {width:4px;background-color:#D1C0A5;border-radius:50px;}
.pn-list::-webkit-scrollbar-track {border-radius:50px;background-color:#D1C0A5}
.pn-list::-webkit-scrollbar-thumb {border-radius:50px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:#fff}
.pn-list li .font-blod {font-weight:bold;}
.pn-list li .pn-con-three {width:100%;padding:8px 0;display:none;}

/*栏目Banner*/
#bann{height:8.8rem;color:#fff;background-size:cover;background-position: center;background-repeat: no-repeat;position: relative;}
#bann .bann_title{padding-top: 1.9rem;}
#bann .t1{font-size:1.05rem;text-align:center;margin-bottom:.25rem; color:#D1C0A5;}
#bann .t2{margin-bottom:10px;text-align:center;font-size: .3rem; color:#D1C0A5;}
#bann .t2 span{position: relative;}
#bann .t2 span:after{content:"";position:absolute;left:0%;top:50%;width:120px;height:1px;margin-left:-150px;background:rgba(255,255,255,.2);}
#bann .t2 span:before{content:"";position:absolute;right:0%;top:50%;width:120px;height:1px;margin-right:-150px;background:rgba(255,255,255,.2);}
#bann .t3{font-size:.2rem;text-align:center;margin-top: 0.9rem;line-height: 1.8;}
#bann .t3:before{content:"";position:absolute;left:0; right:0; margin:auto; top:-.5rem;width:.55rem;height:3px;background:#D1C0A5;}

#bann .bann_box {position: absolute; width: 5.67rem; height: 1.14rem; background-color: rgba(0,0,0,.4); border-radius: .1rem; bottom: 1.62rem; padding: .16rem .37rem 0;}
#bann .bann_box>div{ color: #FFFFFF; font-size: .2rem;}
#bann .bann_box>div:nth-child(2){  margin-top: .08rem;}
#bann .bann_box>div input{ width: 3.42rem; height: .44rem; padding: .14rem; border: none; border-radius: .1rem; margin-right: .2rem;}
#bann .bann_box>div .btn{ width: 1.48rem; height: .44rem; border-radius: .1rem; cursor:pointer; background: #C7B79D; color: #000000; font-size: .16rem; border: none; padding:0;}
#bann .bann_box>div .btn i{display: block;background: url(../css-img/bann_btn_icon.svg) center no-repeat; width: .2rem;height: .2rem; margin-right:.03rem;}
#bann .bann_box2 {position: absolute; bottom: 1.62rem; width: 2.46rem; }
#bann .bann_box2 .bann_btn {display:block; width: 2.46rem; height: .76rem; background: linear-gradient(180deg, #D1BFA5 0%, #B28C54 100%); border-radius: .38rem; font-size: .3rem; line-height: 2.5; text-align: center; font-weight: bolder; color: #333233 }

/*系统开发*/
#product_system.bodyinner { background: #383838; }
#product_system .panel-title, #product_system .panel-subtitle { color: #FFFFFF; }
.product_system1 ul li{ width: 3.86rem; height: 5.4rem;margin-right: .2rem;display: block; margin-bottom: .2rem; color:#ffffff; }
.product_system1 ul li:nth-child(3n+0){ margin-right: 0;}
.product_system1 ul li a{position: relative; display: block; height: 5.4rem;padding: .4rem; background-color: rgba(0,0,0,.5);}
.product_system1 ul li a .icon{margin-top:.2rem; margin-bottom: .15rem;}
.product_system1 ul li a h1{font-size: .3rem; font-weight: bolder; text-align: center; position: relative;margin-bottom: .5rem;}
.product_system1 ul li a h1:after{content: ""; background-color: #FFFFFF; width: .5rem; height: 4px; border-radius: 2px; position: absolute; left:50%; margin-left:-.25rem; bottom:-.3rem;}
.product_system1 ul li a h2{margin-top:.9rem; font-size: .2rem;}
.product_system1 ul li a .more{position: absolute; bottom: 0.2rem; left: 50%; margin-left: -0.45rem; width:.9rem; height:.9rem; background: url(../css-img/more_arrow.svg) center / 50% 50% no-repeat; transition:all 0.4s ease-in 0s;-webkit-transition:all 0.4s ease-in 0s;-moz-transition:all 0.4s ease-in 0s;-o-transition:all 0.4s ease-in 0s;}
.product_system1 ul li a:hover .more{background: url(../css-img/more_arrow_.svg) center / 50% 50% no-repeat; background-color: #D0BFA4; border-radius: 50%;transition:all 0.4s ease-in 0s;-webkit-transition:all 0.4s ease-in 0s;-moz-transition:all 0.4s ease-in 0s;-o-transition:all 0.4s ease-in 0s;}
.product_system1 ul li:nth-last-child(1),#product_system .product_system1 ul li:nth-last-child(2),#product_system .product_system1 ul li:nth-last-child(3){margin-bottom: 0;}
.product_system2{background: url(../css-img/bannerbox_bg3.svg) top/cover no-repeat;}
.product_system2 ul li{text-align: center; color:#FFFFFF; background-color: #1B1B1C;}
.product_system2 ul li.active{width:4.24rem; margin: 0 .48rem; border: 4px solid #D1C0A5;}
.product_system2 ul li h1{ font-size: .3rem;padding:.58rem 0 .2rem;}
.product_system2 ul li h2{ font-size: .24rem;padding:.43rem 0 .2rem;}
.product_system2 ul li p{line-height: 2.5; padding-bottom: .43rem;}
.product_system4 ul {height: 5.13rem; background-color: #222222; padding-left: 9.2rem; position: relative;}
.product_system4 ul li {width: 1.4rem; color: #FFFFFF; position: static;}
.product_system4 ul li #icon {display: block;}
.product_system4 ul li #icon_ {display: none;}
.product_system4 ul li .content{position: absolute; width:9.2rem; height:5.13rem;left:0;top:0; display: none; color: #FFFFFF; }
.product_system4 ul li .content div{background-color: rgba(0,0,0,.5); padding: 0 .4rem; width:100%; height:100%; display: inline-block;}
.product_system4 ul li .content div h1{font-size: .3rem; margin: .4rem 0; font-weight: bolder;}
.product_system4 ul li .content div h2{font-size: .2rem; margin: .4rem 0 .2rem; font-weight: bold;}
.product_system4 ul li .content div p{font-size: .16rem; margin-bottom: .1rem;}
.product_system4 ul li.active {background-color: #D1C0A5; color:#000000;}
.product_system4 ul li.active #icon {display: none;}
.product_system4 ul li.active #icon_ {display: block;}
.product_system4 ul li.active .content{display: block;}
.product_system5{padding-bottom: .8rem;}
.product_system5 .divimg{position:relative;}
.product_system5 .divimg::before{
  content:"";
  position:absolute;inset:0;
  background:linear-gradient(105deg, rgba(12,16,28,.88) 0%, rgba(12,16,28,.55) 48%, rgba(12,16,28,.18) 100%);
  border-radius:inherit;
  pointer-events:none;
}
.product_system5 .promise-copy{
  position:absolute;left:0;right:0;top:0;bottom:0;
  z-index:1;
  padding:.36rem .32rem .3rem;
  display:flex;flex-direction:column;justify-content:flex-end;
  box-sizing:border-box;
}
.product_system5 .promise-copy h3{
  margin:0 0 .12rem;
  font-size:.32rem;font-weight:700;line-height:1.2;color:#fff;
  letter-spacing:.02em;
}
.product_system5 .promise-copy p{
  margin:0 0 .2rem;
  font-size:.16rem;line-height:1.55;color:rgba(255,255,255,.9);
}
.product_system5 .promise-copy em{
  font-style:normal;
  font-size:.13rem;color:rgba(209,192,165,.95);
  letter-spacing:.04em;
}
.product_system5 .container>div:nth-child(2) .promise-copy{
  padding-bottom:.42rem;
}
.product_system5 .container>div:nth-child(2) .promise-copy h3{font-size:.36rem;}
.product_system5 .container>div:nth-child(2) .promise-copy p{font-size:.17rem;margin-bottom:.28rem;}
.product_system6{
  padding: .2rem 0 1rem;
  min-height: auto;
  height: auto;
  background: url(../css-img/bannerbox_bg6.svg) center/cover no-repeat;
}
.product_system6 .panel-title,
.product_system6 .panel-subtitle{color:#fff;}
.product_system6 ul.flow-steps{
  display:flex;
  flex-wrap:nowrap;
  justify-content:space-between;
  align-items:stretch;
  gap:.14rem;
  padding:.2rem 0 .4rem;
  margin:0 auto;
  list-style:none;
  position:relative;
}
.product_system6 ul.flow-steps::before{
  content:"";
  position:absolute;
  left:4%;
  right:4%;
  top:.58rem;
  height:2px;
  background:linear-gradient(90deg, transparent, rgba(209,192,165,.55), transparent);
  z-index:0;
}
.product_system6 ul.flow-steps::after{display:none !important; content:none !important;}
.product_system6 ul.flow-steps li{
  flex:1;
  width:auto;
  max-width:none;
  position:relative;
  z-index:1;
  height:auto;
  min-height:2.6rem;
  margin:0;
  padding:.7rem .08rem .2rem;
  text-align:center;
  box-sizing:border-box;
  display:flex;
  flex-direction:column;
  align-items:center;
}
.product_system6 ul.flow-steps li:after{display:none !important;}
.product_system6 ul.flow-steps li i{display:none !important;}
.product_system6 ul.flow-steps .step-num{
  display:block;
  width:.42rem;
  height:.42rem;
  line-height:.42rem;
  margin:0 auto .18rem;
  border-radius:50%;
  background:linear-gradient(180deg,#E8D8BE 0%,#B28C54 100%);
  color:#2a241c;
  font-size:.14rem;
  font-weight:700;
  text-align:center;
  box-shadow:0 0 0 4px rgba(20,20,20,.45);
}
.product_system6 ul.flow-steps h4{
  display:block;
  width:fit-content;
  max-width:100%;
  margin:0 auto .12rem;
  padding:.06rem .12rem;
  border-radius:.2rem;
  background:rgba(255,255,255,.96);
  color:#222;
  font-size:.15rem;
  font-weight:700;
  line-height:1.2;
  white-space:nowrap;
  box-sizing:border-box;
}
.product_system6 ul.flow-steps p{
  display:block;
  margin:0 auto;
  width:100%;
  max-width:1.35rem;
  padding:.12rem .08rem;
  border-radius:.12rem;
  background:rgba(255,255,255,.94);
  color:#333;
  font-size:.13rem;
  line-height:1.55;
  box-shadow:0 8px 20px rgba(0,0,0,.18);
  transition:transform .22s ease, background .22s ease, box-shadow .22s ease;
}
.product_system6 ul.flow-steps li:hover h4{
  background:#D1C0A5;
  color:#1f1a14;
}
.product_system6 ul.flow-steps li:hover p{
  transform:translateY(-4px);
  background:#D1C0A5;
  box-shadow:0 12px 28px rgba(0,0,0,.28);
}
.product_system6 ul.flow-steps li:hover .step-num{
  transform:scale(1.06);
}

/*移动应用*/
#product_mobile.bodyinner { background: #383838; }
.product_mobile1 {
  background: #f7f5f1;
  padding: .2rem 0 .7rem;
}
.product_mobile1 .panel-title { color:#222; }
.product_mobile1 .panel-subtitle { color:#666; }
.product_mobile1 .pm-sol-grid{
  display:flex;
  justify-content:space-between;
  gap:.2rem;
  list-style:none;
  margin:0 auto;
  padding:.2rem 0 .1rem;
}
.product_mobile1 .pm-sol-grid>li{
  flex:1;
  margin:0;
}
.product_mobile1 .pm-sol-card{
  height:2.9rem;
  border-radius:.16rem;
  background:#fff;
  box-shadow:0 8px 24px rgba(0,0,0,.06);
  border:1px solid rgba(0,0,0,.04);
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:.28rem .18rem;
  box-sizing:border-box;
  transition:transform .25s ease, box-shadow .25s ease, background .25s ease, color .25s ease;
}
.product_mobile1 .pm-sol-card i{
  width:.56rem;
  height:.56rem;
  margin-bottom:.16rem;
  background-size:contain !important;
  background-position:center !important;
  background-repeat:no-repeat !important;
}
.product_mobile1 .pm-sol-card .i-normal{display:block;}
.product_mobile1 .pm-sol-card .i-active{display:none;}
.product_mobile1 .pm-sol-card strong{
  display:block;
  font-size:.26rem;
  font-weight:700;
  color:#222;
  margin-bottom:.1rem;
}
.product_mobile1 .pm-sol-card p{
  margin:0;
  font-size:.14rem;
  line-height:1.55;
  color:#666;
}
.product_mobile1 .pm-sol-card:hover{
  transform:translateY(-6px);
  background:#1b1b1c;
  box-shadow:0 16px 36px rgba(0,0,0,.22);
}
.product_mobile1 .pm-sol-card:hover .i-normal{display:none;}
.product_mobile1 .pm-sol-card:hover .i-active{display:block;}
.product_mobile1 .pm-sol-card:hover strong,
.product_mobile1 .pm-sol-card:hover p{color:#fff;}

.product_mobile2 {padding: .3rem 0 1.1rem;}
.product_mobile2 .panel-title, .product_mobile2 .panel-subtitle {color: #FFFFFF;}
.product_mobile2 .pm-svc-grid{
  display:flex;
  justify-content:space-between;
  gap:.2rem;
  list-style:none;
  margin:0 auto;
  padding:.15rem 0 0;
}
.product_mobile2 .pm-svc-grid>li{
  flex:1;
  margin:0;
  height:3.2rem;
  border-radius:.16rem;
  overflow:hidden;
  background-size:cover;
  background-position:center;
  position:relative;
  box-shadow:0 10px 28px rgba(0,0,0,.28);
  transition:transform .25s ease, box-shadow .25s ease;
}
.product_mobile2 .pm-svc-grid>li::before{
  content:"";
  position:absolute;inset:0;
  background:linear-gradient(180deg, rgba(10,12,18,.35) 0%, rgba(10,12,18,.78) 100%);
}
.product_mobile2 .pm-svc-grid>li:hover{
  transform:translateY(-6px);
  box-shadow:0 18px 40px rgba(0,0,0,.38);
}
.product_mobile2 .pm-svc-grid>li:hover::before{
  background:linear-gradient(180deg, rgba(20,16,10,.4) 0%, rgba(40,30,18,.82) 100%);
}
.product_mobile2 .pm-svc-card{
  position:relative;
  z-index:1;
  height:100%;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  color:#fff;
  padding:.3rem .24rem;
  box-sizing:border-box;
}
.product_mobile2 .pm-svc-card i{
  display:block;
  width:.52rem;
  height:.52rem;
  margin-bottom:.14rem;
  background-size:contain;
  background-position:center;
  background-repeat:no-repeat;
}
.product_mobile2 .pm-svc-card h3{
  margin:0 0 .12rem;
  font-size:.3rem;
  font-weight:700;
  letter-spacing:.02em;
}
.product_mobile2 .pm-svc-card p{
  margin:0;
  font-size:.14rem;
  line-height:1.7;
  color:rgba(255,255,255,.9);
}
ul.service_box1 li,ul.service_box1 li>div,ul.service_box1 li>a {width: 3.87rem; height: 3.03rem;}
ul.service_box1 li {color: #FFFFFF;}
ul.service_box1 li i{ width:.52rem; height:.52rem; margin-top: .45rem;}
ul.service_box1 li .service_box1-title{font-size: .3rem; margin-top: .18rem; font-weight: bold;}
ul.service_box1 li .service_box1-content{font-size: .14rem; margin-top: .2rem; line-height: 2;}
.product_mobile3 {padding-top: .7rem;}
.product_mobile4 {
  background: #f7f5f1;
  padding: .3rem 0 .8rem;
}
.product_mobile4 .panel-title { color:#222; }
.product_mobile4 .panel-subtitle { color:#666; }
.product_mobile4 .pm-mp-grid{
  display:flex; gap:.2rem; list-style:none; margin:0 auto; padding:.2rem 0 0;
}
.product_mobile4 .pm-mp-grid>li{ flex:1; margin:0; }
.product_mobile4 .pm-mp-card{
  height:3.55rem;
  border-radius:.16rem;
  padding:.36rem .2rem .28rem;
  box-sizing:border-box;
  text-align:center;
  color:#fff;
  background:linear-gradient(160deg,#2a2a2e 0%,#151518 100%);
  box-shadow:0 12px 28px rgba(0,0,0,.18);
  transition:transform .25s ease, box-shadow .25s ease, background .25s ease;
}
.product_mobile4 .pm-mp-card i{
  display:block; width:.56rem; height:.56rem; margin:0 auto .18rem;
  background-size:contain; background-position:center; background-repeat:no-repeat;
  border-radius:50%;
  background-color:rgba(209,192,165,.16);
}
.product_mobile4 .pm-mp-card h3{
  margin:0 0 .16rem; font-size:.28rem; font-weight:700; letter-spacing:.02em;
}
.product_mobile4 .pm-mp-card p{
  margin:0; font-size:.14rem; line-height:1.7; color:rgba(255,255,255,.86);
}
.product_mobile4 .pm-mp-card:hover{
  transform:translateY(-6px);
  background:linear-gradient(160deg,#3a3228 0%,#1c1812 100%);
  box-shadow:0 18px 36px rgba(0,0,0,.28);
}
.product_mobile4 .pm-mp-card:hover i{ background-color:rgba(209,192,165,.28); }

.product_mobile5 { padding:.4rem 0 .9rem; }
.product_mobile5 .panel-title, .product_mobile5 .panel-subtitle {color: #FFFFFF;}
.product_mobile5 .pm-h5-grid{
  display:flex; gap:.2rem; list-style:none; margin:0 auto .4rem; padding:.15rem 0 0;
}
.product_mobile5 .pm-h5-grid>li{ flex:1; margin:0; }
.product_mobile5 .pm-h5-card{
  min-height:2.6rem;
  border-radius:.16rem;
  padding:.34rem .18rem .28rem;
  box-sizing:border-box;
  text-align:center;
  color:#fff;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.1);
  transition:transform .25s ease, background .25s ease, border-color .25s ease;
}
.product_mobile5 .pm-h5-card i{
  display:block; width:.52rem; height:.52rem; margin:0 auto .16rem;
  background-size:contain; background-position:center; background-repeat:no-repeat;
}
.product_mobile5 .pm-h5-card h3{
  margin:0 0 .12rem; font-size:.22rem; font-weight:700;
}
.product_mobile5 .pm-h5-card h3:after{
  content:""; display:block; width:.4rem; height:2px; margin:.12rem auto 0;
  background:#D1C0A5;
}
.product_mobile5 .pm-h5-card p{
  margin:0; font-size:.14rem; line-height:1.65; color:rgba(255,255,255,.82);
}
.product_mobile5 .pm-h5-card:hover{
  transform:translateY(-5px);
  background:rgba(209,192,165,.14);
  border-color:rgba(209,192,165,.45);
}

ul.service_box2 li,ul.service_box2 li>div,ul.service_box2 li>a {width: 2.85rem; height: 3.65rem; background-color: #222222;}
ul.service_box2 li {color: #FFFFFF;}
ul.service_box2 li i{ width:.52rem; height:.52rem; margin-top: .45rem;}
ul.service_box2 li .service_box2-title{font-size: .3rem; margin-top: .18rem; font-weight: bold;}
ul.service_box2 li .service_box2-content{font-size: .14rem; margin-top: .4rem; line-height: 2;}
ul.service_box3 li,ul.service_box3 li>div,ul.service_box3 li>a {width: 2.85rem;}
ul.service_box3 li i{ width:.52rem; height:.52rem; margin-top: .45rem;}
ul.service_box3 li .service_box3-title{font-size: .24rem; margin-top: .18rem; color: #FFFFFF;}
ul.service_box3 li .service_box3-title:after{content: ""; width:80%; border-bottom: 1px solid #FFFFFF;position: absolute;left: 10%;top: .6rem;}
ul.service_box3 li .service_box3-content{font-size: .24rem; margin-top: .4rem; line-height: 2; color: #FFFFFF;}
.product_mobile6 { }
.product_mobile6 .panel-title, .product_mobile6 .panel-subtitle {color: #FFFFFF;}
.product_mobile7 { }
.product_mobile7 .panel-title, .product_mobile7 .panel-subtitle {color: #FFFFFF;}
.product_mobile8 { }
.product_mobile8 .panel-title, .product_mobile8 .panel-subtitle {color: #FFFFFF;}
.product_mobile9 .pm-news-card{
  border-radius:.14rem;
  overflow:hidden;
  box-shadow:0 10px 28px rgba(0,0,0,.22);
  transition:transform .25s ease, box-shadow .25s ease;
}
.product_mobile9 .pm-news-card:hover{
  transform:translateY(-4px);
  box-shadow:0 16px 36px rgba(0,0,0,.3);
}
.product_mobile9 .pm-news-card>span{
  border-radius:0 0 .08rem 0;
  background:rgba(255,255,255,.92) !important;
  color:#333;
  font-size:.14rem;
}

/*客户案例*/
#cases {background-color: #F4F4F5; padding-bottom: 0;}
.back-box-inline {padding-top: .4rem;}
.back-box-inline li,.back-box-inline li>div,.back-box-inline li>a {width:1.84rem; height:1.84rem; }
.back-box-inline li,
.back-box-inline li span {  display: block; color:#333233; background-color:#EEEEEE; font-size: .24rem; margin-bottom: .2rem; }
.back-box-inline li:hover,
.back-box-inline li:hover span {color:#fff; background-color:#1B1B1C; }
.back-box-inline li i{ width:.52rem; height:.52rem; margin-bottom: .2rem;}
.back-box-inline li .i-normal { display: block;}
.back-box-inline li .i-active { display: none;}
.back-box-inline li:hover .i-normal { display: none;}
.back-box-inline li:hover .i-active { display: block; background-color: transparent;}

#cases .panel-subtitle { color:#666; margin-top: -.2rem; margin-bottom: .2rem; }
#cases .cases-filter {
  width: 12rem;
  margin: .2rem auto .1rem;
  display: flex;
  gap: .16rem;
  justify-content: space-between;
  align-items: stretch;
}
#cases .cases-filter li {
  flex: 1;
  margin: 0;
  list-style: none;
}
#cases .cases-filter .cases-filter-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 1.4rem;
  border-radius: .12rem;
  background: #fff;
  box-shadow: 0 8px 24px rgba(0,0,0,.04);
  color: #333233;
  transition: all .35s ease;
  border: 1px solid transparent;
}
#cases .cases-filter .cases-filter-item i {
  width: .42rem;
  height: .42rem;
  margin-bottom: .1rem;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: block;
}
#cases .cases-filter li:hover .cases-filter-item i,
#cases .cases-filter li.active .cases-filter-item i {
  filter: invert(1) brightness(1.6);
}
#cases .cases-filter .cases-filter-item span {
  font-size: .16rem;
  font-weight: 500;
}
#cases .cases-filter li:hover .cases-filter-item,
#cases .cases-filter li.active .cases-filter-item {
  background: #1B1B1C;
  color: #fff;
  border-color: #D1C0A5;
  transform: translateY(-4px);
  box-shadow: 0 12px 28px rgba(0,0,0,.18);
}
#cases .cases-filter li:hover .cases-filter-item span,
#cases .cases-filter li.active .cases-filter-item span {
  color: #D1C0A5;
}

#cases .cases-items {
  width: 12rem;
  display: flex;
  flex-wrap: wrap;
  padding-top: .45rem;
  margin: 0 auto;
}
#cases .cases-items li {
  width: 32%;
  margin-right: 2%;
  display: block;
  color: #333233;
  margin-bottom: .28rem;
}
#cases .cases-items li:nth-child(3n){ margin-right: 0; }
#cases .cases-items li a,
#cases .cases-items li .cases-card {
  display: block;
  background: #fff;
  border-radius: .14rem;
  overflow: hidden;
  box-shadow: 0 10px 28px rgba(0,0,0,.05);
  transition: transform .35s ease, box-shadow .35s ease;
  color: inherit;
}
#cases .cases-items li a:hover,
#cases .cases-items li .cases-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 18px 40px rgba(0,0,0,.12);
}
#cases .cases-items li a .divimg {
  height: 2.2rem;
  width: 100%;
  margin-bottom: 0;
  background-size: cover !important;
  background-position: center !important;
  transition: transform .45s ease;
}
#cases .cases-items li a:hover .divimg {
  transform: scale(1.04);
}
#cases .cases-card-body,
#cases .cases-items li a > .inline {
  padding: .22rem .2rem .26rem;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: .12rem;
}
#cases .cases-items li a p {
  font-size: .18rem;
  font-weight: 600;
  line-height: 1.45;
  color: #222;
  margin: 0;
  flex: 1;
}
#cases .cases-items li a span {
  flex-shrink: 0;
  font-size: .13rem;
  line-height: 1;
  padding: .08rem .12rem;
  border-radius: .06rem;
  background: rgba(209,192,165,.22);
  color: #8a734f;
  white-space: nowrap;
}
#cases .fenye,
#news .fenye,
.fenye { display: none !important; }

#cases .cases-other {
  background: #1B1B1C;
  margin-top: .3rem;
  padding-bottom: .7rem;
}
#cases .cases-other .panel-title,
#cases .cases-other .panel-subtitle { color: #fff; }
#cases .cases-other .panel-subtitle { color: rgba(255,255,255,.65); }
#cases .cases-other .cases-other_box {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#cases .cases-other .cases-other_box div {
  height: 2rem;
  width: calc(50% - .12rem);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  margin-bottom: .24rem;
  margin-left: 0 !important;
  border-radius: .14rem;
  overflow: hidden;
  position: relative;
  box-shadow: 0 12px 30px rgba(0,0,0,.25);
  transition: transform .35s ease, box-shadow .35s ease;
}
#cases .cases-other .cases-other_box div::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(0,0,0,.05) 30%, rgba(0,0,0,.55) 100%);
  pointer-events: none;
}
#cases .cases-other .cases-other_box div:hover {
  transform: translateY(-5px);
  box-shadow: 0 18px 40px rgba(0,0,0,.35);
}
#cases .cases-other .cases-other_box div i {
  position: absolute;
  left: .2rem;
  bottom: .2rem;
  z-index: 1;
  display: inline-block;
  padding: .1rem .16rem;
  font-size: .18rem;
  font-style: normal;
  background: rgba(209,192,165,.92);
  color: #1B1B1C;
  border-radius: .08rem;
  min-width: auto;
  text-align: center;
  font-weight: 600;
}
#cases .cases-other .cases-other_box div:nth-child(4n-1),
#cases .cases-other .cases-other_box div:nth-child(4n-2) {
  width: calc(50% - .12rem);
}

/*客户案例详情*/
#cases_dt .solution-detail {padding:0 40px;margin:30px 0 60px;background-color:#fff;}
#cases_dt .solution-detail .title {font-size:30px;line-height:30px;border-bottom:1px solid #eee;padding:40px 0 30px;}
#cases_dt .solution-detail .title span{font-size:14px;line-height: 22px;color: #777777;margin: 0 0 0 50px;}
#cases_dt .solution-detail .content {padding:30px 0;}
#cases_dt .solution-detail .content img {max-width:100%;}
#cases_dt .solution-detail .detail-bottom {padding:30px 40px;border-top:1px solid #eee;}
#cases_dt .solution-detail .detail-bottom .pg {font-size:.24rem; padding: 0 .5rem;line-height:.7rem; border-radius: .35rem; background: #D1C0A5; color:#333233; margin: auto .5rem;}
#cases_dt .solution-detail .detail-bottom .pg:hover .item {color:#FFFFFF;}
#cases_dt .solution-detail .detail-bottom .back {width:130px;height:40px;line-height:40px;font-size:14px;color:#999;border:1px solid #ddd;text-align:center;display:block;}
#cases_dt .in4 {background: url(../css-img/bannerbox_bg5.svg) center / cover no-repeat; background-position: center top; background-color: #383838; padding-bottom: .4rem;}

/*服务策略*/
#service .policy-box {padding:0.4rem;margin-top:50px;margin-bottom:50px;box-shadow:0px 8px 36.8px 3.2px rgba(0,0,7,0.08);}
#service .policy-box .title-box {padding-bottom:0.3rem;}
#service .policy-box .title-box .tt {font-size:20px;line-height:20px;}
#service .policy-box .title-box .desc {font-size:14px;line-height:24px;margin-top:0.2rem;}
#service .policy-box .content .cont {padding-top:0.4rem;font-size:14px;}
#service .policy-box .content .cont .tt {font-size:14px;margin-bottom:0.2rem;}

/*营销网络*/
#market .box{margin-top:50px;margin-bottom:50px;padding:40px 0;box-shadow:0px 8px 36.8px 3.2px rgba(0,0,7,0.08)}
#market .box.flexBetween{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}
#market .box .boxLeft{width:23%;-webkit-box-sizing:border-box;box-sizing:border-box;padding-left:0.64rem;padding-top:0.32rem;padding-bottom:0.32rem;border-right:2px solid #eee;position:relative}
#market .box .boxLeft ul li{cursor:pointer;position:relative}
#market .box .boxLeft ul li .flexStart{display:-webkit-box;display:-ms-flexbox;display:flex;display:-webkit-flex;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}
#market .box .boxLeft ul li > span{position:absolute;top:50%;right:0;border:10px solid transparent;border-left-color:#eee;display:block;-webkit-transform:translateX(100%) translateY(-50%);-ms-transform:translateX(100%) translateY(-50%);transform:translateX(100%) translateY(-50%);-webkit-transition:0.4s;-o-transition:0.4s;transition:0.4s;opacity:0}
#market .box .boxLeft ul li > span::after{content:'';position:absolute;top:-8px;left:-11px;z-index:1;border:8px solid transparent;border-left-color:#ffffff}
#market .box .boxLeft ul li:not(:last-child){margin-bottom:20px}
#market .box .boxLeft ul li .text{font-size:20px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-transition:0.4s;-o-transition:0.4s;transition:0.4s}
#market .box .boxLeft ul .active > span{opacity:1}
#market .box .boxLeft ul .active .text{color:#D1C0A5;font-weight:500}
#market .box .boxRight{width:77%;-webkit-box-sizing:border-box;box-sizing:border-box;padding-top:0.32rem;padding-bottom:0.32rem;padding-left:1.28rem;padding-right:1rem}
#market .box .boxRight .main .toggMain{display:none}
#market .box .boxRight .main .toggMain .bot h6{font-size:24px}
#market .box .boxRight .main .toggMain .bot div{margin-top:40px}
#market .box .boxRight .main .toggMain .bot div p{font-size:18px;padding-left:35px}
#market .box .boxRight .main .toggMain .bot div p:not(:last-child){margin-bottom:20px}
#market .box .boxRight .main .toggMain .bot p.add{background:url(../css-img/add.png) top 2px left no-repeat}
#market .box .boxRight .main .toggMain .bot p.sale{background:url(../css-img/sale.png) top 2px left no-repeat}
#market .box .boxRight .main .toggMain .bot p.tech{background:url(../css-img/tech.png) top 2px left no-repeat}
#market .box .boxRight .main .toggMain .bot p.mail{background:url(../css-img/mail1.png) top 2px left no-repeat}
#market .box .boxRight .main .toggMain .bot p.fax{background:url(../css-img/fax.png) top 2px left no-repeat}
#market .box .boxRight .main .active{display:block}

/*资料下载*/
#download .select {width:260px;height:48px;float:left;border:1px #eee solid;background-image:url(../css-img/munder.png);background-repeat:no-repeat;background-position:right 30px center;background-size:13px 8px;}
#download .select select {width: 260px;background-color:transparent;border:0;font-size:18px;line-height:48px;height:48px;}
#download .select select option {border: 1px solid #eee;position: relative;top:46px;height: 30px;z-index:10;}
#download .down_1_left {float:left;font-size:35px;line-height:35px;color:#000;}
#download .down_1_left span{font-size:16px;margin-top: 1px;color: #6c6c6c;font-family: Arial, Helvetica, sans-serif;}
#download .down_1_right {float:right;width:800px;margin-top:20px;}
#download .down_1_right ul li {float:right;width:380px;border:1px #eee solid;height:48px;position:relative;}
#download .down_btn {border:none;background:none;background-image:url(../css-img/img09.png);cursor:pointer;position:absolute;right:0;top:0;height:100%;background-position:center;background-repeat:no-repeat;width:50px;background-color:#D1C0A5;}
#download .down_form {padding-left:15px;padding-right:65px;}
#download .down_form input {border:none;width:100%;height:48px;line-height:48px;font-size:18px;color:#000;background:none;}
#download .down_1 {margin-top:50px;margin-bottom:0px;}
#download .down_2 {margin-top:50px;margin-bottom:50px;}
#download .down_2 ul li {width:100%;clear:both;overflow:hidden;border-bottom:1px #d9d9d9 solid;}
#download .down_2 ul li.down_2_1 {border:none;background-color:#f5f5f5;line-height:60px;color:#000;font-size:24px;}
#download .down_2_1_left {float:left;margin-left:30px;}
#download .down_2_1_right {float:right;margin-right:30px;}
#download .down_2_2 {padding:35px 0px 20px 0px;}
#download .down_2_2_left {margin-left:30px;float:left;font-size:20px;color:#000;background-image: url(../css-img/download.png);background-position:left center;background-repeat:no-repeat;padding-left:38px;}
#download .down_2_2_left2 {font-size:20px;color:#666;padding-left:20px;margin-left:20px;display:inline-block;background-position:left center;background-repeat:no-repeat;background-image:url(../css-img/img07.png);}
#download .down_2_2_right {float:right;display:inline-block;border:1px #ccc solid;line-height:30px;font-size:18px;color:#000;padding:0 36px;}

/*合作伙伴*/
#partner .partner_sec{margin:80px auto}
#partner .partner_list li{float:left;width:calc((100% - 340px) / 6);margin-right:68px;margin-top:54px}
#partner .partner_list li:nth-child(6n){margin-right:0}
#partner .partner_list li:nth-child(6n + 1){clear:both}
#partner .partner_list li:nth-child(-n + 6){margin-top:0px}
#partner .partner_list li .img{border:solid 1px #f5f5f5;box-shadow:0px 0px 9px 1px rgba(0,0,0,0.04);cursor:pointer;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;transition:all .4s ease-in-out}
#partner .partner_list li:hover .img{box-shadow:0 15px 20px rgba(80,100,140,.1),0 4px 10px rgba(80,100,140,.1);transform:translateY(-10px)}
#partner .partner_list li p{font-size:16px;line-height:28px;color:#333;margin-top:18px;text-align:center}

/*新闻中心*/
#news {padding: .5rem 0 .8rem; background: #F4F4F5;}
#news .container {background: transparent; border-radius: 0; padding: 0;}
#news .panel-subtitle { color:#666; margin-top: -.15rem; margin-bottom: .15rem; }
#news .news-filter {
  width: 12rem;
  margin: .15rem auto .35rem;
  display: flex;
  gap: .16rem;
  justify-content: space-between;
}
#news .news-filter li { flex: 1; list-style: none; }
#news .news-filter .news-filter-item {
  display: flex;
  align-items: center;
  justify-content: center;
  height: .72rem;
  border-radius: .12rem;
  background: #fff;
  box-shadow: 0 8px 24px rgba(0,0,0,.04);
  color: #333233;
  font-size: .16rem;
  font-weight: 500;
  transition: all .35s ease;
  border: 1px solid transparent;
}
#news .news-filter li:hover .news-filter-item,
#news .news-filter li.active .news-filter-item {
  background: #1B1B1C;
  color: #D1C0A5;
  border-color: #D1C0A5;
  transform: translateY(-3px);
  box-shadow: 0 12px 28px rgba(0,0,0,.16);
}
#news .news-list { width: 12rem; margin: 0 auto; }
#news .news-list > li {
  padding: 0;
  margin-bottom: .28rem;
  overflow: visible;
  list-style: none;
}
#news .news-card {
  display: flex;
  align-items: stretch;
  background: #fff;
  border-radius: .14rem;
  overflow: hidden;
  box-shadow: 0 10px 28px rgba(0,0,0,.05);
  transition: transform .35s ease, box-shadow .35s ease;
  color: inherit;
}
#news .news-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 18px 40px rgba(0,0,0,.12);
}
#news .news-card .N-pic {
  width: 3.6rem;
  flex-shrink: 0;
  height: auto;
  min-height: 2.2rem;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  border-radius: 0;
  transition: transform .45s ease;
}
#news .news-card:hover .N-pic { transform: scale(1.03); }
#news .news-card .N-note {
  flex: 1;
  padding: .28rem .36rem .28rem .32rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
#news .news-card .news-tag {
  display: inline-block;
  align-self: flex-start;
  font-size: .13rem;
  line-height: 1;
  padding: .08rem .12rem;
  border-radius: .06rem;
  background: rgba(209,192,165,.22);
  color: #8a734f;
  margin-bottom: .14rem;
  font-weight: 600;
}
#news .news-card .N-note h4 {
  font-size: .22rem;
  color: #222;
  margin-bottom: .1rem;
  font-weight: 700;
  line-height: 1.4;
}
#news .news-card .N-note h5 {
  font-size: .14rem;
  color: #999;
  margin-bottom: .12rem;
  font-weight: 400;
}
#news .news-card .N-note > p {
  color: #666;
  margin: 0 0 .18rem;
  font-size: .15rem;
  line-height: 1.55;
  height: auto;
  max-height: .5rem;
  overflow: hidden;
}
#news .news-card .more {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .08rem;
  width: auto;
  min-width: 1.4rem;
  height: .4rem;
  padding: 0 .2rem;
  border: 1px solid rgba(209,192,165,.7);
  border-radius: .2rem;
  background: transparent;
  transition: all .3s ease;
}
#news .news-card .more > p { color: #8a734f; font-size: .14rem; margin: 0; }
#news .news-card .more > i {
  background: url(../css-img/arrow_r50t.svg) center no-repeat;
  background-size: 100% auto;
  width: .2rem;
  height: .06rem;
}
#news .news-card:hover .more {
  background: #D1C0A5;
  border-color: #D1C0A5;
}
#news .news-card:hover .more > p { color: #1B1B1C; }
#news .aiAbout-news{margin:0px 0 30px;box-shadow: 0px 8px 36.8px 3.2px rgba(0, 0, 7, 0.08);padding:30px 25px 20px;position:relative;}
#news .aiAbout-news .top{line-height:28px;font-size:18px;color:#333;border-bottom:1px solid #ececec;padding-bottom:20px;}
#news .aiAbout-news .list li{padding:0 0 0 0px;position:relative;margin:20px 0 20px;}
#news .aiAbout-news .list li .name{line-height:26px;max-height:75px;color:#666666;}
#news .aiAbout-news .list li .name a{color:#777777;}
#news .aiAbout-news .list li .name:hover a{color:#D1C0A5;}
#news .aiAbout-news .list li .date{line-height:21px;font-size:12px;color:#999999;margin:5px 0 0;}
#news .aiAbout-news .list li:hover .name{color:#005fc0;}

/* 兼容旧结构列表项 */
#news .container > ul:not(.news-filter):not(.news-list):not(.pagination) > li { padding-bottom: .28rem; }
#news .container > ul:not(.news-filter):not(.news-list) > li > a.inline {
  display: flex;
  background: #fff;
  border-radius: .14rem;
  overflow: hidden;
  box-shadow: 0 10px 28px rgba(0,0,0,.05);
}
#news .container > ul:not(.news-filter):not(.news-list) > li .N-pic {
  width: 3.6rem; min-height: 2.2rem; background-size: cover !important; border-radius: 0;
}
#news .container > ul:not(.news-filter):not(.news-list) > li .N-note {
  flex: 1; padding: .28rem .32rem;
}
#news .container > ul:not(.news-filter):not(.news-list) > li .N-note h4 {
  font-size: .22rem; color: #222; font-weight: 700; margin-bottom: .1rem;
}
#news .container > ul:not(.news-filter):not(.news-list) > li .N-note h5 {
  font-size: .14rem; color: #999; margin-bottom: .12rem;
}
#news .container > ul:not(.news-filter):not(.news-list) > li .N-note > i { display: none; }
#news .container > ul:not(.news-filter):not(.news-list) > li .N-note > p {
  color: #666; font-size: .15rem; line-height: 1.55; height: auto; margin: 0 0 .18rem;
}

/*新闻详情*/
#newsdt {padding-top: .4rem; background: #f6f6f6;}
#newsdt .container {padding-bottom: .4rem;}
#newsdt .artInfo-left {flex: 1; padding: .36rem; margin-right:.2rem; background: #ffffff; border-radius: .1rem;}
#newsdt .artInfo-left .artInfo-name{margin-bottom:.18rem;font-size:.2rem;font-weight:bold;color:#333233;}
#newsdt .artInfo-left .artInfo-ab{margin-bottom:.46rem;font-size:.14rem; color:#333233;}
#newsdt .artInfo-ab span{display:inline-block;margin:0 5px;}
#newsdt .artInfo-con{line-height:32px;color:#777777;position:relative;overflow:hidden;margin:37px 0 0;}
#newsdt .artInfo-con img{max-width:100%;}
#newsdt .artInfo-page{padding:15px 3.689567430025445%;line-height:24px;color:#666666;background:#f1f1f1;margin:49px 0 0;}
#newsdt .artInfo-page .type{color:#999999;margin:0 5px 0 0;}
#newsdt .artInfo-page a{display:block;width:46%;color: inherit;}
#newsdt .artInfo-page a.fl{float: left;}
#newsdt .artInfo-page a.fl:hover{color: #D1C0A5;}
#newsdt .artInfo-page a.fr{text-align:right;float: right;}
#newsdt .artInfo-page a.fr:hover{color: #D1C0A5;}
#newsdt .artInfo-right{width:23.5%;float:right;}
#newsdt .aiAbout-about{margin:0px 0 30px;box-shadow: 0px 8px 36.8px 3.2px rgba(0, 0, 7, 0.08);padding:30px 25px 20px;position:relative;}
#newsdt .aiAbout-about>span{display:block; font-size: .17rem; margin-bottom: .19rem;}
#newsdt .aiAbout-about .btn{margin: .3rem auto; color:#333233; font-size: .15rem; border: none; background:#D1C0A5; border-radius: .22rem; width: 1.29rem; height: .37rem;}
#newsdt .aiAbout-news{margin:0px 0 30px;box-shadow: 0px 8px 36.8px 3.2px rgba(0, 0, 7, 0.08);padding:30px 25px 20px;position:relative;}
#newsdt .aiAbout-news .top{line-height:28px;font-size:18px;color:#333;border-bottom:1px solid #ececec;padding-bottom:20px;}
#newsdt .aiAbout-news .list li{padding:0 0 .2rem 0px;position:relative;margin:.2rem 0 .2rem; border-bottom: 1px solid rgba(34,34,34,.08);}
#newsdt .aiAbout-news .list li .name{line-height:26px;max-height:75px;color:#666666;}
#newsdt .aiAbout-news .list li .name a{color:#777777;}
#newsdt .aiAbout-news .list li .name:hover a{color:#D1C0A5;}
#newsdt .aiAbout-news .list li .date{line-height:21px;font-size:12px;color:#999999;margin:5px 0 0;}
#newsdt .aiAbout-news .list li:hover .name{color:#005fc0;}

/*公司概况*/
#about .panel-title, #about .panel-subtitle, #about .panel-subtitle2 {color: #FFFFFF;}
#about1 {
  background: #F4F4F5;
  padding: .7rem 0 .5rem;
}
#about1 .about1-intro {
  display: flex;
  gap: .28rem;
  align-items: stretch;
  margin-bottom: .4rem;
}
#about1 .about-box1 {
  width: 7.2rem;
  flex-shrink: 0;
  height: 4.4rem;
  overflow: hidden;
  border-radius: .14rem;
  box-shadow: 0 12px 32px rgba(0,0,0,.08);
}
#about1 .about-box1 .video-box,
#about1 .about-box1>div {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
#about1 .about-box2 {
  flex: 1;
  min-width: 0;
  height: auto;
  padding: .36rem .4rem;
  background: #fff;
  border-radius: .14rem;
  box-shadow: 0 12px 32px rgba(0,0,0,.05);
}
#about1 .about-box2 h1 {
  font-size: .3rem;
  margin-bottom: .1rem;
  font-weight: 700;
  color: #222;
}
#about1 .about-box2 h2 {
  font-size: .14rem;
  margin-bottom: .22rem;
  color: #8a734f;
  letter-spacing: .04em;
}
#about1 .about-box2 .info {
  line-height: 1.85;
  overflow-y: auto;
  height: 3.2rem;
  padding-right: .1rem;
  color: #555;
  font-size: .15rem;
}
#about1 .about-box2 .info p { margin-bottom: .16rem; }
#about1 .about-box2 .info::-webkit-scrollbar {width:5px;height:10px;background-color:#f3f4f5;}
#about1 .about-box2 .info::-webkit-scrollbar-track {background-color:#f3f4f5;}
#about1 .about-box2 .info::-webkit-scrollbar-thumb {background-color:#D1C0A5;}
#about1 .about-stats {
  display: flex;
  gap: .18rem;
  padding-bottom: .3rem;
}
#about1 .about-stats li {
  flex: 1;
  height: 2.6rem;
  border-radius: .14rem;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  position: relative;
  box-shadow: 0 10px 28px rgba(0,0,0,.1);
  transition: transform .35s ease;
}
#about1 .about-stats li:hover { transform: translateY(-5px); }
#about1 .about-stats li .about-stat-inner {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  padding-bottom: .36rem;
  background: linear-gradient(180deg, rgba(0,0,0,.1) 20%, rgba(0,0,0,.62) 100%);
  color: #fff;
  text-align: center;
}
#about1 .about-stats li h1 {
  font-size: .28rem;
  margin-bottom: .08rem;
  color: #D1C0A5;
  font-weight: 700;
}
#about1 .about-stats li h2 {
  font-size: .15rem;
  font-weight: 500;
  position: relative;
  padding-bottom: .16rem;
}
#about1 .about-stats li h2:after {
  content: "";
  width: .28rem;
  height: .03rem;
  background: #D1C0A5;
  border-radius: 2px;
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
}

#about2 {
  position: relative;
  background: #1B1B1C;
  padding: 0 0 .8rem;
  height: auto;
}
#about2 .panel-subtitle { color: rgba(255,255,255,.65); }
#about2 .about-timeline {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: .22rem;
  margin-top: .2rem;
}
#about2 .about-timeline-item {
  background: rgba(255,255,255,.04);
  border: 1px solid rgba(209,192,165,.25);
  border-radius: .14rem;
  padding: .32rem .28rem;
  transition: transform .35s ease, background .35s ease, border-color .35s ease;
}
#about2 .about-timeline-item:hover {
  transform: translateY(-4px);
  background: rgba(209,192,165,.1);
  border-color: #D1C0A5;
}
#about2 .about-timeline-item .year {
  display: block;
  font-size: .28rem;
  font-weight: 700;
  color: #D1C0A5;
  margin-bottom: .12rem;
}
#about2 .about-timeline-item strong {
  display: block;
  font-size: .18rem;
  color: #fff;
  margin-bottom: .12rem;
  font-weight: 600;
}
#about2 .about-timeline-item p {
  font-size: .14rem;
  line-height: 1.6;
  color: rgba(255,255,255,.7);
  margin: 0;
}

#about3 {
  background: #242424;
  padding: 0 0 .9rem;
}
#about3 .panel-title, #about3 .panel-subtitle { color: #FFFFFF; }
#about3 .panel-subtitle { color: rgba(255,255,255,.65); }
#about3 .about-culture {
  display: flex;
  gap: .22rem;
  margin-top: .1rem;
}
#about3 .about-culture li {
  flex: 1;
  list-style: none;
  background: rgba(255,255,255,.05);
  border: 1px solid rgba(209,192,165,.28);
  border-radius: .14rem;
  padding: .45rem .3rem;
  text-align: center;
  transition: transform .35s ease, background .35s ease;
}
#about3 .about-culture li:hover {
  transform: translateY(-5px);
  background: rgba(209,192,165,.12);
}
#about3 .about-culture li strong {
  display: block;
  font-size: .22rem;
  color: #D1C0A5;
  margin-bottom: .18rem;
}
#about3 .about-culture li p {
  font-size: .16rem;
  line-height: 1.7;
  color: rgba(255,255,255,.85);
  margin: 0;
}

#about4 {
  background-color: #1A1A1A;
  color: #FFFFFF;
  padding-bottom: .7rem;
}
#about4 .panel-subtitle { color: rgba(255,255,255,.65); }
#about4 .about4-top {
  display: flex;
  gap: .24rem;
  align-items: stretch;
  margin-top: .15rem;
}
#about4 .about4-top .main-image {
  width: 5.2rem;
  flex-shrink: 0;
  min-height: 4.2rem;
  border-radius: .14rem;
  background-size: cover;
  background-position: center;
  box-shadow: 0 14px 36px rgba(0,0,0,.3);
}
#about4 .about-honor-list {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: .16rem;
}
#about4 .about-honor-list li {
  flex: 1;
  list-style: none;
  padding: .28rem .32rem;
  border-radius: .12rem;
  background: linear-gradient(180deg, rgba(255,255,255,.04) 0%, rgba(255,255,255,.08) 100%);
  border: 1px solid rgba(209,192,165,.2);
  transition: border-color .3s ease, transform .3s ease;
}
#about4 .about-honor-list li:hover {
  border-color: #D1C0A5;
  transform: translateX(4px);
}
#about4 .about-honor-list li h1 {
  font-size: .14rem;
  color: #D1C0A5;
  margin-bottom: .08rem;
  font-weight: 500;
}
#about4 .about-honor-list li h2 {
  font-size: .22rem;
  margin-bottom: .1rem;
  font-weight: 700;
}
#about4 .about-honor-list li h3 {
  font-size: .15rem;
  line-height: 1.6;
  opacity: .78;
  font-weight: 400;
}

#about5 {
  height: auto;
  background: #F4F4F5;
  padding: 0 0 .9rem;
}
#about5 .panel-title { color: #222; }
#about5 .panel-subtitle { color: #666; }
#about5 .about-why {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: .22rem;
  margin-top: .15rem;
}
#about5 .about-why li {
  list-style: none;
  background: #fff;
  border-radius: .14rem;
  padding: .36rem .3rem;
  box-shadow: 0 10px 28px rgba(0,0,0,.05);
  transition: transform .35s ease, box-shadow .35s ease;
}
#about5 .about-why li:hover {
  transform: translateY(-5px);
  box-shadow: 0 18px 40px rgba(0,0,0,.1);
}
#about5 .about-why li strong {
  display: block;
  font-size: .22rem;
  color: #222;
  margin-bottom: .08rem;
}
#about5 .about-why li span {
  display: inline-block;
  font-size: .13rem;
  color: #8a734f;
  background: rgba(209,192,165,.22);
  padding: .06rem .12rem;
  border-radius: .06rem;
  margin-bottom: .16rem;
  font-weight: 600;
}
#about5 .about-why li p {
  font-size: .14rem;
  line-height: 1.65;
  color: #666;
  margin: 0;
}


/*公司概况弹窗*/
.more-cover {position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(15,64,104,0.8);z-index:1000;display:none;}
.more-cover .info-content {width:75%;max-width:1440px;height:650px;top:15%;left:12.5%;position:absolute;background-color:#fff;padding:40px 40px 50px;}
.more-cover .info-content .content {font-size:16px;color:#666;height:100%;overflow-y:auto;padding-right:30px;}
.more-cover .info-content .content::-webkit-scrollbar {width:4px;height:10px;background-color:#e1e1e1;}
.more-cover .info-content .content::-webkit-scrollbar-track {border-radius:0px;background-color:#e1e1e1;}
.more-cover .info-content .content::-webkit-scrollbar-thumb {border-radius:0px;background-color:#D1C0A5;}
.more-cover .info-content .close-box {width:50px;height:50px;border-radius:50%;background-color:#fff;position:absolute;right:-15px;top:-15px;display:flex;align-items:center;justify-content:center;}
.more-cover .info-content .close-box i {width:22px;height:22px;margin:auto;display:inline-block;}

/*荣誉资质*/
#honor .honor-box {margin-top:40px;margin-bottom: 20px;display:flex;flex-wrap:wrap;}
#honor .honor-box .item {width:23.4%;margin-right:2.13%;margin-bottom:2.13%;transition:all 0.6s;padding:30px 30px 20px;background-color:#fff;cursor:pointer;box-shadow:0px 8px 36.8px 3.2px rgba(0,0,7,0.08);}
#honor .honor-box .item .pic {width:100%;overflow:hidden;}
#honor .honor-box .item .pic img {width:100%;transition:transform .5s ease-out;-webkit-transition:transform .5s ease-out;-moz-transition:transform .5s ease-out;}
#honor .honor-box .item .info {font-size:16px;color:#333;padding-top:20px;}
#honor .honor-box .item:hover {box-shadow:0px 15px 20px 0px rgba(0,89,156,0.2);}
#honor .honor-box .item:hover .pic img {transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);}
#honor .honor-box .item:hover .info {color:#D1C0A5;}
#honor .honor-box .item:nth-of-type(4n) {margin-right:0;}
#honor .honor-cover {position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(15,64,104,0.8);z-index:1000;display:none;}
#honor .honor-cover .pic-box {width:500px;padding:30px 40px 20px;background-color:#fff;position:absolute;top:80px;left:calc(50% - 250px);}
#honor .honor-cover .pic-box .pic {width:100%;}
#honor .honor-cover .pic-box .pic img {width:100%;}
#honor .honor-cover .pic-box .info {font-size:16px;color:#333;padding-top:20px;text-align:center;}
#honor .honor-cover .pic-box .close-box {width:50px;height:50px;border-radius:50%;background-color:#fff;position:absolute;right:-15px;top:-15px;display:flex;align-items:center;justify-content:center;}
#honor .honor-cover .pic-box .close-box i {width:22px;height:22px;margin:auto;display:inline-block;}

/*加入我们*/
#join .join-box {margin-top:50px;margin-bottom:60px;background-color:#fff;padding-top:50px;box-shadow:0px 8px 36.8px 3.2px rgba(0,0,7,0.08);}
#join .join-box .join-nav {display:flex;align-items:center;justify-content:center;}
#join .join-box .join-nav .item {width:140px;height:50px;line-height:50px;font-size:16px;color:#666;border:1px solid #eee;text-align:center;display:block;margin-right:20px;}
#join .join-box .join-nav .item.active,#join .join-box .join-nav .item:hover {background-color:#D1C0A5;border:1px solid #D1C0A5;color:#fff;}
#join .join-box .text {font-size:16px;color:#888;text-align:center;margin-top:20px;line-height:30px;}
#join .join-box .join-select {padding:0 40px 30px;display:flex;align-items:center;justify-content:space-between;margin-top:35px;border-bottom:1px solid #eee;}
#join .join-box .join-select input {width:28%;height:50px;border:1px solid #eee;caret-color:#D1C0A5;padding-left:30px;}
#join .join-box .join-select input:focus {border:1px solid #D1C0A5;box-shadow:0px 0px 10px 0px rgba(0,66,120,0.2);}
#join .join-box .join-select .select {width:28%;height:50px;border:1px solid #eee;background-image:url(../css-img/munder.png);background-repeat:no-repeat;background-position:right 30px center;background-size:13px 8px;}
#join .join-box .join-select .select select {width:100%;height:100%;background-color:transparent;border:0;padding-left:30px;}
#join .join-box .join-select .select select option {border:1px solid #eee;}
#join .join-box .join-select .btn {width:100px;height:50px;line-height:50px;font-size:16px;color:#fff;border:0;background-color:#D1C0A5;}
#join .join-box .join-list {width:100%;padding:40px 40px;}
#join .join-box .join-list li {margin-bottom:10px;}
#join .join-box .join-list li .recruit-top {width:100%;height:70px;padding:0px 30px;display:flex;align-items:center;justify-content:space-between;background:#f7f7f7;cursor:pointer;font-size:14px;box-sizing:border-box;transition:all .5s ease-out;-webkit-transition:all .5s ease-out;-moz-transition:all .5s ease-out;}
#join .join-box .join-list li .recruit-top > div {color:#666666;width:25%;}
#join .join-box .join-list li .recruit-top > div span {color:#333;}
#join .join-box .join-list li .recruit-top > div:nth-of-type(2) {text-align:center;}
#join .join-box .join-list li .recruit-top > div:nth-of-type(3) {text-align:center;}
#join .join-box .join-list li .recruit-top > div:nth-of-type(4) {text-align:center;}
#join .join-box .join-list li .recruit-top > div:nth-of-type(5) {text-align:right;}
#join .join-box .join-list li .recruit-top:hover {background:#D1C0A5;}
#join .join-box .join-list li .recruit-top:hover > div {color:#fff;}
#join .join-box .join-list li .recruit-top:hover > div span {color:#fff;}
#join .join-box .join-list li .active {background:#D1C0A5;}
#join .join-box .join-list li .active > div {color:#fff;}
#join .join-box .join-list li .active > div span {color:#fff;}
#join .join-box .join-list li .recruit-content {width:100%;padding:0px 30px 50px;box-sizing:border-box;display:none;}
#join .join-box .join-list li .recruit-content .t1 {color:#333;font-size:18px;padding-bottom:25px;padding-top:25px;}
#join .join-box .join-list li .recruit-content .content p {line-height:2em;color:#666;font-size:14px;}
#join .join-box .join-list li .recruit-content .zhaopin-box {padding-top:20px;margin-top:25px;border-top:1px solid #eee;}
#join .join-box .join-list li .recruit-content .zhaopin-box .tt {color:#666;font-size:14px;line-height:2em;}
#join .join-box .join-list li .recruit-content .join-in {width:180px;height:50px;line-height:50px;color:#fff;display:inline-block;font-size:14px;text-align:center;background:#D1C0A5;margin-top:35px;}

/*联系我们*/
#contact .contact-box {background-color:#fff;margin-top:50px;margin-bottom:50px;box-shadow:0px 8px 36.8px 3.2px rgba(0,0,7,0.08);}
#contact .contact-box .map-box {padding:40px;}
#contact .contact-box .map-box #map {width:100%;height:480px;}
#contact .contact-box .address-items {display:flex;}
#contact .contact-box .address-items .item {cursor:pointer;text-align:center;width:20%;padding:0 3%;margin-top:3%;}
#contact .contact-box .address-items .item .img {position:relative;display:block;width:60px;height:60px;margin:auto;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;transition:all .4s ease-in-out;}
#contact .contact-box .address-items .item:hover .img {-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-ms-transform:rotateY(180deg);-o-transform:rotateY(180deg);transform:rotateY(180deg);}
#contact .contact-box .address-items .item .img img:nth-child(2) {position:absolute;left:0;top:0;opacity:0;}
#contact .contact-box .address-items .item:hover .img img:nth-child(2) {opacity:1;}
#contact .contact-box .address-items .item .t1 {font-size:16px;color:#999;margin:20px 0;}
#contact .contact-box .address-items .item .desc {font-size:16px;color:#333;padding-bottom:1px;}
#contact .contact-box .address-items .item:last-of-type {border-right:0;}
#contact .contact-box .address-items .item:hover .desc {display:inline-block;color:#D1C0A5;}

/*地图*/
.BMapLabel .map-info {height:90px;display:flex;align-items:center;}
.BMapLabel {left:-200px !important;top:-95px !important;border:0 !important;}
.BMapLabel .map-info .info {width:460px;height:100%;padding:20px;}
.BMapLabel .map-info .info .t1 {font-size:14px;color:#666;}
.BMapLabel .map-info .info .t2 {font-size:18px;margin-top:10px;}
.BMapLabel .map-info .gps-box {display:flex;align-items:center;justify-content:center;flex-direction:column;background-color:#D1C0A5;width:90px;height:100%;}
.BMapLabel .map-info .gps-box i {font-size:26px;color:#fff;}
.BMapLabel .map-info .gps-box .tt {font-size:14px;color:#fff;margin-top:10px;}

/*客户留言*/
#contact .message-box {padding:40px 40px 70px;background-color:#fff;margin-bottom:60px;}
#contact .message-box .title {font-size:16px;color:#999;}
#contact .message-box .title span {font-weight:bold;color:#333;font-size:24px;line-height:24px;margin-right:15px;}
#contact .message-box .advise-nav {display:flex;align-items:center;justify-content:center;}
#contact .message-box .advise-nav .item {width:140px;height:50px;line-height:50px;text-align:center;font-size:16px;color:#666;border:1px solid #eee;transition:all 0.6s;margin-right:20px;cursor:pointer;}
#contact .message-box .advise-nav .item.active,#contact .message-box .advise-nav .item:hover {background-color:#D1C0A5;color:#fff;}
#contact .message-box .txt {text-align:center;color:#666;font-size:16px;margin-top:20px;}
#contact .message-box .form-box {display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:30px;}
#contact .message-box .form-box .line {width:49%;margin-bottom:2%;height:70px;position:relative;}
#contact .message-box .form-box .line input {width:100%;height:100%;border:1px solid #eee;transition:all 0.6s;padding-left:30px;}
#contact .message-box .form-box .line input:focus {box-shadow:0px 0px 10px 0px rgba(0,66,120,0.2);border:solid 1px #D1C0A5;}
#contact .message-box .form-box .line.has-star:before {content:'*';position:absolute;color:#f00000;font-size:16px;left:22px;top:22px;}
#contact .message-box .form-box .line.has-text {width:100%;height:160px;resize:none;}
#contact .message-box .form-box .line.has-text textarea {width:100%;height:100%;border:1px solid #eee;padding:20px 30px;transition:all 0.6s;resize:none;}
#contact .message-box .form-box .line.has-text textarea:focus {box-shadow:0px 0px 10px 0px rgba(0,66,120,0.2);border:solid 1px #D1C0A5;}
#contact .message-box .form-box .code-box {height:70px;display:flex;align-items:center;}
#contact .message-box .form-box .code-box .line {width:190px;height:100%;margin-bottom:0;}
#contact .message-box .form-box .code-box .img-box {overflow:hidden;width:160px;height:100%;line-height:70px;}
#contact .message-box .form-box .code-box .img-box img {height:100%;}
#contact .message-box .form-box .msg-btn {width:190px;height:70px;line-height:70px;text-align:center;color:#fff;font-size:16px;border:0;background-color:#D1C0A5;}

/*分页*/
ul.pagination{width:100%;height:auto;text-align:center;position:relative;overflow:hidden;margin-bottom: 50px;}
.pagination li{display:inline-block;width:40px;height:40px;line-height:40px;text-align:center;background-color:#fff;margin:0px 3px;border: 1px solid #e5e5e5;transition:all 0.3s ease;}
.pagination li a{display:block;width:40px;height:40px;}
.pagination li.active, .pagination li:hover{color:#ffffff;background-color:#D1C0A5;border-color:#D1C0A5;}

/*弹窗投递简历*/
.join-form{width:600px;height:336px;background-color:#fff;padding:40px}
.join-form .line{width:100%;height:46px;display:inline-block}
.join-form .line .label{height:46px;display:inline-block;float:left;font-size:16px;line-height:46px;margin:0}
.join-form .line input{display:inline-block;float:left;width:438px;height:46px;background-color:#fff;border:none;border-bottom:1px solid #f1f5fd;padding:0 10px}
.join-form .line select{display:inline-block;float:left;width:438px;height:46px;background-color:#fff;border:none;border-bottom:1px solid #f1f5fd;padding:0 10px}
.join-form .line textarea{display:inline-block;float:left;width:438px;height:100px;background-color:#fff;border:1px solid #f1f5fd;padding:10px;resize:none}
.join-form .line .load{width:438px;height:25px;background-color:#fff;border:none;margin-top:6px;display:inline-block;float:left}
.join-form .line img{display:inline-block;margin-left:10px;width:100px;height:44px}
.join-form .line button{width:120px;height:38px;border-radius:4px;background-color:#0096ff;line-height:38px;text-align:center;font-size:16px;color:#fff;border:none;float:right}
.join-form .line.heightauto{height:auto}