@charset "UTF-8";
/*@font-face {*/
/*    font-family: "PingFang SC-Medium";*/
/*    src: url("fonts/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: none;}
.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(img/message_success.svg) center/cover no-repeat;}
.message-alert.message-alert-error .message-alert-img{background: url(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('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('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(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('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('img/msearch.png') no-repeat center center;float:left;}
.Hsrch-block .close {display:block;width:24px;height:32px;background:url('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('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(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(img/next.png) center no-repeat;right: 5%;margin-top: -30px;}
.in0 .swiper-container .prev:hover{background: rgba(255,255,255,.3) url(img/prev.png) center no-repeat;}
.in0 .swiper-container .next:hover{background: rgba(255,255,255,.3) url(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(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(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: 9.23rem;}
.in2 video{width:100%;}
.bannerinner2{height:1.6rem; background: url(img/bannerbox2_bg.svg) center no-repeat; background-size: cover; padding: 0 .7rem 0 1.39rem; margin-top: -.8rem; left:0; right: 1.2rem;position: absolute !important; z-index: 1;}
.bannerinner2 .innericon{background: url(img/sale2.svg) center/cover no-repeat; width:.34rem; height: .34rem; margin-right: 1.5rem;}
.bannerinner2 .innericon::after{content: ""; border-bottom: 2px solid #FFFFFF; position: absolute; left: .65rem; top: .19rem; width: .8rem;}
.bannerinner2 .innertitle{}
.bannerinner2 .innertitle div:nth-child(1){font-size: .24rem; color: #FFFFFF;}
.bannerinner2 .innertitle div:nth-child(2){font-size: .2rem; margin-top: .13rem; color: #A3A4A3;}
.bannerinner2 .innercontainer{ color: #A3A4A3;}
.bannerinner2 .innercontainer li {width: 1.4rem; font-size: .16rem;}
.bannerinner2 .innercontainer li div{ width:1rem; height:1rem; border-radius: .5rem;}
.bannerinner2 .innercontainer li:hover div{border: 1px solid #D1BFA5; transform: scale(1.2); border: 1px solid #D1BFA5;}
.bannerinner2 .innerbutton{ background: #D0BFA4; color: #333233; cursor: pointer; font-size: .24rem; font-weight: bolder; width:3.28rem; height: .7rem; line-height: .7rem; text-align: center;}

/*内容3行业方案*/
.in3 {background: url(img/bannerbox_bg3.svg) center top /  100% auto no-repeat; background-color: #383838; padding-top: .8rem;}
.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: .3rem; font-weight: 500;}
.in4 .in4content li a span { font-size: .2rem; padding-left: .14rem; padding-top: .07rem;}

