.margin1280{width: 1280px;height: 100%;margin: 0 auto;position: relative;}
.margin1280::after,
.side2 ul::after,
.side3 .mask .s5::after,
.fwbd ul::after,
.numsbox::after,
.scrbd ul::after{content: "";display: block;clear: both;zoom: 1;}
.banner{height: 860px;background: url(../image/banner_dewu.jpg) no-repeat center top;}
.btext1{padding-top: 175px;}
.btext1 img{display: inline-block;vertical-align: top;margin-right: 45px;}
.btext2{line-height: 22px;font-size: 22px;color: #fff;margin-top: 36px;}
.btext3{height: 20px;line-height: 20px;font-size: 16px;color: #5F6D71;padding-left: 124px;position: relative;font-weight: bold;margin-top: 223px;}
.btext3::after{content: "";display: block;width: 100px;height: 20px;background: url(../image/btext3.png);position: absolute;left: 0;top: 0;}
.btext4{width: 25px;height: 39px;background: url(../image/i0.png);position: absolute;left: 0;top: 463px;text-indent: -9999px;animation: anim02 2s linear infinite;-webkit-animation: anim02 2s linear infinite;}
.btext5{width: 146px;height: 146px;background: url(../image/i1-0.png);position: absolute;top: 238px;right: 257px;}
.btext5 span{display: block;width: 94px;height: 94px;background: url(../image/i12.png);position: absolute;top: 7px;left: 3px;animation: anim01 12s linear infinite;-webkit-animation: anim01 12s linear infinite;}
.btext5::after{content: "";display: block;width: 50px;height: 21px;background: url(../image/i22.png);position: absolute;top: 43px;left: 25px;}
@keyframes anim01{0%{transform: rotate(0deg);}100%{transform: rotate(360deg);}}
@-webkit-keyframes anim01{0%{-webkit-transform: rotate(0deg);}100%{-webkit-transform: rotate(360deg);}}
@keyframes anim02{0%{transform: translateY(0);}50%{transform: translateY(4px);}100%{transform: translateY(0);}}
@-webkit-keyframes anim02{0%{-webkit-transform: translateY(0);}50%{-webkit-transform: translateY(4px);}100%{-webkit-transform: translateY(0);}}
.formbarbox{width: 1157px;height: 80px;background: #F1F6F9;border-radius: 12px;-webkit-border-radius: 12px;margin-top: 35px;position: relative;}
.formbarbox .inpbbox{float: left;width: 440px;height: 80px;position: relative;}
.formbarbox input{width: 440px;height: 80px;text-indent: 60px;position: relative;z-index: 9;font-size: 16px;color: #4F5B5E;}
.formbarbox .inpbbox i{width: 18px;height: 18px;position: absolute;top: 32px;left: 23px;}
.formbarbox .inpbbox.inp1 i{background: url(../image/i32.png);}
.formbarbox .inpbbox.inp2 i{background: url(../image/i42.png);}
.formbarbox .inpbbox:first-child::after{content: "";display: block;width: 1px;height: 40px;background: #E4EBF0;position: absolute;top: 20px;right: 0;}
.formbarbox .entersub{width: 274px;height: 72px;line-height: 72px;text-align: center;background: #000000;border-radius: 12px;-webkit-border-radius: 12px;font-size: 20px;color: #fff;position: absolute;right: 4px;top: 4px;transition: all 0.2s;-webkit-transition: all 0.2s;}
.formbarbox .entersub::after{content: "";display: inline-block;vertical-align: top;width: 6px;height: 9px;background: url(../image/i52.png);position: absolute;top: 33px;right: 35px;}
.formbarbox .entersub:hover{background: #36FFFF;color: #141D1F;transition: all 0.2s;-webkit-transition: all 0.2s;}
.formbarbox .entersub:hover::after{background: url(../image/i5_h1.png);}
.sdcomtit{width: 1280px;margin: 0 auto;text-align: center;position: relative;}
.sdcomtit span{display: block;line-height: 52px;font-size: 52px;color: #141D1F;position: relative;}
.sdcomtit span i{display: inline-block;vertical-align: top;width: 35px;height: 51px;background: url(../image/i62.png);margin-right: 23px;}
.sdcomtit span b{width: 110px;height: 110px;background: url(../image/i171.png);position: absolute;top: -102px;left: 50%;margin-left: 72px;animation: anim02 1s linear infinite;-webkit-animation: anim02 1s linear infinite;}
.sdcomtit p{font-size: 20px;color: #4F5B5E;line-height: 20px;margin-top: 18px;}
.sdcomtit em{display: inline-block;vertical-align: top;font-weight: normal;color: #36FFFF;}
.sdcomtit.styfff span{color: #fff;}
.side4 .sdcomtit{text-align: left;}
.side1{height: 1000px;padding-top: 87px;background: url(../image/side1_bg.png) no-repeat center top;}
.side2{height: 927px;padding-top: 109px;background: url(../image/side2_bg.jpg) no-repeat center top;position: relative;z-index: 9;}
.side3{height: 1562px;padding-top: 421px;background: url(../image/side3_bg.jpg) no-repeat center top;}
.side4{height: 728px;background: url(../image/side4_bg.jpg) no-repeat center top;position: relative;}
.side4 .sdcomtit{top: -87px;}
.side5{height: 850px;padding-top: 89px;background: url(../image/side5_bg.png) no-repeat center top;}
.roundscr{height: 629px;margin-top: 64px;position: relative;}
.scrbd{width: 1283px;height: 629px;padding: 4px 0;overflow: hidden;}
.scrbd ul{width: 3054px;position: relative;left: -58px;}
.scrbd li{float: left;width: 215px;height: 215px;margin: 203px 58px;position: relative;}
.scrbd li.on{width: 621px;height: 621px;margin: 0 58px;}
.scrbd li .bfirst{width: 215px;height: 215px;background: rgba(255,255,255,0.15);border: 1px solid rgba(255,255,255,0.5);border-radius: 100%;-webkit-border-radius: 100%;position: absolute;top: 0;right: 0;bottom: 0;left: 0;margin: auto;text-align: center;transition: all 0.2s;-webkit-transition: all 0.2s;cursor: pointer;}
.scrbd li .bfirst:hover{background: #36FFFF;}
.scrbd li.on .bfirst:hover{background: rgba(255,255,255,0.15);}
.scrbd li.on .bfirst{width: 621px;height: 621px;border: 3px solid transparent;background: none;}
.scrbd li .hover{display: none;width: 100%;height: 100%;position: absolute;top: 0;right: 0;bottom: 0;left: 0;margin: auto;}
.scrbd li.on .hover{display: block;z-index: 9;}
.scrbd li .default{opacity: 1;width: 100%;height: 100%;position: relative;}
.scrbd li.on .default{opacity: 0;}
.scrbd li .default p{opacity: 0;}
.scrbd li .bfirst:hover .default p{opacity: 1;}
.scrbd li .bfirst:hover .default img{top: -68px;}
.scrbd li .default img{position: absolute;top: 0;right: 0;bottom: 0;left: 0;margin: auto;transition: all 0.2s;-webkit-transition: all 0.2s;}
.scrbd li .default p{line-height: 20px;font-size: 20px;color: #141D1F;position: relative;top: 148px;transition: all 0.2s;-webkit-transition: all 0.2s;}
.scrbd li .default p i{display: inline-block;vertical-align: top;width: 8px;height: 2px;background: #141D1F;margin: 10px 6px 0;}
.scrbd li .default p::after{content: "";display: inline-block;vertical-align: top;width: 8px;height: 2px;background: #141D1F;margin: 10px 4px 0;}
.scrbd li .hover .lgimg{position: absolute;top: -198px;bottom: 0;left: 0;right: 0;margin: auto;}
.scrbd li .hover .enimg{position: absolute;bottom: 232px;left: 0;right: 0;margin: auto;}
.scrbd li .hover p{font-size: 24px;line-height: 24px;color: #141D1F;position: absolute;bottom: 197px;left: 0;right: 0;margin: auto;}
.scrbd li .hover p span{display: block;position: relative;z-index: 9;}
.scrbd li .hover p::after{content: "";display: block;width: 86px;height: 32px;background: url(../image/i92.png);position: absolute;bottom: -19px;left: 50%;margin-left: -47px;}
.scrbd li .hover a{display: block;height: 100%;border-radius: 100%;-webkit-border-radius: 100%;}
.scrbd li .hover b{display: block;width: 185px;padding-right: 28px;height: 60px;line-height: 60px;background: #141D1F;border-radius: 30px;-webkit-border-radius: 30px;font-size: 18px;color: #fff;font-weight: normal;position: absolute;bottom: 84px;left: 0;right: 0;margin: auto;transition: all 0.2s;-webkit-transition: all 0.2s;}
.scrbd li .hover b::after{content: "";display: inline-block;vertical-align: top;width: 34px;height: 34px;background: url(../image/i102.png);position: absolute;top: 13px;right: 13px;transition: all 0.2s;-webkit-transition: all 0.2s;}
.scrbd li .bfirst:hover .hover b{background: #36FFFF;color: #141D1F;}
.scrbd li .bfirst:hover .hover b::after{background: url(../image/i10_h.png);}
.scrbd li .bfirst .hover b:hover{background: #fff;color: #141D1F;}
.scrbd li .bfirst .hover b:hover::after{background: url(../image/i102.png);}
.scrhd{height: 0;position: absolute;top: 280px;left: 0;right: 0;margin: auto;z-index: 9;}
.scrhd a{width: 61px;height: 61px;background: #fff;border-radius: 100%;-webkit-border-radius: 100%;position: absolute;top: 0;}
.scrhd a.scrprev{left: -51px;}
.scrhd a.scrnext{right: -51px;}
.scrhd a::after{content: "";display: block;width: 22px;height: 15px;position: absolute;top: 0;right: 0;bottom: 0;left: 0;margin: auto;}
.scrhd a.scrprev::after{background: url(../image/i72.png);}
.scrhd a.scrnext::after{background: url(../image/i82.png);}
.scrhd a:hover{background: #141D1F;}
.scrhd a.scrprev:hover::after{background: url(../image/i7_h.png);}
.scrhd a.scrnext:hover::after{background: url(../image/i8_h.png);}
.scrhd span{width: 48px;height: 6px;position: absolute;top: 28px;}
.scrhd span.dotfl{background: url(../image/i122.png);left: 249px;}
.scrhd span.dotfr{background: url(../image/i113.png);right: 249px;}
.side2 ul{margin-top: 80px;}
.side2 li{float: left;width: 685px;height: 350px;background: rgba(84,82,82,0.25);padding: 57px 55px 0 60px;border-radius: 10px;-webkit-border-radius: 10px;margin-bottom: 20px;transition: all 0.2s;-webkit-transition: all 0.2s;}
.side2 .li2,
.side2 .li3{width: 575px;}
.side2 .li2,
.side2 .li4{margin-left: 20px;}
.side2 li h1{height: 50px;line-height: 50px;padding-left: 78px;position: relative;font-size: 30px;color: #fff;transition: all 0.2s;-webkit-transition: all 0.2s;}
.side2 li h1::after{content: "";display: block;width: 50px;height: 50px;position: absolute;top: 0;left: 0;transition: all 0.2s;-webkit-transition: all 0.2s;}
.side2 .li1 h1::after{background: url(../image/i132.png);}
.side2 .li2 h1::after{background: url(../image/i142.png);}
.side2 .li3 h1::after{background: url(../image/i152.png);width: 47px;height: 47px;top: 1px;}
.side2 .li4 h1::after{background: url(../image/i161.png);height: 52px;top: -1px;}
.side2 li p{line-height: 30px;font-size: 18px;color: #4F5B5E;margin-top: 42px;height: 90px;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 3;transition: all 0.2s;-webkit-transition: all 0.2s;}
.side2 li a{display: block;width: 185px;height: 60px;background: #141D1F;border-radius: 30px;-webkit-border-radius: 30px;line-height: 60px;text-align: center;font-size: 18px;color: #fff;margin-top: 42px;padding-right: 35px;position: relative;opacity: 0;filter: alpha(opacity=0);transition: all 0.2s;-webkit-transition: all 0.2s;}
.side2 li:hover a{opacity: 1;filter: alpha(opacity=100);}
.side2 li a::after{content: "";display: block;width: 34px;height: 34px;background: url(../image/i102.png);position: absolute;top: 13px;right: 13px;}
.side2 li a:hover{background: #fff;color: #141D1F;}
.side2 li:hover{background: -webkit-linear-gradient(45deg, #36FFFF, #36FFBF);background: linear-gradient(45deg, #36FFFF, #36FFBF);padding-top: 42px;}
.side2 li:hover h1{color: #141D1F;}
.side2 li:hover p{color: #141D1F;margin-top: 27px;}
.side2 .li1:hover h1::after{background: url(../image/i13_h.png);}
.side2 .li2:hover h1::after{background: url(../image/i14_h.png);}
.side2 .li3:hover h1::after{background: url(../image/i15_h.png);}
.side2 .li4:hover h1::after{background: url(../image/i16_h.png);}
.side3 ul{margin-top: 166px;position: relative;}
.side3 li{width: 194px;position: absolute;cursor: pointer;}
.side3 .li1{top: 50px;left: 0;}
.side3 .li2{top: -5px;right : 417px;}
.side3 .li3{top: 460px;left: 348px;width: 200px;}
.side3 .li4{top: 447px;right: 92px;}
.side3 li .text > p{font-size: 28px;color: #fff;line-height: 38px;text-align: center;}
.side3 li:hover .text > p{color: #36FFFF;}
.side3 li .text > span{display: block;height: 9px;margin: 5px auto 0;text-indent: -9999px;}
.side3 .li1 .text > span{width: 63px;background: url(../image/i20.png);}
.side3 .li2 .text > span{width: 40px;background: url(../image/i211.png);}
.side3 .li3 .text > span{width: 91px;background: url(../image/i221.png);}
.side3 .li4 .text > span{width: 51px;height: 12px;background: url(../image/i23.png);}
.side3 li .text > i{width: 114px;height: 114px;background: url(../image/i181.png);position: absolute;left: 50%;margin-left: -57px;top: 122px;animation: anim01 10s linear infinite;-webkit-animation: anim01 10s linear infinite;}
.side3 li .text > b{display: block;width: 11px;height: 115px;background: url(../image/i19.png);position: absolute;left: 50%;margin-left: -5.5px;top: 69px;}
.side3 .li3 .text > i,
.side3 .li4 .text > i{top: -177px;margin-left: -63px;}
.side3 .li3 .text > b,
.side3 .li4 .text> b{top: -128px;margin-left: -12px;transform: rotateX(180deg);}
.side3 li em{width: 85px;height: 85px;background: #36FFFF;border-radius: 100%;-webkit-border-radius: 100%;position: absolute;left: 0;right: 0;margin: auto;top: 136px;opacity: 0;filter: alpha(opacity=0);transition: all 0.2s;-webkit-transition: all 0.2s;}
.side3 .li3 em,
.side3 .li4 em{top: -162px;right: 11px;}
.side3 li em::after{content: "";display: block;width: 43px;height: 11px;background: url(../image/i241.png);position: absolute;top: 0;right: 0;bottom: 0;left: 0;margin: auto;}
.side3 li:hover em{opacity: 1;filter: alpha(opacity=100);}
.maskalt{display: none;width: 100%;height: 100%;background: rgba(0,0,0,0.8);position: fixed;top: 0;right: 0;bottom: 0;left: 0;margin: auto;z-index: 999999;}
.side3 .mask{display: none;width: 570px;height: 581px;padding: 35px 52px 0;background: #36FFFF;border-radius: 20px;-webkit-border-radius: 20px;position: absolute;top: 50%;left: 50%;margin-top: -290px;margin-left: -285px;}
.side3 .mask .s0{position: absolute;top: -37px;right: 55px;}
.side3 .mask .s1{width: 325px;height: 98px;background: url(../image/i25.png);position: relative;}
.side3 .mask .s1 span{line-height: 78px;font-size: 28px;color: #141D1F;position: relative;z-index: 9;}
.side3 .mask .s1 span::after{content: "";display: block;width: 465px;height: 1px;background: rgba(20,29,31,0.04);position: absolute;left: 0;bottom: -42px;}
.side3 .mask .s1::after{content: "";display: block;width: 51px;height: 8px;background: #ADFF56;position: absolute;top: 47px;left: 0;}
.side3 .mask .s2,
.side3 .mask .s3{height: 20px;line-height: 20px;font-size: 18px;color: #141D1F;padding-left: 27px;position: relative;margin-top: 25px;}
.side3 .mask .s3{margin: 34px 0 20px;}
.side3 .mask .s2::after,
.side3 .mask .s3::after{content: "";display: block;width: 19px;height: 18px;position: absolute;left: 0;top: 2px;}
.side3 .mask .s2::after{background: url(../image/i26.png);}
.side3 .mask .s3::after{width: 17px;height: 19px;background: url(../image/i27.png);left: 2px;}
.side3 .mask .s4{width: 464px;line-height: 28px;font-size: 16px;color: #31717F;text-align: justify;}
.side3 .li1 .mask .s4,
.side3 .li2 .mask .s4{width: 412px;}
.side3 .mask .s4 img{display: inline-block;vertical-align: top;margin: 8px 4px 0 0;}
.side3 .mask .s5{padding-top: 43px;border-top: 1px dotted rgba(20, 29, 31, 0.3);position: absolute;left: 51px;right: 57px;bottom: 55px;}
.side3 .mask .s5 a{float: left;width: 270px;height: 60px;background: #141D1F;border-radius: 30px;-webkit-border-radius: 30px;text-align: center;font-size: 18px;color: #fff;padding-right: 119px;line-height: 60px;position: relative;transition: all 0.2s;-webkit-transition: all 0.2s;}
.side3 .mask .s5 a::after{content: "";display: block;width: 34px;height: 34px;background: url(../image/i28.png);position: absolute;top: 13px;right: 13px;}
.side3 .mask .s5 a:hover{background: #fff;color: #141D1F;}
.side3 .mask .s5 span{float: right;width: 175px;height: 60px;background: transparent;border: 1px solid #141D1F;border-radius: 30px;-webkit-border-radius: 30px;text-align: center;font-size: 18px;color: #141D1F;line-height: 58px;cursor: pointer;transition: all 0.2s;-webkit-transition: all 0.2s;}
.side3 .mask .s5 span:hover{border: 1px solid #fff;background: #fff;}
.flowscrbox{width: 100%;height: 591px;position: absolute;bottom: 234px;left: 0;right: 0;margin: auto;overflow: hidden;}
.flowscr{width: 100%;height: 412px;position: absolute;left: 50%;margin-left: -640px;bottom: 0;}
.fwbd{height: 412px;overflow: hidden;}
.fwbd ul{width: 3810px;height: 412px;position: relative;}
.fwbd li{float: left;width: 351px;height: 248px;padding: 69px 0 0 40px;background: rgba(37,47,47,0.4);border-radius: 16px;-webkit-border-radius: 16px;margin-right: 30px;transition: all 0.2s;-webkit-transition: all 0.2s;position: relative;cursor: pointer;}
.fwbd li:hover,.fwbd li.on{background: #36FFFF;}
.fwbd li p{line-height: 38px;padding-left: 63px;font-size: 26px;color: #333D40;position: relative;}
.fwbd li p::after{content: "";display: block;width: 41px;height: 37px;position: absolute;top: 0;left: 0;transition: all 0.2s;-webkit-transition: all 0.2s;}
.fwbd .li1 p::after{background: url(../image/fw01.png);}
.fwbd .li2 p::after{background: url(../image/fw02.png);}
.fwbd .li3 p::after{background: url(../image/fw03.png);}
.fwbd .li4 p::after{background: url(../image/fw04.png);}
.fwbd .li5 p::after{background: url(../image/fw05.png);}
.fwbd .li6 p::after{background: url(../image/fw06.png);}
.fwbd .li1:hover p::after,
.fwbd .li1.on p::after{background: url(../image/fw01_h.png);}
.fwbd .li2:hover p::after,
.fwbd .li2.on p::after{background: url(../image/fw02_h.png);}
.fwbd .li3:hover p::after,
.fwbd .li3.on p::after{background: url(../image/fw03_h.png);}
.fwbd .li4:hover p::after,
.fwbd .li4.on p::after{background: url(../image/fw04_h.png);}
.fwbd .li5:hover p::after,
.fwbd .li5.on p::after{background: url(../image/fw05_h.png);}
.fwbd .li6:hover p::after,
.fwbd .li6.on p::after{background: url(../image/fw06_h.png);}
.fwbd li i{position: absolute;left: 40px;bottom: 46px;transition: all 0.2s;-webkit-transition: all 0.2s;}
.fwbd .li1 i{width: 38px;height: 37px;background: url(../image/fw_i1.png);}
.fwbd .li2 i{width: 33px;height: 36px;background: url(../image/fw_i2.png);}
.fwbd .li3 i{width: 29px;height: 29px;background: url(../image/fw_i3.png);bottom: 50px;}
.fwbd .li4 i{width: 40px;height: 39px;background: url(../image/fw_i4.png);bottom: 45px;}
.fwbd .li5 i{width: 37px;height: 37px;background: url(../image/fw_i5.png);}
.fwbd .li6 i{width: 33px;height: 33px;background: url(../image/fw_i6.png);bottom: 48px;}
.fwbd .li1:hover i,.fwbd .li1.on i{background: url(../image/fw_i1_h.png);}
.fwbd .li2:hover i,.fwbd .li2.on i{background: url(../image/fw_i2.png);}
.fwbd .li3:hover i,.fwbd .li3.on i{background: url(../image/fw_i3.png);}
.fwbd .li4:hover i,.fwbd .li4.on i{background: url(../image/fw_i4.png);}
.fwbd .li5:hover i,.fwbd .li5.on i{background: url(../image/fw_i5.png);}
.fwbd .li6:hover i,.fwbd .li6.on i{background: url(../image/fw_i6.png);}
.fwbd li span{display: block;font-size: 18px;color: #333D40;padding-left: 11px;line-height: 20px;margin-top: 214px;position: relative;transition: all 0.2s;-webkit-transition: all 0.2s;}
.fwbd li span::after{content: "";display: block;width: 8px;height: 12px;background: url(../image/i33.png);position: absolute;top: 5px;left: -14px;transition: all 0.2s;-webkit-transition: all 0.2s;}
.fwbd li:hover span::after,
.fwbd li.on span::after{background: url(../image/i33_h.png);}
.fwbd li:hover span,
.fwbd li.on span{color: #fff;}
.fwbd li .bar{width: 351px;height: 2px;background: rgba(37,47,47,0.3);border-radius: 1px;-webkit-border-radius: 1px;position: absolute;left: 0;bottom: -163px;}
.fwbd li .bar::after{content: "";display: block;height: 2px;background: #36FFFF;border-radius: 1px;-webkit-border-radius: 1px;transform-origin: left; -webkit-transform-origin: left; transform: scaleX(0); -webkit-transform: scaleX(0);}
.fwbd li.on .bar::after{animation: process 6s linear;-webkit-animation: process 6s linear;}
.fwhd li.on{animation: process 6s linear;-webkit-animation: process 6s linear;}
@keyframes process{0%{transform: scaleX(0);} 100%{transform: scaleX(1);}}
@-webkit-keyframes process{0%{-webkit-transform: scaleX(0);} 100%{-webkit-transform: scaleX(1);}}
.flowscr:hover .fwbd li .bar::after{animation-play-state: paused;}
.flowscr:hover .fwhd li{animation-play-state: paused;}
.fwhd ul{width: 0;height: 0;overflow: hidden;}
.fwhd{width: 132px;height: 61px;position: absolute;left: 1148px;top: -165px;}
.fwhd a{float: left;width: 61px;height: 61px;border: 2px solid rgba(51,61,64,0.35);border-radius: 100%;-webkit-border-radius: 100%;position: relative;transition: all 0.2s;-webkit-transition: all 0.2s;}
.fwhd a:hover{background: #fff;border: 2px solid #fff;}
.fwhd a.next{margin-left: 10px;}
.fwhd a::after{content: "";display: block;width: 22px;height: 15px;position: absolute;top: 0;right: 0;bottom: 0;left: 0;margin: auto;transition: all 0.2s;-webkit-transition: all 0.2s;}
.fwhd a.prev::after{background: url(../image/i7_h.png);}
.fwhd a.next::after{background: url(../image/i8_h.png);}
.fwhd a.prev:hover::after{background: url(../image/i72.png);}
.fwhd a.next:hover::after{background: url(../image/i82.png);}
.casebox{width: 1294px;height: 494px;position: relative;margin: 65px auto 0;}
.casebox li{width: 478px;height: 140px;margin: 14px 0 6px;}
.casebox li .tab{width: 478px;height: 140px;padding: 44px 0 0 115px;background: rgba(255,255,255,0.7);border-radius: 10px;-webkit-border-radius: 10px;position: relative;cursor: pointer;visibility: visible !important;animation-name: fadeInUp !important;}
.casebox li.on .tab{background: url(../image/csi0.png);}
.casebox li .tab i{width: 60px;height: 60px;background: rgba(255,255,255,0.9);border-radius: 100%;-webkit-border-radius: 100%;position: absolute;top: 40px;left: 31px;}
.casebox li .tab i img{position: absolute;top: 0;right: 0;bottom: 0;left: 0;margin: auto;}
.casebox li .tab span{display: block;line-height: 22px;font-size: 22px;color: #141D1F;}
.casebox li .tab p{font-size: 16px;color: #A7B8C1;margin-top: 12px;}
.casebox li.on .tab p{color: #0F9797;}
.casebox li.on .cont{display: block;}
.casebox li .cont{display: none;width: 816px;height: 494px;position: absolute;top: -14px;right: 0;visibility: visible !important;animation-name: dHbZaS !important;animation: dHbZaS 1s cubic-bezier(0, 0, 0, 1) 0ms 1 normal both running;z-index: 9;}
@keyframes dHbZaS{0%{transform: scale(1.05);} 100% {transform: scale(1);}}
.casebox .casem{float: right;width: 796px;height: 494px;padding: 286px 13px 20px 0;}
.case0 .casem{background: url(../image/case1.png);}
.case1 .casem{background: url(../image/case2.png);}
.case2 .casem{background: url(../image/case3.png);}
.casem h1{margin-left: 55px;line-height: 30px;font-size: 22px;color: #fff;}
.casem h1 i{display: inline-block;vertical-align: top;width: 30px;height: 30px;background: url(../image/csi4.png);margin-right: 9px;}
.numsbox{margin-top: 54px;padding-left: 65px;}
.numsbox div{float: left;width: 168px;padding-left: 32px;}
.numsbox div:first-child{width: 159px;padding-left: 0;}
.numsbox span{display: block;font-size: 32px;color: #fff;line-height: 30px;}
.numsbox p{font-size: 18px;color: rgba(255, 255, 255, 0.2);line-height: 18px;margin-top: 11px;}
.side5.fixedtop{position: fixed;top: 70px;left: 0;right: 0;margin: auto;z-index: 9;}
.side5.fixedtop.fixedtop00{position: relative;top: 0;}
.ring{width: 621px;height: 629px;padding: 4px 0;background: url(../image/round_bg.png);position: absolute;top: 0;right: 0;bottom: 0;left: 0;margin: auto;}
.ring canvas{margin: -1px 0 0 -1px;position: absolute;top: 4px;left: 0;}