*{margin: 0;padding: 0}
ul{list-style: none}
:root {--tf: linear;--effect: top-txt 1.5s var(--tf) infinite;}
.w1200{width: 1200px;margin: 0 auto;}
.clearfix:after{visibility:hidden;display:block;font-size: 0;content: " ";clear:both;height:0;line-height:0;}
.clearfix{*zoom:1;}
.clear{clear:both;}
.fl{float:left;}
.fr{float:right;}
.P-r{position: relative;}
.index-top{width: 100%;height: 80px;box-shadow: 0 0 9px rgba(0,0,0,0.3);background:#f9f9f9;}
.index-top-logo{width: 270px;text-align: center;padding: 14px 0 0 120px;}
.index-top-logo>img{width: 100%;}
.top-txt{text-align: center;position: absolute;left: 50%;transform: translateX(-50%);}
.top-txt>.p-txt{display: inline-block;text-transform: uppercase;text-align: center;font-size: 50px;transform: scale(.6);color: #313333;line-height: 80px;letter-spacing: -12px;}
.p-txt:nth-child(1){animation: var(--effect);}
.p-txt:nth-child(2){animation: var(--effect) .125s;}
.p-txt:nth-child(3){animation: var(--effect) .25s;}
.p-txt:nth-child(4){animation: var(--effect) .375s;}
.p-txt:nth-child(5){animation: var(--effect) .5s;}
.p-txt:nth-child(6){animation: var(--effect) .675s;}
.p-txt:nth-child(7){animation: var(--effect) .75s;}
.p-txt:nth-child(8){animation: var(--effect) .875s;}
.p-txt:nth-child(9){animation: var(--effect) 1s;}


@keyframes top-txt {
    0% {transform: scale(.6);}
    20% {transform: scale(.8);}
    50% {transform: scale(.6);}
  }



button{border: 1px solid transparent; outline: none;background: none;}
.nav-shadow{position: absolute;top: 555px;left: 50%;transform: translateX(-50%);text-align: center;}
.nav-shadow>img{width: 70%;}
.nav{width: 50%;position: relative;margin: -195px auto 0;}
.nav-btn-main{position: absolute;left: 50%;top: 0;transform: translate(-50%,-50%);z-index: 100;}
 .nav-btn{width: 372px;height: 372px;transform: rotate(45deg)}
.buts{width: 113px;height: 51px;position: absolute;border-radius: 1000px;z-index: 99;cursor: pointer;}
.buts:nth-child(1){right: -24px;top: 160.8px;transform: rotate(90deg);}
.buts:nth-child(2){left: 240px;bottom: 51.6px;transform: rotate(-45deg);}
.buts:nth-child(3){left: 130.8px;bottom: 6px;}
.buts:nth-child(4){bottom: 51px;left: 21.6px;transform: rotate(45deg);}
.buts:nth-child(5){left: -24px;top: 160.8px;transform: rotate(90deg);}
.buts:nth-child(6){right: 240px;top: 51.6px;transform: rotate(-45deg);}
.buts:nth-child(7){left: 130.8px;top: 6px;}
.buts:nth-child(8){top: 51px;right: 21.6px;transform: rotate(45deg);}
.nav-bak-inner{width: 170px;height: 170px;margin: 450px auto;margin-bottom: 190px;border-radius: 0 0 100px 0;transform: translateX(85px);position: relative;background-image: url(../img/1.png);background-size: cover;}
.nav-item{width: 170px;height: 170px;border-radius: 0 0 100px 0;position: absolute;transform-origin: 0 0;background-size: cover;}
.nav-item:nth-child(1){background-image:url(../img/1.png);}
.nav-item:nth-child(2){background-image:url(../img/2.png);}
.nav-item:nth-child(3){background-image:url(../img/3.png);}
.nav-item:nth-child(4){background-image:url(../img/4.png);}
.nav-item:nth-child(5){background-image:url(../img/5.png);}
.nav-item:nth-child(6){background-image:url(../img/6.png);}
.nav-item:nth-child(7){background-image:url(../img/7.png);}
.nav-item:nth-child(8){background-image:url(../img/8.png);}
.nav-link{transform-origin: 0 0;transition: all .6s 0.2s linear;position: absolute;left: 0;top: 0;cursor: pointer;}
.nav-item-link{width: 100px;height: 100px;position: absolute;border-radius: 0 0 200px 0;transform-origin: 0 0;transition: all .25s  linear;opacity: 0;z-index: 10}
.nav-item-link-s{width: 100px;height: 100px;position: absolute;border-radius: 0 0 200px 0;transform-origin: 0 0;transition: all .25s  linear;opacity: 0;z-index: 10}
.nav-son{position: absolute;z-index: 1;color: #f7f7f7;top: 83%;left: 27%;letter-spacing: 6px;font-size: 16px;}
.nav-son1{position: absolute;z-index: 1;color: #f7f7f7;top: 85%;left: 26%;letter-spacing: 6px;font-size: 16px;}
.nav-son2{position: absolute;z-index: 1;color: #f7f7f7;top: 71%;left: -7%;letter-spacing: 5px;font-size: 16px;width: 150%;}
.ns-148{transform: rotate(151deg);}
.ns-207{transform: rotate(-207deg);}
.ns-225{transform: rotate(-230deg);}
.ns-32{transform: rotate(-29deg);}
.ns-59{transform: rotate(59deg);}
.addcs{width: 210px;height: 210px;opacity: 1}
.addcs-s{width: 231px;height: 231px;opacity: 1}
/*.addcs1{transform: rotateZ(-50deg);}*/
.nav-bg-link{background-image: url(../img/s-2.png);width: 100%;height: 100%;background-repeat: no-repeat;transform: rotateZ(77deg);background-position: 100% 71%;}
.nav-bg-link-s{background-image: url(../img/s-3.png);width: 108.2%;height: 108.2%;background-repeat: no-repeat;background-position: 100% 71%;transform: rotateZ(2deg);}
.nil-1{transform: rotateZ(-64deg);}
.nil-2{transform: rotateZ(-32deg);}
.nil-3{transform: rotateZ(0deg);}
.nil-4{transform: rotateZ(32deg);}
.nil-5{transform: rotateZ(59deg);}
.nil-6{transform: rotateZ(90deg);}
.nil-7{transform: rotateZ(121deg);}
.nil-8{transform: rotateZ(152deg);}
.nil-9{transform: rotateZ(183deg);}
.nil-10{transform: rotateZ(214deg);}
.nil-11{transform: rotateZ(245deg);}
.nil-s{transform: rotateZ(323deg);}
.nil-s1{transform: rotateZ(246deg);}
.nil-s2{transform: rotateZ(59deg);}
.nil-s3{transform: rotateZ(-5deg);}
.nil-s4{transform: rotateZ(91deg);}
.nil-s5{transform: rotateZ(27deg);}
.nav-item:nth-child(1){transform: rotateZ(0deg);background: transparent;z-index: 1;border-left: 0;}
.nav-item:nth-child(2){transform: rotateZ(45deg);}
.nav-item:nth-child(3){transform: rotateZ(90deg);}
.nav-item:nth-child(4){transform: rotateZ(135deg);}
.nav-item:nth-child(5){transform: rotateZ(180deg);border-left: none;}
.nav-item:nth-child(6){transform: rotateZ(225deg);}
.nav-item:nth-child(7){transform: rotateZ(270deg);}
.nav-item:nth-child(8){transform: rotateZ(315deg);}
.nav-logo{position: absolute;width: 240px;height: 240px;border-radius: 50%;transform: translate(-50%,-50%);background-image: url("../img/logo.png");z-index: 1000;background-size: cover;}
.nav-center{position: absolute;width: 258px;height: 258px;border-radius: 50%;transform: translate(-50%,-50%);background: white;z-index: 999;text-align: center}
@keyframes haha1 {
 0%{transform:rotate(0deg);}
 25%{transform:rotate(90deg);}
 50%{transform:rotate(180deg);}
 75%{transform:rotate(270deg);}
 100%{transform:rotate(360deg);}
}
.nav-center>img{width: 430px;animation:haha1 60s linear infinite;}
.nav-bak-inner,.nav-item-link,.nav-btn-main{pointer-events: none;}

.top-tel{position: absolute;margin-top: 10px;right: 120px;}
.top-tel>img{height: 62px;}
.nav-son,.nav-son1,.nav-son2,.buts{pointer-events: auto;z-index: 99;}
.nav-bg-line{width: 1200px;height: 380px;position: absolute;top: 147px;z-index: -1;background-image: url("../img/line.png");background-repeat: no-repeat;background-size: cover;transform: translateX(-50%);left: 50%;}
.nav-L{position: absolute;top: 100px;left: 30px;width: 290px;height: 310px;overflow: hidden;}
.nav-R{position: absolute;top: 100px;right: 30px;width: 290px;height: 310px;overflow: hidden;}

.m290{margin-bottom: -290px;}
.m50{margin-top: 50px}
.m30{margin-top: 55px}
.Title-M{height: 80px;line-height: 70px;background-image: url(../img/info_title.jpg);text-align: center;background-repeat: no-repeat;background-position-x: 50%;background-position-y: 95%;}
.Title-M>h2{text-shadow: 1px 1px 1px rgba(0,0,0,0.3);color: #444;font-weight: 100;font-size: 30px;}
.Main-2{width: 100%;padding: 30px 0 25px 0;background: #f7f7f7;}
.M2-C{margin-top: 70px;height: 460px;}
.M2-C .ul{display: flex;flex-wrap: wrap;justify-content: space-between;}

.M3-BG{background: url(../img/bg-pro.gif);padding-top: 15px;}
.Main-3{width: 100%;padding-bottom: 50px;}
.P-fenlei{width: 100%;margin: 0 auto;margin-top: 75px;text-align: center;}
.P-fenlei>a{background:#404040;color:#fff; padding: 6px 10px;border-radius: 8px; margin-right: 10px;transition: all 0.3s;}
.P-fenlei>a:nth-last-child(1){margin-right: 0;}
.P-fenlei>a:hover{background: #00a0e9;color:#fff;}
.P-show{text-align: center;margin-top: 10px;}
.P-show>ul{display: flex;flex-wrap: wrap;justify-content: space-between;}
.P-show>ul>li{width: 264px;margin-top: 40px;position: relative;overflow: hidden;box-shadow: 0px 0px 6px#0006;border: 1px solid#b7b7b7;box-sizing: border-box;border-radius: 10px;}
.P-show>ul>li>.img{display: block;}
.P-show>ul>li>.p{position: absolute;bottom: 0;font-size: 18px;display: block;background: #00a0e9db;color: #fff;width: 100%;text-align: center;height: 40px;line-height: 40px;transition: all 0.3;}
.P-logo{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-88%);opacity: 0;transition: all 0.5s;}
.P-img{transition: all 0.5s;}
.P-show>ul>li:hover .P-img{transform: scale(1.06, 1.06);}
.P-show>ul>li:hover .p{background: #515151db;}
.P-show>ul>li:hover .P-logo{opacity: 1;}
.look_more{background:#4b4b4b;color:#fff;padding: 6px 10px;margin-top: 44px;display: inline-block;border-radius: 10px;transition: all 0.3s;}
.look_more:hover{background:#00a0e9;color:#fff;}

.footer_main{width: 100%; padding-bottom: 20px; background: #e8e8e8; color: #464646;border-top: 1px solid #b9b9b9;}
.footer_main .footer{padding-top: 60px;}
.footer_main .qcode{width: 300px;}
.footer_main .blogo{width:300px; line-height: 28px;}
.footer_main .blogo img{display: block; margin: 0 auto 8px; max-width: 100%; max-height: 60%;}
.footer_main .blogo .p1{color: #7b7b7b;}
.footer_main .blogo .p2{font-size: 16px; color:#464646;}
.footer_main .blogo .p3{color:#7b7b7b;line-height: 22px;}
.footer_main .botnavlist li{float: left;width: 140px;height: 146px;display: block;list-style: none;font-size: 16px;line-height: 32px;text-indent: 30px;overflow: hidden;border-right: 1px solid #fff;}
.footer_main .botnavlist li:first-child{padding-left: 0px;}
.footer_main .botnavlist li a{color: #464646; display: block; line-height: 32px; font-size: 16px;}
.footer_main .botnavlist li a:hover{color: #00a0e9;}
.footer_main .botnavlist li .drop{padding-top: 10px;}
.footer_main .botnavlist li .drop a{display: block;line-height: 26px;color: #7b7b7b;width: 100%;font-size: 12px;}
.footer_main .botnavlist li .drop a:hover{color: #00a0e9;}

.clearfix::after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
}
.clearfix {
}
/* 必要布局样式css */
.case-content-bg {
  padding-bottom: 0;
  height: 450px;
  /* background: url("../images/bg.png") no-repeat; */
  background-size: cover;
  background-position: center 50%;
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -ms-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
  margin-top: 60px;
}
.case-content-info {
  background-position: center 10%;
}
.case-box {
  width: 1180px;
  margin: 0 auto;
  position: relative;
}
.case-box-title {
  text-align: center;
  color: #fff;
  font-weight: normal;
  padding-bottom: 40px;
}
.case-box-title em {
  display: block;
  margin-bottom: 14px;
  font-style: normal;
  font-size: 30px;
  font-weight: normal;
}
.case-box-title span {
  font-size: 16px;
  opacity: .6;
  color: #fff;
  text-align: center;
}
.case-item {
  width: 280px;
  height: 390px;
  float: left;
  display: block;
  margin: 20px 0 0 0;
  position: relative;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  background: #00a0e9;
  border-radius: 15px;
}
.case-wrapper .case-item:hover {
  margin-top: 0;
  height: 430px;
  background-color: #313131;	
}
.case-item-bg1 {
  margin: auto;
  background: url(../img/case-logo001.png) no-repeat center;
  background-size: contain;
}
.case-item-bg2 {
  margin: auto;
  background: url(../img/case-logo002.png) no-repeat center;
  background-size: contain;
}
.case-item-bg3 {
  margin: auto;
  background: url(../img/case-logo003.png) no-repeat center;
  background-size: contain;
}
.case-item-bg4 {
  margin: auto;
  background: url(../img/case-logo004.png) no-repeat center;
  background-size: contain;
}
.case-item-bg {
  width: 100px;
  height: 100px;
  border-radius: 50px;
  margin-top: 50px;
}
.case-item-title {
  font-size: 18px;
  color: #fff;
  text-align: center;
  margin: 20px 0;
  line-height: 40px;
}
.case-item-text {
  font-size: 14px;
  color: #fff;
  line-height: 24px;
  height: calc(100% - 338px);
  margin: 0 30px;
  overflow: hidden;
}
.case-item-doc {
  padding: 20px 30px;
  width: 220px;
  bottom: 0;
  position: absolute;
  background: #27272e;
  border-bottom-right-radius: 15px;
  border-bottom-left-radius: 15px;
}
.case-item-doc p {
  line-height: 30px;
  margin: 0;
  font-size: 14px;
  color: #999999;
}
.case-item-doc p a {
  font-size: 14px;
  color: #fff;
  float: left;
  width: 100%;
  text-align: center;
}
.case-item-doc a+a::before {
  content: '|';
  float: left;
  color: rgba(102,102,102,0.6)
}
.case-wrapper .case-item+.case-item {
  margin-left: 20px;
}
.case-wrapper .case-item .case-item-doc a+a {
  text-align: right;
}
.case-wrapper .case-item a:hover {
  text-decoration: underline;
}



/***********index css end***********/
.toolbar{width: 52px;position: fixed;right: 1%;top: 44%;z-index: 999;}
.toolbar dd{width: 51px;height: 51px;margin-bottom: 1px;position: relative;-webkit-border-radius: 100%;border-radius: 100%;margin-top:4px;border:#4e4e4e solid 1px;background-color:#fff;-webkit-border-radius: 100%;border-radius: 100%;}
.toolbar dd i{width: 51px;height: 51px;display: block;position: absolute;left: 0;top: 0;cursor: pointer;text-align: center;-webkit-border-radius: 100%;border-radius: 100%;}
.toolbar dd i span{width: 35px;height: 35px;display: block;margin: 8px 0 0 8px;background: url(../images/rightFixIcon.png) no-repeat 0 0;}
.toolbar dd.gottop{display: none;}
.toolbar .slide-tel{display: block;width: 0;height: 53px;line-height: 53px;font-size: 24px;font-weight: bold;font-family: arial;color: #FFF;position: absolute;padding: 0 0 0 53px;top: -1px;right: -2px;-webkit-border-radius: 50px;border-radius: 50px;overflow: hidden;}
.toolbar .pop{position: absolute;right: 90px;top: -65px;background: #00a0e9;display: none;}
.toolbar .pop-code{width: 160px;}
.toolbar .pop-code img{width: 120px;height: 120px;display: block;padding: 20px 20px 0;}
.toolbar .pop-code h3{height: 52px;line-height: 26px;text-align: center;color: #fff;font-size: 16px;font-weight: 400;white-space: nowrap;}
.toolbar .pop-code h3 b{display: block;font-size: 14px;font-weight: normal;}
.toolbar .qq span{background-position: -35px -47px;}
.toolbar .qq a{width: 52px; height: 52px; cursor: pointer; display: block;}
.toolbar .qq:hover{background-color: #00a0e9;border-radius: 100%;}
.toolbar .qq:hover span{background-position: 0 -47px;}
.toolbar .tel span{background-position: -35px 0;}
.toolbar .tel:hover{background: #00a0e9;}
.toolbar .tel:hover span{background-position: 0 0;}
.toolbar .code span{background-position: -35px -95px;}
.toolbar .code:hover{background-color: #00a0e9;border-radius: 100%;}
.toolbar .code:hover span{background-position: 0 -95px;}
.toolbar .top span{background-position: -35px -142px;}
.toolbar .top:hover{background-color: #00a0e9;border-radius: 100%;}
.toolbar .top:hover span{background-position: 0 -142px;}
.toolbar dd:hover{}
/**********alone css end**********/