/*内容5资质*/
.in5 {}
.in5 .container {margin-bottom: 1.1rem;}
.in5 .container>div {width: 32%; height: 2.64rem; margin-right: 2%;display: block; color:#FFFFFF; margin-bottom: .2rem; position:relative; }
.in5 .container>div .divimg {height: 2.64rem; width:100%; margin-bottom: .2rem;}
.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;}
.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(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('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(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(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(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(img/two0.png) no-repeat 6% center;border:1px solid #e6e6e6;transition:color .3s}
.pn-list li .pn-tit-two.cut {background:#ffffff url(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(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(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(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(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_system6{padding-bottom: .8rem; height:6.5rem; background:url(img/bannerbox_bg6.svg) center/cover no-repeat;}
.product_system6 ul{padding: 0 .4rem 0;}
.product_system6 ul li {height: 2rem;}
.product_system6 ul li:after{content: ""; display: block; border-bottom: .05rem solid rgba(209, 192, 165, .2);width: 100%;position: absolute;margin-left: 100%;}
.product_system6 ul li:nth-last-child(1):after{display: none;}
.product_system6 ul li i{display: block; background-color: #D1C0A5; border-radius: 50%; border: .05rem solid #F8F4ED; width: .2rem; height: .2rem;}
.product_system6 ul li div{font-size: .2rem; text-align: center; background-color: #FFFFFF; border-radius: .2rem; position: absolute; width: max-content !important; width:90%; padding: .05rem 0.1rem;transition:all 0.2s ease-in 0s;-webkit-transition:all 0.2s ease-in 0s;-moz-transition:all 0.2s ease-in 0s;-o-transition:all 0.2s ease-in 0s;}
.product_system6 ul li div:nth-child(2){top: .4rem;}
.product_system6 ul li div:nth-child(3){top: 1.25rem;}
.product_system6 ul li:hover div:nth-child(2){top: .26rem; background-color: #D1C0A5;}
.product_system6 ul li:hover div:nth-child(3){top: 1.4rem; background-color: #D1C0A5;}

/*移动应用*/
#product_mobile.bodyinner { background: #383838; }
.product_mobile1 {background: url(img/bannerbox_bg4.svg) center top / 100% auto no-repeat;}
.product_mobile1 .back-box-inline li,.product_mobile1 .back-box-inline li>div,.product_mobile1 .back-box-inline li>a {width:2.85rem; height:2.85rem; }
.product_mobile2 {padding-bottom: 1.1rem;}
.product_mobile2 .panel-title, .product_mobile2 .panel-subtitle {color: #FFFFFF;}
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: url(img/bannerbox_bg4.svg) center top / 100% auto no-repeat; padding-bottom: .4rem;}
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;}
.product_mobile5 { }
.product_mobile5 .panel-title, .product_mobile5 .panel-subtitle {color: #FFFFFF;}
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;}


/*客户案例*/
#cases {background-color: #F7F7F7}
.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 .solution-items {margin:50px 0 50px;box-shadow:0px 8px 36.8px 3.2px rgba(0,0,7,0.08);}*/
/*#cases .solution-items .items .item {display:flex;padding:40px;background-color:#fff;border-bottom:1px solid #eee;transition:all 0.6s;position:relative;}*/
/*#cases .solution-items .items .item .pic {width:300px;flex-shrink:0;background-repeat:no-repeat;background-position:center;background-size:cover;}*/
/*#cases .solution-items .items .item .pic img {width:100%;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;}*/
/*#cases .solution-items .items .item .pic:hover img {transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);}*/
/*#cases .solution-items .items .item .info {padding-left:40px;}*/
/*#cases .solution-items .items .item .info .tt {font-size:22px;line-height:22px;font-weight: bold;}*/
/*#cases .solution-items .items .item .info .tt:hover {color:#D1C0A5;}*/
/*#cases .solution-items .items .item .info .desc {font-size:16px;line-height:28px;height:80px;color:#666;margin-top:10px;}*/
/*#cases .solution-items .items .item .info .more {width:140px;height:40px;line-height:40px;text-align:center;border:1px solid #ddd;color:#999;display:flex;align-items:center;justify-content:center;margin-top:30px;transition:all 0.6s;}*/
/*#cases .solution-items .items .item .info .more i {font-size:16px;color:#bbb;}*/
/*#cases .solution-items .items .item:hover .info .more {border:1px solid #D1C0A5;background-color:#D1C0A5;color:#fff;}*/
/*#cases .solution-items .items .item:hover .info .more i {color:#fff;}*/
#cases .cases-items {width:12rem; display: flex; flex-wrap: wrap; padding-top: .4rem; }
#cases .cases-items li {width: 32%; margin-right: 2%;display: block; color:#333233; margin-bottom: .2rem;}
#cases .cases-items li:nth-child(3n+0){ margin-right: 0;}
#cases .cases-items li a .divimg {height: 2.41rem; width:100%; margin-bottom: .2rem;}
#cases .cases-items li a p { font-size: .3rem; font-weight: 500;}
#cases .cases-items li a span { font-size: .2rem; padding-left: .14rem; padding-top: .07rem;}
#cases .cases-other {background: url(img/bannerbox_bg4.svg) center top / 100% auto no-repeat; }
#cases .cases-other .cases-other_box { display: flex; flex-wrap: wrap; display: -webkit-flex; -webkit-flex-wrap: wrap;}
#cases .cases-other .cases-other_box div { height: 1.85rem; width: 4.44rem; background-size: cover; background-repeat: no-repeat; margin-bottom:.4rem;}
#cases .cases-other .cases-other_box div i { display: inline-block; padding: .08rem .14rem; font-size: .2rem; background: rgba(255,255,255,.6); border-radius: 0.1rem 0; min-width: 1.2rem; text-align: center;}
#cases .cases-other .cases-other_box div:nth-child(2n+0){margin-left: .4rem;}
#cases .cases-other .cases-other_box div:nth-child(4n-1),#cases .cases-other .cases-other_box div:nth-child(4n-2) {width: 7.11rem; }

/*客户案例详情*/
#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(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(img/add.png) top 2px left no-repeat}
#market .box .boxRight .main .toggMain .bot p.sale{background:url(img/sale.png) top 2px left no-repeat}
#market .box .boxRight .main .toggMain .bot p.tech{background:url(img/tech.png) top 2px left no-repeat}
#market .box .boxRight .main .toggMain .bot p.mail{background:url(img/mail1.png) top 2px left no-repeat}
#market .box .boxRight .main .toggMain .bot p.fax{background:url(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("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(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(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(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-top: .4rem; background: #f6f6f6;}
#news .container {background: #ffffff; border-radius: .1rem; padding: .4rem;}
#news .container ul li{padding-bottom:.4rem;overflow:hidden;}
/*#news .container ul li a:hover{background: #D1C0A5;border-radius: .1rem;-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}*/
#news .container ul li .N-pic{width: 3.73rem; height: 2.6rem; background-size: cover !important; border-radius: .1rem;}
#news .container ul li .N-note{flex: 1; padding: .07rem 0 0 .17rem;}
#news .container ul li .N-note h4{font-size:.25rem; color:#243042; margin-bottom: .2rem; font-weight:bold;}
#news .container ul li .N-note h5{font-size:.24rem; color:#243042; margin-bottom: .2rem;}
#news .container ul li .N-note>i{display: block; border-bottom: 1px solid #707070; opacity: .2;}
#news .container ul li .N-note>p{color:#777; margin: .2rem 0; font-size: .16rem; line-height: .2rem; height: .4rem;}
#news .container ul li .N-note .more{width:1.46rem;height:.48rem; border:1px solid rgba(112,112,112,.45); border-radius: .28rem; padding: 0 .2rem;}
#news .container ul li .N-note .more>p{color:#243042; font-size: .16rem; }
#news .container ul li .N-note .more>i{background: url(img/arrow_r50t.svg) center no-repeat; background-size: 100% auto; width: .234rem; height: .065rem;}
#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;}

/*新闻详情*/
#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: url(img/bannerbox_bg3.svg) center/cover no-repeat;}
#about1 .about-box1 {width: 12.25rem; height: 5.64rem; overflow: hidden; }
#about1 .about-box1>div{width: 100%;height: 100%;}
#about1 .about-box1>video{width: 100%;}
#about1 .about-box2 {width: 3.35rem; height: 5.64rem; padding: .26rem .18rem .26rem .33rem; background-color: #FFFFFF;}
#about1 .about-box2 h1{font-size: .32rem; margin-bottom: .16rem; font-weight: bold;}
#about1 .about-box2 h2{font-size: .14rem; margin-bottom: .36rem; color: #8D8D8D;}
#about1 .about-box2 .info {line-height: 2.5;overflow-y:auto; height: 3.6rem;padding-right: .15rem;}
#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 ul li{width:2.25rem; height: 3.7rem; color:#FFFFFF;}
#about1 ul li>div{background-color: rgba(0,0,0,.5);}
#about1 ul li h1{font-size: .24rem; margin-bottom: .05rem;}
#about1 ul li h2{font-size: .2rem; margin-bottom: .75rem;}
#about1 ul li h2:after{content: ""; width:.3rem; height: .04rem; background-color: #FFFFFF; border-radius: 3px; opacity: .68; position: absolute;left: 0;right: 0;margin: 0.5rem auto 0;}
#about2 {position: relative;}
#about2 .about2_inner>div{position: absolute;}
#about2 .about2_inner .year{font-size: .24rem; color: #FFFFFF; font-weight: bold;}
#about2 .about2_inner .title{font-size: .20rem; color: #DAC28D;}
#about2 .development-slide{color:#ffffff; font-size: .26rem;position: absolute; z-index: 1;line-height: 0; cursor: pointer;}
#about2 .development-slide>div{position: absolute; line-height: 1;white-space:nowrap;margin-left: 0.05rem;}
#about2 .development-slide>div>h1{font-size: .24rem; font-weight: bold;padding-bottom:.1rem;}
#about2 .development-slide>div>h2{font-size: .20rem; font-weight: bold;padding-bottom:.2rem; color: #D1C0A5}
#about2 .development-slide>div>h3{font-size: .16rem; margin-bottom: 0; margin-bottom: .2rem; overflow: hidden; opacity: 0;}
#about2 .development-slide::after{content:""; height:0; left:0.08rem; position: absolute; border-left: 1px solid rgba(255,255,255,.8);transition:all 0.2s ease-in 0s;-webkit-transition:all 0.2s ease-in 0s;-moz-transition:all 0.2s ease-in 0s;-o-transition:all 0.2s ease-in 0s;}
#about2 .development-slide:nth-child(even)>div{padding-bottom: .5rem;bottom: 0;}
#about2 .development-slide:nth-child(even)::after{bottom: 0;}
#about2 .development-slide:nth-child(odd)>div{padding-top: .5rem;top: 0;}
#about2 .development-slide:nth-child(odd)::after{top: 0;}
#about2 .development-slide:hover>div>h3{margin-bottom:0.04rem; opacity: 1;}
#about2 .development-slide:nth-child(even):hover>div>h3{margin-bottom: .4rem;}
#about2 .development-slide:nth-child(odd):hover>div>h1{margin-top: .4rem; opacity: 1;}
#about2 .development-slide:hover::after{height:.7rem;transition:all 0.2s ease-in 0s;-webkit-transition:all 0.2s ease-in 0s;-moz-transition:all 0.2s ease-in 0s;-o-transition:all 0.2s ease-in 0s;}
#about3 {}
#about3, #about3 .panel-title, #about3 .panel-subtitle {color: #FFFFFF;}
#about3 ul li{position: relative; margin-bottom: 1.1rem;}
#about3 ul li:after{content: ""; width: 2rem; height: 1px; background-color: #FFFFFF; position: absolute; top: .7rem;}
#about3 ul li i{display: block; background-size: cover; background-repeat: no-repeat; width: .5rem; height: .5rem; margin-bottom: .41rem;}
#about3 ul li h1{text-align: center; font-size: .24rem; margin-bottom: .2rem;}
#about3 ul li h2{text-align: center; font-size: .20rem;}
#about4 {background-color: #1A1A1A; color: #FFFFFF;}
#about4 .about4-top .main-image{ width: 6.16rem; height: 5.56rem; margin-right: .16rem;}
#about4 .about4-top ul{height: 5.56rem;}
#about4 .about4-top ul li{width: 100%; height: 1.72rem; padding: .1rem .15rem; background: linear-gradient(180deg, rgba(255,255,255,0.01) 0%, rgba(255,255,255,0.055) 100%); border-bottom: 2px solid rgba(112,112,112,.4); }
#about4 .about4-top ul li h1{font-size: .24rem; margin-bottom: .2rem;}
#about4 .about4-top ul li h2{font-size: .2rem; margin-bottom: .1rem;}
#about4 .about4-top ul li h3{font-size: .18rem;line-height: 1.7; opacity: .8}
#about4 .about4-bottom {position:relative;overflow: hidden;}
#about4 .about4-bottom .develop-banner {width:100%;position:relative;margin-top:30px;}
#about4 .about4-bottom .develop-banner .swiper-develop {height:100%;}
#about4 .about4-bottom .develop-banner .swiper-wrapper {height:100%;}
#about4 .about4-bottom .develop-banner .swiper-slide {width:2.85rem !important;height: 3.8rem; margin-right:.2rem;}
#about4 .about4-bottom .develop-banner .swiper-slide div {height: 1.9rem; width: 100%; -webkit-box-reflect: below -14px linear-gradient(transparent, rgba(0,0,0,0.3));}
#about4 .about4-bottom .prevNext-box {width:12rem;left:50%;position:absolute;top:1.9rem;transform:translate(-50%,-50%);z-index:100;}
#about4 .about4-bottom .prevNext-box .prev,#about4 .about4-bottom .prevNext-box .next {position:absolute;width:60px;height:60px;line-height:60px;text-align:center;background-color:rgba(209, 192, 165, .8);}
#about4 .about4-bottom .prevNext-box .prev:hover,#about4 .about4-bottom .prevNext-box .next:hover {background-color:rgba(209, 192, 165, 1);}
#about4 .about4-bottom .prevNext-box .prev i,#about4 .about4-bottom .prevNext-box .next i {font-size:16px;color:#fff;}
#about4 .about4-bottom .prevNext-box .prev.swiper-button-disabled,#about4 .about4-bottom .prevNext-box .next.swiper-button-disabled {background-color:rgba(0,0,0,0.2);}
#about4 .about4-bottom .prevNext-box .prev {left:0;background-image:url(img/prev.png);}
#about4 .about4-bottom .prevNext-box .next {right:0;background-image:url(img/next.png);}
#about5{ height: 9.96rem;}
#about5>div:nth-last-child(1){ margin-top: .65rem;}
#about5 ul {background-color: #FFFFFF;}
#about5 ul li{width:4rem; height: 3.11rem; position: relative; }
#about5 ul li h1{font-size: .4rem; margin-bottom: .2rem;}
#about5 ul li h2{font-size: .16rem;}
#about5 ul li .about5-li-content{line-height: 1.8; font-size: .19rem;}
#about5 ul li .about5-li-content div {display: none; color: #FFFFFF;}
#about5 ul li:hover .about5-li-content{ color: #FFFFFF;background-color: rgba(137, 111, 53, .5);}
#about5 ul li:hover .about5-li-content div{display: block;}
#about5 ul li:hover h1, #about5 ul li:hover h2 {display: none;}


#about .top1 {margin-top:50px;}
#about .about-box {padding:0 40px 50px;background-color:#fff;margin-bottom:50px;box-shadow:0px 8px 36.8px 3.2px rgba(0,0,7,0.08);}
#about .about-box .about-title {font-size:24px;line-height:24px;font-weight:bold;padding:40px 0 30px;border-bottom:1px solid #f1f2f3;}
#about .about-box .desc-box {display:flex;justify-content:space-between;margin-top:40px;}
#about .about-box .desc-box .info-box {width:36%;padding-top:30px;}
#about .about-box .desc-box .info-box .info {height:280px;overflow-y:auto;font-size:16px;line-height:28px;color:#666;padding-right:10px;}
#about .about-box .desc-box .info-box .info::-webkit-scrollbar {width:5px;height:10px;background-color:#f3f4f5;}
#about .about-box .desc-box .info-box .info::-webkit-scrollbar-track {background-color:#f3f4f5;}
#about .about-box .desc-box .info-box .info::-webkit-scrollbar-thumb {background-color:#D1C0A5;}
#about .about-box .desc-box .info-box .more {width:140px;height:40px;line-height:40px;text-align:center;border:1px solid #ddd;color:#999;display:flex;align-items:center;justify-content:center;margin-top:70px;transition:all 0.6s;}
#about .about-box .desc-box .info-box .more i {font-size:16px;color:#bbb;}
#about .about-box .desc-box .info-box .more:hover {background-color:#D1C0A5;color:#fff;}
#about .about-box .desc-box .info-box .more:hover i {color:#fff;}
#about .about-box .desc-box .video-box {width:55.5%;background-position:center;background-size:cover;background-repeat:no-repeat;background-image:url("../images/20200911150108.jpg");position:relative;}
#about .about-box .desc-box .video-box img {width:100%;/*opacity:0;*/}
#about .about-box .culture-box {display:flex;justify-content:space-between;margin-top:40px;}
#about .about-box .culture-box .items {background-size:cover;background-repeat:no-repeat;background-position:center;position:relative;transition:all 0.6s;}
#about .about-box .culture-box .items img {width:100%;opacity:0;}
#about .about-box .culture-box .items .text-box {position:absolute;text-align:center;top:50%;left:50%;color:#fff;transform:translate(-50%,-50%);}
#about .about-box .culture-box .items .text-box i {width:50px;height:50px;margin:auto;display:inline-block;}
#about .about-box .culture-box .items .text-box .title {margin-top:20px;}
#about .about-box .culture-box .items .text-box .title .cn {font-size:22px;line-height:22px;}
#about .about-box .culture-box .items .text-box .title .en {font-size:14px;text-transform:uppercase;margin-top:5px;}
#about .about-box .culture-box .items .text-box .txt {margin-top:20px;font-size:22px;}
#about .about-box .culture-box .items.left {width:32.5%;}
#about .about-box .culture-box .items.item01 {background-image:url("../images/20200911150300.jpg");}
#about .about-box .culture-box .items.item02 {background-image:url("../images/20200911150423.jpg");}
#about .about-box .culture-box .items.item03 {background-image:url("../images/20200911160101.jpg");}
#about .about-box .culture-box .items.item04 {background-image:url("../images/20200911150857.jpg");}
#about .about-box .culture-box .items.item05 {background-image:url("../images/20200911151027.jpg");}
#about .about-box .culture-box .items:hover {box-shadow:0px 15px 20px 0px rgba(0,89,156,0.2);}
#about .about-box .culture-box .culture {width:66%;display:flex;flex-wrap:wrap;}
#about .about-box .culture-box .culture .items {width:48.8%;margin-right:2.4%;margin-bottom:2.4%;}
#about .about-box .culture-box .culture .items:nth-of-type(2n) {margin-right:0;}
#about .about-box .culture-box .culture .items:nth-of-type(3) {margin-bottom:0;}
#about .about-box .culture-box .culture .items:nth-of-type(4) {margin-bottom:0;}
#about .about-box .develop-banner {width:100%;position:relative;margin-top:30px;}
#about .about-box .develop-banner .swiper-develop {height:100%;}
#about .about-box .develop-banner .swiper-wrapper {height:100%;}
#about .about-box .develop-banner .swiper-slide {width:30% !important;padding-right:3%;border-right:1px solid #f1f2f3;}
#about .about-box .develop-banner .swiper-slide .year {font-size:14px;font-weight:bold;}
#about .about-box .develop-banner .swiper-slide .year span {font-size:22px;line-height:22px;margin-right:10px;}
#about .about-box .develop-banner .swiper-slide .desc {font-size:16px;line-height:28px;color:#666;margin-top:20px;margin-bottom:20px;}
#about .about-box .develop-banner .swiper-slide img {max-width:100%;}
#about .develop-box {position:relative;overflow: hidden;}
#about .develop-box .prevNext-box {width:87.5%;max-width:1680px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:100;}
#about .develop-box .prevNext-box .prev,#about .develop-box .prevNext-box .next {position:absolute;width:60px;height:60px;line-height:60px;text-align:center;background-color:rgba(0,104,182,0.8);}
#about .develop-box .prevNext-box .prev i,#about .develop-box .prevNext-box .next i {font-size:16px;color:#fff;}
#about .develop-box .prevNext-box .prev.swiper-button-disabled,#about .develop-box .prevNext-box .next.swiper-button-disabled {background-color:rgba(0,0,0,0.2);}
#about .develop-box .prevNext-box .prev {left:0;background-image:url(img/prev.png);}
#about .develop-box .prevNext-box .next {right:0;background-image:url(img/next.png);}

/*公司概况弹窗*/
.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("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}