*{ padding:0; margin:0;}*
div,span,a,img,h1,h2,h3,h4,h5,h6,h7,h8,ul,li,dl,dt,dd,strong,em,embed,table,tr,td,input,form,select,option,p,del{ padding:0; margin:0; font-weight:normal;}
body,input,textarea{font-size:12px;font-family:-apple-system,BlinkMacSystemFont,Arial,PingFang SC,Hiragino Sans GB,Microsoft YaHei,WenQuanYi Micro Hei,sans-serif;color:#666;}
ul{ list-style:none;}
h1,h2,h3,h4,h5,h6,h7,h8,em,i{ font-size:12px; font-weight:normal;}
a{ color:#666; font-weight:normal; text-decoration:none;}
p{ color:#666;}
img{ border:0px;}
span{ display:block;}
body{-webkit-text-size-adjust:100%; }
*, *:before, *:after{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
::-webkit-scrollbar {width:10px;}
::-webkit-scrollbar-track { background:#222;}
::-webkit-scrollbar-thumb { border:solid 2px #222; width:6px;  border-radius:8px; background-color:#fff;}
::-webkit-scrollbar-thumb:window-inactive {background:#222;}
/*------------------------------*/

body{ overflow:hidden;}
body.on{ overflow-x:hidden; overflow-y:auto;}

/*导航*/
.logo{ position:absolute; top:20px; left:80px; z-index:9; }
.logo a b{ float: left; margin-left: 15px; color: #fff; font-size: 20px; height: 38px; line-height: 38px;}
.logo a img{ width: 140px; float: left; }
.logo.active{ position:fixed; }
body.on .logo.active{top:10px;}
.nav{ position: fixed; top: 0px; left: 0px; right:0px; padding: 0px 80px; z-index: 999;}

.menu-nav-toggle span.tip{ float: left; height: 36px; line-height: 36px; margin-right: 15px; font-size: 14px; color: #fff;}
.menu-nav-toggle span.tip i{ font-style: normal;font-size: 14px; display: none;}
.menu-nav-toggle{position:absolute; z-index:99999; top:32px; right:80px;cursor: pointer; display:none;}
body.on .logo{ top:20px;}
.nav-bj.top .logo a img{ width:120px;}
body.on .nav-bj.top .logo{ top:14px;}
body.on .menu-nav-toggle.mess{ position:fixed; top:22px;}
body.hidden{ overflow:hidden;}
.toggle-burger{width: 36px; height: 36px; float: left;}
.menu-nav-toggle .toggle-burger i { display: block; width: 36px; position: absolute;transition:all .5s ease-out 0s; height: 2px; background-color: #FFFFFF; }
.menu-nav-toggle .toggle-burger i:nth-child(1n) { top: 7px;  }
.menu-nav-toggle .toggle-burger i:nth-child(2n) { top: 17px; }
.menu-nav-toggle .toggle-burger i:nth-child(3n) { width: 20px; top: 27px; right: 0px;}
.menu-nav-toggle.active  .toggle-burger i:nth-child(1n){-webkit-transform: rotate(45deg); transform: rotate(45deg); top:17px;}
.menu-nav-toggle.active  .toggle-burger i:nth-child(2n){ opacity:0;}
.menu-nav-toggle.active  .toggle-burger i:nth-child(3n){-webkit-transform: rotate(-45deg); transform: rotate(-45deg); width:36px; top:17px;} 
.menu-nav-toggle.active  span.tip i{ display:block;}
.menu-nav-toggle.active  span.tip b{ display:none;}
/*隐藏*/
@-webkit-keyframes sticky {
  0% {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%); }
  100% {
    -webkit-transform: translateY(0%);
    transform: translateY(0%); } 
}
@keyframes sticky {
  0% {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%); }
  100% {
    -webkit-transform: translateY(0%);
    transform: translateY(0%); }
}
.nav-bj{ float:left; width:100%; position:absolute; left:0px; top:0px; height:100px; z-index:999;}
.nav-a{ float:right; margin-top:20px; margin-right:80px;}
.nav-a ul{ float:left;}
.nav-a ul li{ float:left; margin:0px 50px;}
.nav-a ul li a{ display:block; float:left; padding:0px 15px; position:relative; line-height:62px; font-size:16px; color:#fff; }
.nav-a h6{ float:right; margin-top:15px}
.nav-a h6 b{ float:left; font-size:26px; color:#fff; margin-right:15px;}
.nav-a h6 i{ float:left; font-style:normal;font-size:24px; color:#fff;    font-family: din;}

.nav-a ul li a:before{content:"";position: absolute;z-index: 1;left: 50%;right: 50%;-webkit-transition-property: left, right;transition-property: left, right;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out; bottom:8px;background-color: #e6212b;height: 2px;}
.nav-a ul li a:hover:before{ left: 0;right: 0;}
.nav-a ul li a:hover{ font-weight:bold;}
.nav-a ul li a.selected:before{ background:#fff;left: 0;right: 0;}
.nav-bj.top .nav-a{margin-top:10px;}
.nav-bj.top{ position: fixed; top: 0px; -webkit-animation: sticky 1s; -moz-animation: sticky 1s; -o-animation: sticky 1s; animation: sticky 1s;height:80px;backdrop-filter: saturate(180%) blur(20px); -webkit-backdrop-filter: saturate(180%) blur(20px); background: rgba(0,0,0,.9); z-index:999;}
.pursuer-header-list{position: fixed;  top: 0; z-index: 9;width: 80%;  height: 100%;background-color: #FFFFFF; right: -80%;transition:all .5s ease-out 0s;}
.pursuer-header-list.active{ right:0px;}
.pursuer-header-list .nav-dh{display: none;}
.pursuer-header-list.active .nav-dh{display: block;}
.nav-dh{ float: left; width: 100%; position: relative; z-index: 9; top: 50%; margin-top: -44px;}
.nav-dh ul li{ float: left; width: 16.6%; text-align: center;-webkit-animation-duration: 0.5s;animation-duration: 0.5s;-webkit-animation-fill-mode: both; animation-fill-mode: both;-webkit-animation-name: returnToNormal;animation-name: returnToNormal;}
.nav-dh ul li b{ width: 50px; height: 50px; display: inline-block;transition:all .5s ease-out 0s;}
.nav-dh ul li b.nav-img1{ background: url("../images/nav1.png") no-repeat; background-size: 50px;}
.nav-dh ul li b.nav-img2{ background: url("../images/nav2.png") no-repeat; background-size: 50px;}
.nav-dh ul li b.nav-img3{ background: url("../images/nav3.png") no-repeat; background-size: 50px;}
.nav-dh ul li b.nav-img4{ background: url("../images/nav4.png") no-repeat; background-size: 50px;}
.nav-dh ul li b.nav-img5{ background: url("../images/nav5.png") no-repeat; background-size: 50px;}
.nav-dh ul li b.nav-img6{ background: url("../images/nav6.png") no-repeat; background-size: 50px;}
.nav-dh ul li a:hover b.nav-img1,.nav-dh ul li.active a b.nav-img1{background: url("../images/nav1.png") no-repeat 0 -55px; background-size: 50px; }
.nav-dh ul li a:hover b.nav-img2,.nav-dh ul li.active a b.nav-img2{background: url("../images/nav2.png") no-repeat 0 -55px; background-size: 50px;}
.nav-dh ul li a:hover b.nav-img3,.nav-dh ul li.active a b.nav-img3{background: url("../images/nav3.png") no-repeat 0 -55px; background-size: 50px;}
.nav-dh ul li a:hover b.nav-img4,.nav-dh ul li.active a b.nav-img4{background: url("../images/nav4.png") no-repeat 0 -55px; background-size: 50px;}
.nav-dh ul li a:hover b.nav-img5,.nav-dh ul li.active a b.nav-img5{background: url("../images/nav5.png") no-repeat 0 -55px; background-size: 50px;}
.nav-dh ul li a:hover b.nav-img6,.nav-dh ul li.active a b.nav-img6{background: url("../images/nav6.png") no-repeat 0 -55px; background-size: 50px;}
.nav-dh ul li a:hover i,.nav-dh ul li.active a i{ color: #fff;}

.nav-dh ul li i{ font-size: 14px; color: rgba(255,255,255,0.5); font-style: normal; display: block;transition:all .5s ease-out 0s; padding-top: 15px;}

/*Banner*/
.bannerPanel{ float: left; background: #1A1A1A;width: 100%; overflow: hidden;}

.bannerPanel .swiper-container{ width: 100%; height: 100%;}
.bannerPanel .swiper-slide{ float:left; width:100%; height:100%; overflow:hidden;}
.banner-cz{ position:  absolute; width: 100%; left: 0px; bottom: 0%; z-index: 99;}
.bannerPanel .swiper-pagination{ width: 100%; top: 50%; bottom: auto !important;left:auto !important;right: 0px; position: static; margin: 20px 0px; text-align:left; padding:0px 80px;}
.bannerPanel .swiper-container-horizontal>.swiper-pagination-bullets{ width: 30px;}
.bannerPanel .swiper-pagination-bullet{ width: 12px; height: 12px; opacity: 1; background: #fff;margin: 15px 9px; border-radius:20px;transition:all 0.5s ease-out 0s; outline:none;}
.bannerPanel .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{  }
.bannerPanel .swiper-pagination-bullet-active{ background: #e6212b; width:24px;}
.bannerPanel .swiper-slide-active .banner-bj{webkit-animation: scaleBigToSmall 4s;animation: scaleBigToSmall 4s;}
.bannerPanel .swiper-wrapper{ float: left; width: 100%; height: 100%;}
.loading{ position: fixed; width: 100%; height: 100%; top: 0px; z-index:999999; background:#1b1b1b; }
.loading-logo{ width:160px; height:70px; position:fixed; left:50%; margin-left:-80px; top:50%; margin-top:-35px;}
.ldlogo{width: 160px; height: 70px; position: absolute;left: 0; top: 0; background: url(../images/ldlogo.png) no-repeat; z-index: 3;animation: wave 2s infinite linear;}
.ldbg{width: 160px;height: 70px; position: relative;background: url(../images/ldlogo-b.png) no-repeat;   z-index: 2; float:left;}
.banner-bj{ position:absolute; width:100%; height:100%; background:#222; background-size:cover; left:0px; top:0px;-webkit-animation-fill-mode: both;animation-fill-mode: both;}

.bannerPanel .swiper-button-prev{  background: none; width: 50px; height: 50px;line-height:50px; border-radius:50px;font-size: 24px; color: rgba(255,255,255,.8); text-align: center; position:absolute; margin: -25px 0px 0px 0px; top: 50%;outline:none; left:30px; }
.bannerPanel .swiper-button-next{  background: none; width: 50px; height: 50px; line-height:50px; border-radius:50px; font-size: 24px; color: rgba(255,255,255,.8); text-align: center; position: absolute; margin: -25px 0px 0px 0px; top: 50%; outline:none; right:30px;}
.bannerPanel .swiper-button-prev:hover i,.bannerPanel .swiper-button-next:hover i{ color: #fff;}
.bannerPanel .swiper-button-prev:hover,.bannerPanel .swiper-button-next:hover{ background:#e6212b;}

.public-center{ width: 1600px; margin: 0 auto;}

/*轮播图*/
.banner{ float: left; width: 100%; height: 900px; background: red;}
/*服务*/
.service{ float: left; width: 100%; position: relative; background: #222;overflow: hidden;}
.container{ position: relative; float: left; width: 100%;  }
.service-bj1{ background:url(../images/banner/service-bj1.jpg) center no-repeat; background-size:cover;}
.service-bj2{ background:url(../images/banner/service-bj2.jpg) center no-repeat; background-size:cover;}
.service-bj3{ background:url(../images/banner/service-bj3.jpg) center no-repeat; background-size:cover;}
.service-bj4{ background:url(../images/banner/service-bj4.jpg) center no-repeat; background-size:cover;}
.service-bj5{ background:url(../images/banner/service-bj5.jpg) center no-repeat; background-size:cover;}


.service .swiper-button-prev{  background: none; width: 50px; height: 50px;line-height:50px; border-radius:50px;font-size: 24px; color: rgba(255,255,255,.8); text-align: center; position:absolute; margin: -25px 0px 0px 0px; top: 50%;outline:none; left:30px; }
.service .swiper-button-next{  background: none; width: 50px; height: 50px; line-height:50px; border-radius:50px; font-size: 24px; color: rgba(255,255,255,.8); text-align: center; position: absolute; margin: -25px 0px 0px 0px; top: 50%; outline:none; right:30px;}
.service .swiper-button-prev:hover i,.service .swiper-button-next:hover i{ color: #fff;}
.service .swiper-button-prev:hover,.service .swiper-button-next:hover{ background:#e6212b;}

.service-nr{ float: left; width: 100%; }
.service-nr .swiper-container{ float:left; width:100%;}
.service-nr .swiper-wrapper{ float:left;}
.idx-service .split1{position: absolute;top: 50%;left: 0;right: 0;height: 1px;background: rgba(255,255,255,0.08);}
.idx-service .split2{position: absolute;top: 0;bottom: 0;left: 35.5%;right: 35.5%;border-left: 1px solid rgba(255,255,255,0.08);border-right: 1px solid rgba(255,255,255,0.08);}
.idx-service .split3{width: 5px;height: 20px;left: 0;top: 50%;background: #fff;position: absolute;}
.idx-service .split4{width: 20px;height: 5px;right: 0px;top: 50%;margin-top: -5px;background: #fff; position: absolute;}
.idx-service .split5{left: 0;right: 0;top: -.8rem;bottom: -.8rem;border-left: 1px solid rgba(255,255,255,0.08);border-right: 1px solid rgba(255,255,255,0.08);position: absolute;}
.fw-main{ position: relative; float: left; width: 100%; padding:80px 0px 100px 0px;  }
.fw-left{ float: left; width: 40%; position: absolute; height: 100%; top: 0px; left: 0px; padding-top: 220px; padding-left: 10px;}
.fw-left h6{ float:left; width:100%;}
.fw-left h6 img{ float:left; width:80px;}
.fw-left h3{ font-size: 50px; color: #fff; animation-duration: 1s;opacity: 0;}
.fw-left h3 b{ font-size: 16px; font-family: din; text-decoration: underline;vertical-align: top; margin-right: 10px;}
.fw-left p{ font-size: 16px; line-height: 30px; color: #fff; margin: 50px 0px 0px 30px;animation-duration: 1.1s;opacity: 0;}
.fw-left .more .c-button{border: 1px solid rgba(255,255,255,.5); background: none; color: #fff;}
.fw-left .c-button:before{ background: #EF3333;}
.fw-left .more{ float:left; margin-top:80px;animation-duration: 1.2s;opacity: 0;}


.fw-left .c-button:hover{color:#fff}
.fw-left .c-button:hover>i{background:#fff}
.fw-left .c-button:hover>i:before{border-left-color:#fff;border-bottom-color:#fff}

.service .swiper-slide-active .fw-left h3{ -webkit-animation-name: fadeInLeftBig;animation-name: fadeInLeftBig;opacity: 1}
.service .swiper-slide-active .fw-left p{ -webkit-animation-name: fadeInUpBig;animation-name: fadeInUpBig;opacity: 1}
.service .swiper-slide-active .fw-left .more{ -webkit-animation-name: fadeInUpBig;animation-name: fadeInUpBig;opacity: 1}

.service-bt{ position: absolute; top: 60px; left: 50%; z-index:7; width:1600px; margin:0px 0px 0px -800px;}
.service-bt .public-bt-en,.service-bt .public-bt-cn{ color: #fff;}
.fu-right{ float: right; width: 56%; text-align: center; margin-top:30px;}
.fu-right img{ width:90%;animation-duration: 1.4s;opacity: 0; float:left;}
.service .swiper-slide-active .fu-right img{ -webkit-animation-name: fadeInUpBig;animation-name: fadeInUpBig;opacity: 1}
.top-img{ }
.service .swiper-container-horizontal>.swiper-pagination-bullets{bottom: 20px; }
.service .swiper-pagination-bullet{ width: 10px; height: 10px; background: #717070;  opacity: 1; background: none; border: 2px solid #717070; outline:none;}
.service .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin: 0px 10px;}
.service .swiper-pagination-bullet-active{ background: #fff;border: 2px solid #fff;}
/*关于我们*/
.about{ float: left; width: 100%; padding: 40px 0px 80px 0px; position: relative; background: url("../images/about-bj.jpg") center no-repeat; overflow: hidden; position:relative;}
.about-pf{ position:absolute; bottom:3vw; left:3vw;}
.about-pf img{ width:10vw;-webkit-animation: img2 35s ease-in-out infinite; animation: img2 35s  ease-in-out infinite;} 
.about-bt{ float: left; width: 100%;text-align: center;}
.about-bt h2{ }
.about-nr{ float: left; width: 100%; text-align: center; margin: 80px 0px 30px 0px;}
.about-nr h6{ font-size: 20px; color: #222; margin-bottom: 50px;}
.about-nr p{ font-size: 16px; color: #222; line-height: 44px;}
.about .more{ text-align: center; float: left; width: 100%; margin-top: 40px;}
/*数字*/
.digital{ background: #f5f5f5; border-top: 1px solid #eee; float: left; width: 100%; padding: 60px 0px; overflow:hidden;}
.digital ul{ max-width: 1920px; margin: 0 auto;}
.digital ul li{ width:16.66%; text-align:center;float: left;position: relative;color: #000;font-size: 18px;box-sizing: border-box;}
.digital ul li span{ font-size: 72px; font-family: din; color: #EF3333; display:inline-block;}
.rjbt{ float:left; width:100%;}
.rjbt b{vertical-align: 50px; color:#ef3333; font-size:14px;}
.digital ul li p{ font-size: 16px;  color: #000; font-weight: bold;}
.digital ul li img{margin-top: -14px;position: absolute;right: 43px;top: 50%;display: block; width: 15px;}

.yj_a{ float:left; width:100%;height:650px; background:#f5f5f5; overflow:hidden;}
.yj_a1{ width:1200px; margin:0 auto;height:650px;position:relative;}
.yj_a1 h6{ float:left; width:100%; display:none;}
.yj_a1 h1{ text-align:center; font-size:32px;  font-weight:bold; color:#000; position:absolute; width:100%; top:190px; z-index:2}
.yj_a1 p{ text-align:center; font-size:16px; line-height:32px; margin-top:20px;position:absolute; width:100%; top:220px; z-index:2}
.yj_a1 h2{ width:619px; height:297px; background:url(../images/yj1.png); position:absolute; bottom:0px; left:50%; margin-left:-310px;}
.yj_a1 h3{ width:475px; height:430px; background:url(../images/yj2.png); position:absolute; bottom:0px; left:-255px;}
.yj_a1 h4{ width:527px; height:508px; background:url(../images/yj3.jpg); position:absolute; top:0px; right:-336px;}
/**/
.solution{float: left; width: 100%; padding-bottom: 60px; overflow: hidden;}
.solution-bt{float: left; width: 100%;  text-align: center;}
.solution-bt .public-bt-en,.solution-bt .public-bt-cn{ color: #fff;}
.solution-nr{float: left; width: 100%; background:#222; background-size: 60px; position: relative; overflow: hidden;}
.solution-left{ float: left; width: 1100px;}
.solution-left .swiper-slide{ position: relative; overflow: hidden; }
.solution-left .swiper-slide img{ float: left; width: 100%;transition: all 3s ease .5s;transform: scale(1.1);}
.solution-left .swiper-slide.swiper-slide-active img{transform: scale(1);}

/*.solution-left .swiper-slide:before{content: ''; width: 120%;height: 120%;position: absolute;z-index: 91;right: 0;top:-10%;left:-10%;transition:width 0.8s ease .1s;background-color: #222;}
.solution-left .swiper-slide.swiper-slide-active::before{width: 0;}*/
/*
.solution-left .swiper-slide:before{ content: '';-webkit-transform: translateX(0%);transform: translateX(0%);transition:all 1s ease-out 0.3s; position: absolute; width: 100%; height: 100%; background: #282828;}
.solution-left .swiper-slide.swiper-slide-active:before{visibility: visible;-webkit-transform: translateX(100%); transform: translateX(100%);}

*/

.solution-left video{ position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);object-fit: cover;height: 100%;width: 100%; z-index: 2;}
.solution-left .swiper-slide b{ position: absolute; bottom: 0px; height: 80px; width: 100%; z-index: 3; left: 0px; background:rgba(0,0,0,.5); line-height: 80px; padding: 0px 30px; color: #fff; font-size: 16px; opacity: 0;transition:all .5s ease-out 0s;-webkit-transform: translateY(50%);transform: translateY(50%);}
.solution-left:hover .swiper-slide.swiper-slide-active b{ opacity: 1;-webkit-transform: translateY(0%);transform: translateY(0%);}
.solution-left .swiper-pagination{ text-align: right; bottom: 30px !important; padding-right: 20px;}
.solution-left .swiper-pagination-bullet{ width: 10px; height: 10px;   opacity: 1; background: none; border: 2px solid rgba(255,255,255,0.6); outline:none;}
.solution-left .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin: 0px 10px;}
.solution-left .swiper-pagination-bullet-active{ background: #fff;border: 2px solid #fff;}
.solution-right{ float: right; width: 500px; padding: 50px 50px 50px 50px; position:absolute; right: 0px; top: 0px; height: 100%;}
.solution-right h3{ font-size: 26px; color: #fff; font-weight: bold;float: left; width: 100%; position: relative;padding-bottom: 20px; margin-bottom: 50px;}
.solution-right h3:before{ width: 22px; height: 3px; background: rgba(255,255,255,.5); content: ""; position: absolute; bottom: 0px; left: 0px; }
.solution-right p{ font-size: 16px; color: rgba(255,255,255,.5);float: left; width: 100%; line-height: 44px;}
.solution-right span{ float: left; width: 100%; margin-top: 30px;}
.solution-right span a{ height: 36px; display: block; float: left; border: 1px solid rgba(255,255,255,.5); line-height: 36px; padding: 0px 20px; margin-right: 20px; color: rgba(255,255,255,0.5);transition:all 0.5s ease-out 0s; position: relative; margin-bottom: 20px;}
.solution-right span a:before{content: '';display: block;position: absolute;left: auto;right: -1px;top: -1px;width: 0;height: calc(100% + 2px);background-color: #fff;transition: inherit;}
.solution-right span a:hover{  color: #000;}
.solution-right span a b{ position: relative; z-index: 3;}
.solution-right span a:hover:before{left:-1px;right:auto;width:calc(100% + 2px)}

.c-button{  position: relative;display: inline-flex;align-items: center;justify-content: center;width: 270px;height: 68px;color: #232323;background: #fff;letter-spacing: .1em;text-decoration: none;transition: all .4s cubic-bezier(.78,.07,0,1) .2s;border: 1px solid #EEEEEF;cursor: pointer;}
.c-button:before{content: '';display: block;position: absolute;left: auto;right: -1px;top: -1px;width: 0;height: calc(100% + 2px);background-color: #EF3333;transition: inherit;}
.c-button>i{ position: absolute;top: calc(50% - 1px);right: -30px;width: 50px;height: 1px;background: #717070;transition: inherit;pointer-events: none;}
.c-button>i:before{content: '';position: absolute;right: 0;bottom: 0;border-top: 3px solid transparent;border-left: 3px solid #717070;border-right: 3px solid transparent;border-bottom: 3px solid #717070;transition: inherit;}
.c-button:hover{color:#fff}
.c-button:hover:before{left:-1px;right:auto;width:calc(100% + 2px)}
.c-button>b{position:relative; z-index: 3; font-family: din; font-size: 14px;}
.c-button:hover>i{right:30px;background:#fff}
.c-button:hover>i:before{border-left-color:#fff;border-bottom-color:#fff}


.solution-right .more{  position: absolute; bottom: 50px; left: 50px;}
.solution-right .more .c-button{border: 1px solid rgba(255,255,255,.5); background: none; color: #fff;}
.solution-right .c-button:before{ background: #EF3333;}
.solution-right .c-button:hover{color:#fff}
.solution-right .c-button:hover>i{background:#fff}
.solution-right .c-button:hover>i:before{border-left-color:#fff;border-bottom-color:#fff}
    /*新闻*/
.news{ float: left; background: #EEEEEF; width: 100%;}
#canvas{  width: 100%;height: 480px;background: #222;overflow: hidden; float: left;}
#box{ float: left; width: 100%;}
#box canvas{ float:left; margin-top: -20%;}


.news-bt{ float: left; text-align: center; width: 100%; margin-top: 30px;}
.public-bt-en{ font-size: 40px; font-family: din; color: #333;}
.public-bt-cn{ font-size: 20px; font-weight: bold; margin-top: 10px;color: #333;}
.news-bt .public-bt-en,.news-bt .public-bt-cn{ color: #fff;}
.news-list{ float: left; width: 100%; padding-bottom: 50px; margin-top: -250px; overflow: hidden;}
.news-nr{ float: left; width: 100%; }
.news-nr dl{ float: left; width: 100%; padding:30px 30px 20px 30px; background: #fff;transition:all 0.5s ease-out 0s; margin-top: 20px;}
.news-nr dl dt{ float: left; width: 100%; overflow: hidden;}
.news-nr dl dt img{ float: left; width: 100%;-webkit-transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, transform 1s;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.news-nr dl:hover dt img{-webkit-transform: scale3d(1.1,1.1,1);transform: scale3d(1.1,1.1,1);}
.news-nr dl dd{ float: left; width: 100%; padding: 20px 0px;}
.news-nr dl dd h6{  font-size:18px; color:#333; line-height:28px;-webkit-line-clamp: 2; float:left; width:100%; height:56px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; word-break: break-all; text-overflow: ellipsis;}
.news-nr dl dd p{ font-size: 14px; color: #666; line-height: 32px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;word-break: break-all;text-overflow: ellipsis; float: left; width: 100%; margin-top: 15px; height: 32px; display:none;}
.news-nr dl dd font{ float: left; width: 100%; border-top: 1px solid #EEEEEF; margin-top: 30px; padding-top: 20px; position: relative;}
.news-nr dl dd font:before{content: "";display: block;position: absolute;height: 1px;width: 0;top: -1px;right: 0;background: #ff3f47;-webkit-transition: .5s;transition: .5s;}
.news-nr dl:hover dd font:before{-webkit-transition: .5s;transition: .5s;width: 100%;right: auto;top: -1px;}
.news-nr dl dd font b{ float: left; font-family: din; color: #717070; font-size:14px; }
.news-nr dl dd font i{position: relative; float: right;display: inline-block;top: 10px;margin-left: 18px;width: 42px;height: 1px;background: currentColor;transition: all .4s cubic-bezier(.78,.07,0,1);pointer-events: none;}
.news-nr dl dd font i:before{content: '';position: absolute;right: 0;bottom: 0;border-top: 3px solid transparent;border-left: 3px solid currentColor;border-right: 3px solid transparent;border-bottom: 3px solid currentColor;}
.news-nr dl:hover{ background: #e52029;box-shadow:0px 0px 22px 0px rgba(111,102,102,0.11); margin-top: 10px;}
.news-nr dl:hover dd h6,.news-nr dl:hover dd p,.news-nr dl:hover dd font b{ color: #fff;}
.news-nr dl:hover dd font i:before{border-left: 3px solid #fff;border-bottom: 3px solid #fff;}
.news-nr dl:hover dd font i{background: #fff;}
.news-list .swiper-container{ padding-bottom: 55px;}
.news-list .swiper-pagination-bullet{ width: 12px; height: 12px; border: 2px solid #717070; background: none; opacity: 1; outline:none;}
.news-list .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin: 0px 10px;}
.news-list .swiper-pagination-bullet-active{ background: #717070;}
.news-list .swiper-slide:nth-child(1n) .news-nr dl{animation-duration: 1.2s;animation-delay: .2s;}
.news-list .swiper-slide:nth-child(2n) .news-nr dl{animation-duration: 1.2s;animation-delay: .3s;}
.news-list .swiper-slide:nth-child(3n) .news-nr dl{animation-duration: 1.5s;animation-delay: .4s;}
.hzhb-list{ float:left; width:100%; display:none;}


.news-list .swiper-button-next,.news-list .swiper-button-prev{ width:50px; height:50px; background:rgba(0,0,0,0.65); margin-top:-25px; text-align:center; line-height:50px; font-size:28px; color:#fff; opacity:0.6; outline:none;}
.news-list .swiper-button-next{ right:-50px;transition: all 0.5s ease-out 0s;}
.news-list .swiper-container:hover .swiper-button-next{ right:0px;opacity:1;}

.news-list .swiper-button-prev{ left:-50px;transition: all 0.5s ease-out 0s;}
.news-list .swiper-container:hover .swiper-button-prev{ left:0px; opacity:1;}


.db-an{ float:left; width:100%; position:relative;background: #f1f1f1; text-align:center; padding:30px 0px 26px 0px;}
.db-an .swiper-button-next,.db-an .swiper-button-prev{ position:static; margin:0px 5px;width:52px; height:50px; display:inline-block; border:none; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s; outline:none; cursor:pointer;border-radius:2px; }

.works_more{ display:inline-block;}
.works_more a{display:inline-block; width:92px; height:50px; background:#fff url(../images/works_more.png) no-repeat center -50px; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s; border-radius:2px;}
.works_more a:hover{background:#333 url(../images/works_more.png) no-repeat center 0;}

.db-an .works_prev{background:#fff url(../images/works_arr.png) no-repeat 0 0;}
.db-an .works_prev:hover{background:#333 url(../images/works_arr.png) no-repeat -52px 0;}
.db-an .works_next{background:#fff url(../images/works_arr.png) no-repeat -52px -50px;}
.db-an .works_next:hover{background:#333 url(../images/works_arr.png) no-repeat 0 -50px;}


.hzhb-list li{float:left; width:100%; text-align:center;}
.hzhb-list li a{display:block; background:#fff; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
.hzhb-list li article{position:relative; width:100%; height:0; padding-top:62.4%; overflow:hidden;}
.hzhb-list li article img{position:absolute; top:0; left:0; width:100.5%; height:auto; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s; -webkit-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); transform:translate3d(0,0,0);}
.hzhb-list li article summary{width:100%; height:50px; position:absolute; bottom:-50px; left:0; line-height:50px; color:#fff; background:rgba(0,0,0,0.5); background:#666; text-align:left; text-indent:20px; z-index:3; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s; font-size:14px;}
.hzhb-list li h5{line-height:24px; font-size:18px; color:#333; padding-top:16px; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
.hzhb-list li span{line-height:22px; font-size:14px; color:#999; display:block; padding-bottom:18px; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}


.hzhb-list li a:hover{background-color:transparent;}
.hzhb-list li a:hover h5, .hzhb-list li a:hover span{color:#fff;}
.hzhb-list li a:hover article summary{bottom:0;}
.hzhb-list li a:hover article img{-webkit-transform:scale(1.1); -moz-transform:scale(1.1); transform:scale(1.1);}
.hzhb-list li a:hover article:before{opacity:1; filter:alpha(opacity=100); zoom:1;}
.hzhb-list li a:hover article:after{opacity:1; filter:alpha(opacity=100); zoom:1; -webkit-transform:scale(1); -moz-transform:scale(1); transform:scale(1);}




.ny-hzhb{ float:left; width:100%; background:#f1f1f1; display:none;}
.ny-hzhb li{float:left; width:25%; text-align:center;}
.ny-hzhb li a{display:block; background:#fff; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
.ny-hzhb li article{position:relative; width:100%; height:0; padding-top:62.4%; overflow:hidden;}
.ny-hzhb li article img{position:absolute; top:0; left:0; width:100.5%; height:auto; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s; -webkit-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); transform:translate3d(0,0,0);}
.ny-hzhb li article summary{width:100%; height:50px; position:absolute; bottom:-50px; left:0; line-height:50px; color:#fff; background:rgba(0,0,0,0.5); background:#666; text-align:left; text-indent:20px; z-index:3; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s; font-size:14px;}
.ny-hzhb li h5{line-height:24px; font-size:18px; color:#333; padding-top:16px; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
.ny-hzhb li span{line-height:22px; font-size:14px; color:#999; display:block; padding-bottom:18px; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}


.ny-hzhb li a:hover{background-color:transparent;}
.ny-hzhb li a:hover h5, .ny-hzhb li a:hover span{color:#fff;}
.ny-hzhb li a:hover article summary{bottom:0;}
.ny-hzhb li a:hover article img{-webkit-transform:scale(1.1); -moz-transform:scale(1.1); transform:scale(1.1);}
.ny-hzhb li a:hover article:before{opacity:1; filter:alpha(opacity=100); zoom:1;}
.ny-hzhb li a:hover article:after{opacity:1; filter:alpha(opacity=100); zoom:1; -webkit-transform:scale(1); -moz-transform:scale(1); transform:scale(1);}


    /*底部*/

	
.footer{ background: #111; width: 100%; float: left; overflow: hidden;}
.footer-tel{ float: left;}
.footer-tel img{ float: left; width: 100px; margin-right: 30px; }
.footer-tel span{ float: left; margin-top: 15px;}
.footer-tel h6 a{ font-size: 16px; color: #fff;font-family:din; font-weight: normal;}
.footer-tel b{ font-size: 14px; color: rgba(255,255,255,.5); font-weight: normal; margin-top: 22px; display: block;}
@font-face{ font-family:din; src:url("../font/DIN.ttf");}
.footer-top{ padding-bottom: 20px; float: left; width: 100%; padding-top: 50px; position: relative;}
.footer-bottom{ float: left; width: 100%; border-top: 1px solid rgba(216,216,216,0.1); padding: 30px 0px 50px 0px;}
.footer-nav{ float: right;}
.footer-nav ul li{ float: left; margin-left: 50px;}
.footer-nav ul li a{  font-size: 14px; color: rgba(255,255,255,.5); transition: all 0.5s ease-out 0s;}
.footer-nav ul li a:hover{  color: rgba(255,255,255,1); }
.footer-nav p{ float: right;color: rgba(255,255,255,.5); margin-top: 36px;}
.footer-taa{float: left; margin-left:30px;}
.footer-taa h6 a{ font-size: 20px; color: #fff;font-family:din; font-weight: normal;}
.english-title{ font-size: 28px;font-family:din; font-weight: normal;}
.footer-top .english-title{ color: rgb(255,255,255); float: left;}
.fx-right{ float: right; position: relative; z-index: 99;}
.links{ float: left;}
.links span{ position:relative; width:206px; display:block; float:left; cursor:pointer; z-index:39;}
.links span.ateler b{color: rgba(255,255,255,1); }
.links span.ateler i{    -webkit-transform: rotateZ(-180deg);-moz-transform: rotateZ(-180deg);-ms-transform: rotateZ(-180deg);-o-transform: rotateZ(-180deg);transform: rotateZ(-180deg); }
.links span b{font-size:14px;color:#fff;display:inline-block;width:206px;height:50px;line-height:50px;float:left; font-weight: normal;color: rgba(255,255,255,.5);  }
.links span b i{ float:right;margin-top:15px; font-size: 18px;}
.links span h5{position:absolute;width:100%;top:44px; display:none;max-height:150px;overflow-y:auto; padding:5px 0; background:#333; z-index: 99;}
.links span h5::-webkit-scrollbar {width:6px;}
.links span h5::-webkit-scrollbar-track { background:#000;}
.links span h5::-webkit-scrollbar-thumb { width:6px; background-color:#fff;border:solid 2px #fff;}

.links span h5::-webkit-scrollbar-thumb:window-inactive {background:#fff;}
.links span a{ padding:0 10px; display:block;float:left;width:100%;height:36px;line-height:36px; color:rgba(255,255,255,.5); font-size: 14px; overflow: hidden;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;word-break: break-all;text-overflow: ellipsis;}
.links span a:hover{color:#fff;}
.share{ float: left;}
.share a{ float: left; font-size: 20px; margin-right: 40px;color: rgba(255,255,255,.5); transition: all 0.5s ease-out 0s; margin-top: 15px;}
.share a:hover{ color: #fff;}

.banner-bj1{ background: url(../images/banner/banner1.jpg) center no-repeat; background-size:cover; z-index: 1;}
.banner-bj2{ background: url(../images/banner/banner2.jpg) center no-repeat; background-size:cover; z-index: 1;}
.banner-bj3{ background: url(../images/banner/banner3.jpg) center no-repeat; background-size:cover; z-index: 1;}

.banner-main{ position: relative; height: 100%; float: left; width: 100%;}


.banner-bj video{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); object-fit: cover; height: 100%;width: 100%; }

.banner-wz{ position: absolute; padding: 0px 120px; width: 100%; height: 100%; top: 0px; left: 0px; z-index: 3;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;align-items: center; background: rgba(0,0,0,0.15)}
.banner-wz.video-ab{background: rgba(0,0,0,0.4) }

.banner-wz h2{ font-size: 80px; color: #fff; font-weight:bold;opacity: 0;transform: translateY(50px);transition: all .6s;}
.banner-wz h3{ font-size: 46px;color: #fff; margin: 20px 0px 2vw 0px;opacity: 0;transform: translateY(50px);transition: all .6s;}
.banner-wz h6 a{width:260px; display:inline-block; line-height:46px;  height:48px;border:1px solid rgba(255,255,255,0.3); position:relative;letter-spacing: .1em;text-decoration: none;transition: all .4s cubic-bezier(.78,.07,0,1) .2s; text-align:center; }
.banner-wz h6 a i{ position:relative; z-index:3; font-style:normal;  font-family: din; color:#fff;transition: all 0.5s ease-out 0s; font-size:16px;}
.banner-wz h6  a:before{content: '';display: block;position: absolute;left: auto;right: -1px;top: -1px;width: 0;height: calc(100% + 2px);background-color: #e6212b;transition: inherit;}
.banner-wz h6  a:hover:before{left:-1px;right:auto;width:calc(100% + 2px)}
.banner-wz h6  a:hover i{ color:#fff;}
.banner-wz h6{ float:left; width:100%; margin-top:20px;opacity: 0;visibility: hidden;-webkit-transform: translateX(100px);-moz-transform: translateX(150px);-ms-transform: translateX(150px);transform: translateX(150px);-webkit-transition:  all 0.8s ease-out 1s;-moz-transition:  all 0.8s ease-out 1s;-ms-transition:  all 0.8s ease-out 1s;transition:  all 0.8s ease-out 1s;}
.on .bannerPanel .swiper-slide-active .banner-wz h2{ opacity: 1;transform: none;transition-delay: 0.3s;}
.on .bannerPanel .swiper-slide-active .banner-wz h3{ opacity: 1;transform: none;transition-delay: 0.5s;}
.on .bannerPanel .swiper-slide-active .banner-wz h6{opacity: 1;transition-delay: 0.7s;visibility: visible;-webkit-transform: translateX(0);-moz-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0);}
.contact-more .c-button:before{ background: #1C1C3C}
.contact-more{ position: absolute; bottom: 0px; right: 0px; z-index: 120;overflow: hidden;}
.contact-more .c-button{ width: 210px; background: #333; border: 0px; color: #fff; padding-right: 60px; }
.contact-more .c-button>i{ right: 10px;}

.list-close-mask-1{position: fixed; top: 0;  left: 0; z-index: -1;  width: 100%;  height: 100%; background-color: rgba(0, 0, 0, 0.8);  opacity: 0;  cursor: url(../images/cursor-x.png), auto;  -webkit-transition: opacity .5s linear 0s, z-index .1s linear .5s;
transition: opacity .5s linear 0s, z-index .1s linear .5s; display:none;}
.list-close-mask-1.show{z-index: 8;opacity: 1;-webkit-transition: opacity .5s linear 0s, z-index .1s linear 0s;transition: opacity .5s linear 0s, z-index .1s linear 0s;}
@-webkit-keyframes scaleBigToSmall {
    0% {
        opacity: 1;
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
}
@keyframes scaleBigToSmall {
    0% {
        opacity: 1;
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
}
.scaleBigToSmall{
    -webkit-animation-name: scaleBigToSmall;
    animation-name: scaleBigToSmall;
    transform-origin: 50% 50%;
}
@-webkit-keyframes wave {
  0% {
    width: 0;
  }
  50% {
    width: 80px;
  }
  100% {
      width: 160px;
  }
}
@-webkit-keyframes returnToNormal {
	  from {
	    opacity: 0;
	    -webkit-transform: translate3d(0, 100%, 0);
	    transform: translate3d(0, 100%, 0);
	  }

	  to {
	    opacity: 1;
	    -webkit-transform: none;
	    transform: none;
	  }
	}

	@keyframes returnToNormal {
	  from {
	    opacity: 0;
	    -webkit-transform: translate3d(0, 100%, 0);
	    transform: translate3d(0, 100%, 0);
	  }

	  to {
	    opacity: 1;
	    -webkit-transform: none;
	    transform: none;
	  }
	}

.index-particles-contain{position: absolute;top: 0;left: 0;width: 100%;height: 100%; background: #222;}

/*报价*/
.project{ width:100%; float:left; padding:130px 0px; background:url(../images/project.jpg);}
.project h1{ width:100%; float:left; font-size:30px; color:#363636; margin-bottom:70px;}
.project ul{ width:100%; float:left; position:relative; padding-right:200px;}
.project ul li{ width:25%; float:left; padding-right:12px;}
.name{ width:100%; height:50px; padding:0 20px; font-size:14px; color:#333; border:1px solid #eee; outline:none; border-radius:0px;}
input{     -webkit-appearance: none; }
.project ul li.nr{ width:50%; float:left;}
.project ul li.an{ width:200px; float:right; position:absolute; right:0px; padding-right:0px;}
.project ul li.an a{ width:100%; height:50px; background:#363636; font-size:14px; color:#fff; border:0px; outline:none; border-radius:0px; display:block; float:left; text-align:center; line-height:50px;} 	
.project h2{ float:left; width:100%; font-size:12px; color:#9f9f9f; margin-top:30px;}
.project ul li.an a:hover{ background:#e6212b}

/**/
.information{overflow: hidden;position:relative; background:url(../images/yx-bj.jpg) center no-repeat; background-size:cover;height: 760px; float:left; width:100%;}
.information .imgBox{margin: 0 auto;max-width: 1400px;position: relative; z-index:6;height: 760px;}
.information .imgBox img{display: block;position: relative;}
.information .imgBox .img01{position: absolute;left: 50%;top: 50%; width:180px; height:180px; margin:-90px 0px 0px -90px; z-index:2;}
.information .imgBox .img01 img,.information .imgBox .img12 img{ width:100%; float:left;}
.gygjc{transition:all 0.5s ease-out 0s;}

.information .imgBox .img02 a,
.information .imgBox .img03 a,
.information .imgBox .img04 a,.information .imgBox .img05 a,.information .imgBox .img06 a,.information .imgBox .img07 a,.information .imgBox .img08 a,.information .imgBox .img09 a,.information .imgBox .img10 a,.information .imgBox .img11 a{color: #fff; display:block; width:100%; height:100%;display: -webkit-box;display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center;-ms-flex-align: center; -webkit-align-items: center; align-items: center; text-align: center;}

/*品牌营销策划*/
.information .imgBox .img12{position: absolute;left: 50%;top: 50%; width:300px; height:300px; margin:-150px 0px 0px -150px;}

.information .imgBox .img02{position: absolute;left: 38.4%;top: -44px;z-index: 10;width: 280px;height: 280px;background: rgba(0,0,0,0.8); border-radius:50%; background-size:cover;color: #fff;text-align: center;line-height: 30px;font-size: 30px;box-sizing: border-box;}
.information .imgBox .img12 img{animation: Circle 15s infinite linear;}
@keyframes Circle{
	0%{
		transform: rotate(0deg);
	}
	100%{
		transform: rotate(360deg);
	}
}

/*媒体宣传推广与事件推广*/
.information .imgBox .img03{position: absolute;left: 16.4%;bottom: -42px;z-index: 20;width: 300px;height: 300px; border-radius:50%; background: rgba(0,0,0,0.5);background-size:cover;color: #fff;text-align: center;font-size:26px;box-sizing: border-box;}
/*明星商务授权*/
.information .imgBox .img04{position: absolute;left: 56.1%;bottom: 30px;z-index: 5;width: 240px;height: 240px;background: rgba(0,0,0,0.5);  border-radius:50%; background-size:cover;color: #fff;text-align: center;line-height: 30px;font-size: 22px;box-sizing: border-box;}
/*影视剧 综艺节目植入*/
.information .imgBox .img05{position: absolute;left: 22.3%;top: 120px;z-index: 21;background: rgba(136,74,253,0.5); width:180px; height:180px; border-radius:50%; font-size:18px;  }
/*全网微博时尚博主KOL*/
.information .imgBox .img06{position: absolute;right: 26%;top: 86px;background: rgba(0,0,0,0.5); width:188px; height:188px; border-radius:50%; font-size:20px; }
/*全网海量小红书KOC种草*/
.information .imgBox .img07{position: absolute;left: 6%;top: 320px;background: rgba(230,33,43,0.85); width:220px; height:220px; border-radius:50%; font-size:20px;}
/*明星直播衔接*/
.information .imgBox .img08{position: absolute;left: 40%;bottom: 20px;background: rgba(0,0,0,0.5); width:200px; height:200px; border-radius:50%; font-size:18px;}
/*时尚/娱乐盛典邀请函*/
.information .imgBox .img09{position: absolute;right: 5%;top: 140px;background: rgba(230,33,43,0.85); width:300px; height:300px; border-radius:50%; font-size:28px; }
/*舆情监控/危机公关*/
.information .imgBox .img10{position: absolute;left: 70.3%;top: 400px;z-index: 30;background: rgba(136,74,253,0.5); width:180px; height:180px; border-radius:50%; font-size:18px;}
/*全网时尚媒体品牌传播*/
.information .imgBox .img11{position:absolute; top:5%; left:2%;background: rgba(0,0,0,0.5); width:200px; height:200px; border-radius:50%; font-size:22px; }


.information .imgBox .img02:hover,.information .imgBox .img03:hover,.information .imgBox .img04:hover,.information .imgBox .img05:hover,.information .imgBox .img06:hover,.information .imgBox .img07:hover,.information .imgBox .img08:hover,.information .imgBox .img09:hover,.information .imgBox .img10:hover,.information .imgBox .img11:hover{background: rgba(230,33,43,0.95); }

.information video{ float:left; width:200px; position:absolute; bottom:5%; left:0px; display:none;}


@media (max-width: 1920px) {
    .banner-wz h2{ font-size: 68px;}
    .banner-wz h3{ font-size: 38px;}


}
@media (max-width: 1640px) {
	.public-center{ width:100%; padding:0px 40px;}
	.logo{ left:40px;}
	.menu-nav-toggle{ right:40px;}
	.solution-left{ width:68%;}
	.solution-right{ width:32%;}
	.service-bt{ width:100%; margin:0px; left:0px; padding:0px 40px;}
 
	.nav-a{ margin-right:40px;}
}
@media (max-width: 1440px) {
    .banner-wz h2{ font-size: 60px;}
    .banner-wz h3{ font-size: 36px;}

    .digital{ padding: 40px 0px;}
    .digital ul li span{ font-size: 66px; }
    #canvas{ height: 400px;}
    .solution-right h3{ margin-bottom: 20px;}
    .solution-right p{ line-height: 30px;}
    .solution-right{ padding:40px;}
    .solution-right .more{ left: 25px; bottom: 25px;}
	.project{ padding:130px 0px;}
	.yj_a{ height:520px;}
	.yj_a1{ height:520px;}
	.yj_a1 h2{ width:240px; height:115px; background-size:cover; margin-left:-120px;}
	
	.yj_a1 h4{ width:400px; height:386px; background-size:cover; right:-200px;}
}
@media (max-width: 1366px) {
    .banner-wz h3{ margin: 20px 0px 30px 0px}
    .public-bt-en{ font-size: 30px;}
    .about{ background-size: 1280px;}
    .container{ }
    .fw-left{ padding-top:200px; padding-left:50px; width:50%;}
	.fu-right{ width:50%;}
    .solution-right p{ font-size: 14px; line-height: 34px;}
    .solution-right h3{ font-size: 22px; margin-bottom: 20px;}
    #box canvas{ margin-top: -30%;}
    .digital ul li{}
    .solution-left .swiper-slide b{ opacity: 1;-webkit-transform: translateY(0%);transform: translateY(0%);}
    .fw-left h3{ font-size: 40px;}
	.information .imgBox .img02{ width:260px; height:260px; left:40%;}
	.information .imgBox .img03{ width:260px; height:260px; }
	.information .imgBox .img04{ width:220px; height:220px; left:auto; right:26%; }
	.information .imgBox .img07{ top:260px;}
	.information .imgBox .img09{ width:260px; height:260px; right:3%;}
	.information .imgBox .img10{left:auto; right:8%;}
	.information .imgBox .img11{ left:5%;}
	.information .imgBox,.information{ height:680px;}
	.information .imgBox .img01{width:160px; height:160px; margin:-80px 0px 0px -80px}
	.digital ul li span{ font-size:50px;}
	.rjbt b{ vertical-align: 30px; font-size: 12px;}
	.digital ul li p{ font-size:14px;}
	.fw-left .more{ margin-top:60px;}
	
	.information .imgBox .img12{width:240px; height:240px; margin:-120px 0px 0px -120px}
	.nav-a ul li{ margin:0px 30px;}
	
}
@media (max-width: 1280px) {
    .solution-right span a{ margin: 0px 10px 10px 0px;}
    .solution-right span{ margin-top: 20px;}
	.information .imgBox .img09{ width:200px; height:200px; right:3%; font-size:22px;}
	.information .imgBox .img06{ right:20%; }
	.information .imgBox .img07{width:190px; height:190px; }
	.information .imgBox .img04{width:160px; height:160px; font-size:16px;}
	.information .imgBox .img02{font-size:26px;}
	.fw-left p br{display:none;}
	.fw-left{ position:static; padding-top:90px; width:44%;}
	.nav-a{ margin-right:0px; padding-right:200px; position:absolute; width:100%; padding-left:200px;}
	.nav-a ul{ width:100%;}
	.nav-a ul li{ margin:0px; width:16.66%; text-align:center;}
	.nav-a ul li a{ display:inline-block; float:none;}
	.nav-a h6{ position:absolute; right:20px;}
}
@media (max-width: 1200px) {
    .banner-wz h2{ font-size: 48px;}
    .banner-wz h3{ font-size: 26px;}
    .banner-wz{ padding: 0px 40px;}
    .solution-right{ padding: 20px;}
    .solution-right .more{ left: 20px; bottom: 20px;}
    .footer-tel{ width: 36%; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex;}
    .footer-nav{ width: 60%;}
    .footer-tel span{-webkit-box-flex: 1;-webkit-flex: 1;flex: 1;}
    .news-nr dl{ padding: 20px 20px 10px 20px;}
    .news-nr dl dd p{    -webkit-line-clamp: 2; line-height: 24px; height: 48px;}
    .footer-tel span{ margin-top: 0px;}
    .footer-nav ul li{ margin-left: 0px; width:16.66%; text-align: right; }
    .footer-nav ul{ float: left; width: 100%;}
    .solution-right span a{ padding: 0px 10px;}
    .fw-left{ padding-top: 80px;}
	.bannerPanel .swiper-button-prev{ display:none;}
	.bannerPanel .swiper-button-next{ display:none;}
	.bannerPanel .swiper-pagination{ padding:0px; text-align:center;}
	.bannerPanel .swiper-pagination-bullet{ width:8px; height:8px;}
	.bannerPanel .swiper-pagination-bullet-active{ width:14px;}
	.yj_a{ padding:0px 40px;}
	.yj_a1{ width:100%; padding:0px 0px;}
}
@media (max-width: 1080px) {
    .solution-right p{ line-height: 26px;}
    .fw-left h3{ font-size: 34px;}
    .fw-left p{ margin: 20px 0px 0px 30px}
}
@media (max-width: 1024px) {
	.service-bt{ top:30px;}
    .contact-more .c-button{ width: 180px; height: 50px;}
    .c-button>i{ width: 35px;}
    .c-button>i{ right: -17px;}
    .about-nr{ margin: 50px 0px 30px 0px;}
    .service-nr{ }
    .fw-left h3{ font-size: 32px;}
    .fu-right{ margin-bottom: 40px;}
    .solution-right{ width: 100%; position: static;}
    .solution-right .more{ position: static; margin-top: 20px; float: left; width: 100%;}
    .solution-left{ width: 100%;}
    .news-nr dl{ padding: 30px 30px 10px 30px;}
    .fw-left{ width: 50%; padding-left:0px;}
    .fu-right{ width: 50%;}
	.banner-video{ background:url(../images/banner/banner1-1.jpg) center no-repeat; background-size:cover;}
	.banner-wz.video-ab{background: rgba(0,0,0,0);}
	.information .imgBox .img02{font-size:24px;width:210px; height:210px;}
	.information .imgBox .img03{font-size:24px;width:240px; height:240px; left:8%;}
	.information .imgBox .img11{font-size:18px;width:160px; height:160px;}
	.information .imgBox .img05{font-size:16px;width:140px; height:140px;}
	.information .imgBox .img07{font-size:18px;width:180px; height:180px;}
	.information .imgBox .img08{font-size:18px;width:180px; height:180px;}
	.information .imgBox .img06{font-size:16px;width:150px; height:150px;}
	.information .imgBox .img09{font-size:18px;width:180px; height:180px; top:180px;}
	.information .imgBox .img04{font-size:22px;width:190px; height:190px; right:23%;}
	.project ul li{ padding:0px;width:49%; margin-bottom:15px;}
	.project ul li:nth-child(4n+2){ float:right;}
	.project ul{ padding-right:0px;}
	.project ul li.nr{ width:70%;}
	.project ul li.an{ bottom:0px; width:28%;}
	.service .swiper-button-next,.service .swiper-button-prev{ display:none;}
	
	.about-nr p{ font-size:14px;}
	.c-button{ width: 200px; height: 50px;}
    .c-button>i{ right: -20px;}
    .solution-left .swiper-slide b{ height: 50px; line-height: 50px;}
	.fu-right img{ width:94%; margin-left:6%;}
	.service-bt{ padding:0px 20px;}
	.yj_a1 h4{ right:0px; width:18vw; height:17.2vw;}
	.yj_a1 h3{ left:0px;}
	.yj_a1 h1{ top:160px;}
	.yj_a1 p{ top:200px;}
	.yj_a1 h3{ width:18vw; height:17vw; background-size:cover;}
}
@media (max-width: 960px) {
    .footer-tel{ width: 100%;}
    .footer-tel img{ width: 80px; float: left; height: 80px;}
    .footer-nav{ width: 100%; margin-top: 20px; border-top: 1px solid rgba(216,216,216,0.1); padding-top: 20px;}
    .footer-nav ul li{ text-align: left; }
    .footer-nav p{ float: left; margin-top: 20px;}
    .fw-left{ position: static; width: 100%; padding-top:0px;}
    .service-bt{ top: 40px;}
    .fu-right{ float: left; width: 100%; margin-bottom: 40px; margin-top: 0px;}
    .fw-left p{ margin: 20px 0px 0px 20px}
    .fw-left .more{ margin-top:40px;}
	.information .imgBox .img04{font-size:20px;width:160px; height:160px; right:23%;}
	.information .imgBox .img03{left:5%; bottom:-20px;}
	.information .imgBox .img08{left:36%;}
	.fu-right img{ margin:0px; width:100%;}
	.fw-main{ padding:150px 0px 0px 0px;}
    .nav-a h6 i{ display:none;}
    .nav-a{ padding-right:60px;}
    .footer-taa{ margin-left:0px;}
}
@media (max-width: 768px) {
    .about-nr p br{ display: none;}
    .about-nr p{ font-size: 14px; line-height: 36px;}
    .public-center{ padding: 0px 20px;}
    .about-nr h6{ margin-bottom: 30px;}
    .about{background-size:800px;}
    .digital ul li span{ font-size: 40px;}
    .digital ul li img{ width: 10px;}
    .service-nr{ margin: 0px 0px 0px 0px;}
    #canvas{ height: 360px;}
    #box canvas{ margin-top: -50%;}
    .logo{ left: 50%; margin-left:-70px;}
    .menu-nav-toggle{ right: 20px;}
    .pursuer-header-list{ width:100%; right: -100%;}
	.information .imgBox .img02{font-size:22px;width:200px; height:200px;}
	.information .imgBox .img03{font-size:20px;width:190px; height:190px; left:8%;}
	.information .imgBox .img11{font-size:14px;width:140px; height:140px;}
	.information .imgBox .img10{font-size:14px;width:120px; height:120px; top:50vw;}
	.information .imgBox .img05{font-size:16px;width:140px; height:140px;}
	.information .imgBox .img07{font-size:18px;width:160px; height:160px; top:40vw;}
	.information .imgBox .img08{font-size:16px;width:150px; height:150px;}
	.information .imgBox .img06{font-size:16px;width:150px; height:150px; right:10%; top:5vw;}
	.information .imgBox .img09{font-size:18px;width:160px; height:160px; top:26vw;}
	.information .imgBox .img04{font-size:20px;width:170px; height:170px; right:15%;}
	.project ul li{ width:100%;}
	.project ul li.nr{ width:100%;}
	.project ul li.an{ position:static; width:100%;}
	.project{ padding:100px 0px;}
	.rjbt b{vertical-align: middle;}
	.digital ul li{ width:33.33%;}
	.digital ul li:nth-child(4n),.digital ul li:nth-child(5n),.digital ul li:nth-child(6n){ padding-top:20px;}
	.digital{    padding: 20px 0px;}
	.menu-nav-toggle{ display:block;}
	.nav-a ul{ display:none;}
	.nav-a h6{ left:20px; right:auto;}
	.yj_a1 p br{ display:none;}
}

@media (max-width: 640px) {
    .banner-wz h2{ font-size: 32px;}
    .banner-wz h3{ font-size: 20px;}
	.yj_a1 h6{ display:block; text-align:center; margin-top:20px;}
	.yj_a1 h1{ top:170px;}
	.yj_a1 h6 img{   width:160px;}
    .bannerPanel .swiper-pagination-bullet{ width: 8px; height: 8px; margin: 10px 11px}
    .digital{ padding: 30px 0px;}
    .fw-left h3{ font-size: 28px;}
    .fw-left p{ margin: 10px 0px 0px 20px}
   
   
    .solution-left .swiper-pagination{ bottom: 15px !important}
    .solution-left .swiper-pagination-bullet{ width: 8px; height: 8px;}
    .news-list .swiper-pagination-bullet{ width: 8px; height: 8px;}
    .news-nr dl{ padding: 15px 15px 10px 15px}
    .banner-wz{ padding: 0px 40px 0px 20px; }
    .c-button:hover>i{ right: 10px;}

    .nav-bj{ height:70px;}
    
    .logo a img{ width: 120px;}
    

    .pursuer-header-list{ width: 100%; right: -110%;}
    .nav-dh ul li{ height: 30.33%; width: 50%;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center; }
    .nav-dh ul li b{ height: 30px; width: 30px;}
    .nav-dh ul li b.nav-img1,.nav-dh ul li b.nav-img2,.nav-dh ul li b.nav-img3,.nav-dh ul li b.nav-img4,.nav-dh ul li b.nav-img5,.nav-dh ul li b.nav-img6{background-size: 30px;}
    .nav-dh ul li a:hover b.nav-img1,.nav-dh ul li.active a b.nav-img1{background: url("../images/nav1.png") no-repeat 0 -33px; background-size: 30px;}
    .nav-dh ul li a:hover b.nav-img2,.nav-dh ul li.active a b.nav-img2{background: url("../images/nav2.png") no-repeat 0 -33px; background-size: 30px;}
    .nav-dh ul li a:hover b.nav-img3,.nav-dh ul li.active a b.nav-img3{background: url("../images/nav3.png") no-repeat 0 -33px; background-size: 30px;}
    .nav-dh ul li a:hover b.nav-img4,.nav-dh ul li.active a b.nav-img4{background: url("../images/nav4.png") no-repeat 0 -33px; background-size: 30px;}
    .nav-dh ul li a:hover b.nav-img5,.nav-dh ul li.active a b.nav-img5{background: url("../images/nav5.png") no-repeat 0 -33px; background-size: 30px;}
    .nav-dh ul li a:hover b.nav-img6,.nav-dh ul li.active a b.nav-img6{background: url("../images/nav6.png") no-repeat 0 -33px; background-size: 30px;}
    .nav-dh{ height: 70%; margin-top: 0px; top: 15%;}
    .nav-dh ul{ width: 100%; height: 100%;}
	
	.information .imgBox .img01{width:130px; height:130px; margin:-65px 0px 0px -65px;}
	.information .imgBox .img02{font-size:3.1vw;width:30vw; height:30vw; left:40vw;}
	.information .imgBox .img03{font-size:2.8vw;width:33vw; height:33vw; left:3vw;}
	.information .imgBox .img04{font-size:2.2vw;width:20vw; height:20vw; right:15%;}
	.information .imgBox .img05{font-size:2.4vw;width:20vw; height:20vw; top:36vw; left:10vw;}
	.information .imgBox .img06{font-size:2.4vw;width:25vw; height:25vw; right:2vw; top:5vw;}
	.information .imgBox .img07{font-size:2.5vw;width:24vw; height:24vw; top:60vw;}
	.information .imgBox .img08{font-size:2.6vw;width:24vw; height:24vw;}
	.information .imgBox .img09{font-size:2.5vw;width:26vw; height:26vw; top:36vw;}
	.information .imgBox .img10{font-size:2.2vw;width:20vw; height:20vw; top:70vw;}
	.information .imgBox .img11{font-size:2.2vw;width:22vw; height:22vw;}
	
	
	.project h1{ font-size:24px; margin-bottom:35px;}
	
	.fw-left .more{ margin-top:20px;}
	.hzhb-list li h5{ font-size:16px; padding-top:10px;}
	.hzhb-list li span{ padding-bottom:10px;}
	.hzhb-list .swiper-slide:nth-child(6n+4) li a{ background:#f5f5f5;}
	.hzhb-list .swiper-slide:nth-child(6n+2) li a{ background:#f5f5f5;}
	.hzhb-list .swiper-slide:nth-child(6n+6) li a{ background:#f5f5f5;}
	.yj_a1 h1{ font-size:26px;}
	.yj_a1 p{ font-size:14px;}
	.yj_a{ padding:0px 20px;}
	.yj_a1 h4{ bottom:8vw; top:auto;display:none;}
	.yj_a1 h3{ display:none;}
}
@media (max-width: 480px) {
    .banner-wz h2{ font-size: 26px;}
    .banner-wz h3{ font-size: 18px;}
    .public-bt-en{ font-size: 26px;}
    .public-bt-cn{ font-size: 18px;}
	.fw-left p{ font-size:14px;}
	.fw-left h3{ font-size:24px;}
    .about-nr h6{ font-size: 16px; margin-bottom: 20px;}
    .about-nr{ margin: 30px 0px 20px 0px}
    .about{ background-size: 500px; padding-bottom: 30px;}
    .digital ul li p{ font-size: 12px; font-weight: normal;}
    .digital ul li img{ display: none;}
    
    .fw-main{ padding-top:120px;}
    .idx-service .split2{ display: none;}
    .service-bt{ top: 30px;}
    .fw-left{ padding-left: 0px;}

    .solution-right h3{ font-size:18px;}
    .solution-left .swiper-slide b{ padding: 0px 15px;}
    .solution-right span{ margin-bottom: 20px; margin-top: 20px;}
    .news-nr dl{ padding: 20px 20px 10px 20px}
    .news-list .swiper-container{overflow: inherit !important; float: left; width: 100%;}
    .english-title{ font-size: 26px;}
    .news-list{ padding-bottom: 20px;}
    .news-list .swiper-container{ padding-bottom: 40px;}
    .fx-right{ width: 100%;display: -webkit-box;display: -webkit-flex;display: flex; margin-top: 10px;}
    .links{-webkit-box-flex: 1;-webkit-flex: 1;flex: 1; }
    .links span{ width: 100%;}
    .links span b{ width: 100%;}
    .footer-top{ padding-top: 30px; padding-bottom: 10px;}
    .footer-tel img{ margin-right: 15px;}
    .footer-tel b{ margin-top: 10px; font-size: 12px;}
    .footer-bottom{ padding: 20px 0px 20px 0px}
    .footer-nav p{ margin-top: 10px;}
    .footer-nav ul li{ width: auto; margin:5px 20px 5px 0px;}
    .logo a img{ width: 100px;}
	.nav-bj.top .logo a img{ width:100px;}
    .logo a b{ font-size: 16px; line-height: 26px;}
    .menu-nav-toggle{ top:28px;}
    .menu-nav-toggle .toggle-burger i:nth-child(1n){ top: 10px; }
    .menu-nav-toggle .toggle-burger i:nth-child(2n){  top: 17px;}
    .menu-nav-toggle .toggle-burger i:nth-child(3n){  top: 24px;width: 13px;}
    .menu-nav-toggle.active .toggle-burger i:nth-child(3n){ width: 26px;}
    .menu-nav-toggle span.tip{ margin-right: 5px;}
    .toggle-burger{ width:26px; }
    .menu-nav-toggle .toggle-burger i{ width: 26px;}
    .news-nr dl dd h6{ font-size: 16px; height:auto; margin-bottom:10px;}
    .news-nr dl dd p{ font-size: 12px; margin-top: 5px;}
    .news-nr dl dd{ padding: 15px 0px 10px 0px;}
    .news-nr dl dd font{ margin-top: 15px;}
	.about .more{ margin-top:0px;}
	.about-nr p{ text-align:left; line-height:30px;}
	.solution-right .more{ margin-top:0px;}
	.solution-right span a{ font-size:12px; padding:0px 15px;}
	.nav-bj.top{ height:70px;}
	body.on .menu-nav-toggle.mess{ top:17px;}
    .project{ padding:50px 0px;}
	.information .imgBox,.information{ height:560px;}
	
	
	.information .imgBox .img12{width:200px; height:200px; margin:-100px 0px 0px -100px}

	
	.information .imgBox .img02{font-size:3.6vw;width:34vw; height:34vw; left:40vw;}
	.information .imgBox .img03{font-size:4vw;width:36vw; height:36vw; left:3vw;}
	.information .imgBox .img04{font-size:3vw;width:29vw; height:29vw; right:2vw;}
	.information .imgBox .img05{font-size:2.8vw;width:24vw; height:24vw; top:36vw; left:10vw;}
	.information .imgBox .img06{font-size:3vw;width:28vw; height:28vw; right:0vw; top:5vw;}
	.information .imgBox .img07{font-size:3.2vw;width:30vw; height:30vw; top:70vw;}
	.information .imgBox .img08{font-size:3.2vw;width:28vw; height:28vw; left:40vw;}
	.information .imgBox .img09{font-size:2.8vw;width:26vw; height:26vw; top:38vw;}
	.information .imgBox .img10{font-size:3vw;width:25vw; height:25vw; top:70vw;}
	.information .imgBox .img11{font-size:3vw;width:30vw; height:30vw; top:3vw;}
	.digital ul li span{ font-size:6vw;}
	}