h2{font-weight: 300;}
body,html{overflow-x:hidden;}
.br4{border-radius: 4px;}
.navLogo{height: 110px;}
.navLogo.solllogo{height: 110px;top: 0;width: 100%;z-index: 999;background: #fff;box-shadow: 0 0 8px rgba(44, 44, 44, 0.2);}
.main-logo{width: 355px;height: 62px;position: relative;overflow: hidden;}
.main-logo img{height: 62px;width: auto;}
.main-nav .nav{height: 110px;}
.main-nav .nav .nav-list{position: relative;}
.main-nav .nav .nav-list a{height: 100%;width: 100%;color: #333;transition: all 0.5s;display: block;}
.main-nav .nav .nav-list+.nav-list{margin-left: 24px;}
.main-nav .nav .nav-list.current a,
.main-nav .nav .nav-list:hover a{color: #22a2ff;}
.main-nav .nav .nav-list:after{position: absolute;content: "";height: 2px;width: 0%;left: 0;bottom: -12px;background: #22a2ff;transition: all 0.5s;}
.main-nav .nav .nav-list.current:after,
.main-nav .nav .nav-list:hover:after{width: 100%;}
.main-title .titles{margin-bottom: 35px;position: relative;text-align: center;font-size: 36px;color: #333;}
.main-title .titles:after{position: absolute;content: "";width: 48px;height: 4px;background: #22a2ff;left: 50%;bottom: -20px;margin-left: -24px;}
.main-title .desc{text-align: center;font-size: 16px;color: #999;}
.main-banner{width: 100%;height: 712px;}
.main-banner .index-m-banner-list{width: 100%;height: 712px;}
.main-banner .index-m-banner-list .pat160{padding-top: 160px;}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-prev{left: 40px;right: auto;border: none;outline: none;list-style-type: none;}
.swiper-button-next,
.swiper-container-rtl .swiper-button-next{right: 40px;left: auto;border: none;outline: none;list-style-type: none;}
.main-banner .index-m-banner-list .img-box{position: relative;height: 712px;}
.main-banner .index-m-banner-list .imgs1{position: absolute;right: 310px;bottom: 20px;width: 420px;height: 345px;-webkit-transition: all 0.5s ease;transition: all 0.5s ease;}
.main-banner .index-m-banner-list .imgs2{position: absolute;width: 280px;height: 510px;right: 0;bottom: 20px;-webkit-transition: all 0.5s ease;transition: all 0.5s ease;}
.main-banner .index-m-banner-list .imgs3{position: absolute;right: 290px;bottom: 20px;width: 598px;height: 356px;-webkit-transition: all 0.5s ease;transition: all 0.5s ease;z-index: 2;}
.main-banner .index-m-banner-list .imgs4{position: absolute;width: 632px;height: 388px;right: 0;bottom: 152px;-webkit-transition: all 0.5s ease;transition: all 0.5s ease;z-index: 1;}
.main-banner .index-m-banner-list .imgs5{position: absolute;bottom: 20px;width: 262px;height: 497px;right: 494px;-webkit-transition: all 0.5s ease;transition: all 0.5s ease;}
.main-banner .index-m-banner-list .imgs6{position: absolute;width: 258px;height: 447px;right: 250px;bottom: 20px;-webkit-transition: all 0.5s ease;transition: all 0.5s ease;}
.main-banner .index-m-banner-list .imgs7{position: absolute;width: 258px;height: 447px;right: 0;bottom: 20px;-webkit-transition: all 0.5s ease;transition: all 0.5s ease;}
.main-banner .index-m-banner-list img:hover{transform: scale(1.02);}
.main-banner .index-m-banner-list .fill{width: 160px;height: 50px;border-radius: 5px;border: 1px solid #fff;background: none;overflow: hidden;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;position: relative;}
.main-banner .index-m-banner-list .fill2{width: 160px;height: 50px;border-radius: 5px;border: 1px solid #fff;background: none;overflow: hidden;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;position: relative;}
.main-banner .index-m-banner-list .fill2:hover{box-shadow: inset 0 1px 5px 1px #fff;}
.title{display: block;background: none;overflow: hidden;-webkit-transition: all 1.5s ease;transition: all 1.5s ease;position: relative;}
.index-technology-box{height: 650px;padding: 100px 0 20px;}
.index-technology-box .tech-menu{margin-bottom: 80px;}
.num-menu{height: 190px;}
.num-menu .list2{height: 100%;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-moz-box-pack: center;-webkit-justify-content: center;justify-content: center;}
.num-menu .list2+.list2{border-left: 1px solid #ededed;}
.index-technology-box .tech-menu .tech-icon{position: relative;height: 160px;width: 160px;margin: 0 auto;}
.tech-bg{position: absolute;left: 0;top: 0;height: 160px;width: 160px;-webkit-transition: all 1.5s ease;transition: all 1.5s ease;}
.index-technology-box .list .title{transition: all 0.5s;}
.index-technology-box .list:nth-child(1) .tech-bg{background-image: url("../images/1.0.png");-webkit-animation: routeline 1s ease-in-out 0s 2 alternate;animation: routeline 1s ease-in-out 0s 2 alternate;}
.index-technology-box .list:nth-child(2) .tech-bg{background-image: url("../images/2.0.png");-webkit-animation: routeline 1.5s ease-in-out 0s 2 alternate;animation: routeline 1.5s ease-in-out 0s 2 alternate;}
.index-technology-box .list:nth-child(3) .tech-bg{background-image: url("../images/3.0.png");-webkit-animation: routeline 2s ease-in-out 0s 2 alternate;animation: routeline 2s ease-in-out 0s 2 alternate;}
.index-technology-box .list:nth-child(4) .tech-bg{background-image: url("../images/4.0.png");-webkit-animation: routeline 2.5s ease-in-out 0s 2 alternate;animation: routeline 2.5s ease-in-out 0s 2 alternate;}
.index-technology-box .list .tech-icon .img{background: none;overflow: hidden;-webkit-transition: all 1.5s ease;transition: all 1.5s ease;position: relative;}
.index-technology-box .list:nth-child(1) .tech-icon .img{width: 78px;height: 74px;}
.index-technology-box .list:nth-child(2) .tech-icon .img{width: 70px;height: 72px;}
.index-technology-box .list:nth-child(3) .tech-icon .img{width: 76px;height: 66px;}
.index-technology-box .list:nth-child(4) .tech-icon .img{width: 64px;height: 72px;}
.index-technology-box .list .c-9{transition: all 0.5s;height: 15px;}
.index-technology-box .list:nth-child(1):hover,
.index-technology-box .list:nth-child(1):hover .c-9{color: #22a2ff;}
.index-technology-box .list:nth-child(2):hover,
.index-technology-box .list:nth-child(2):hover .c-9{color: #fcaa1a;}
.index-technology-box .list:nth-child(3):hover,
.index-technology-box .list:nth-child(3):hover .c-9{color: #2ad8b3;}
.index-technology-box .list:nth-child(4):hover,
.index-technology-box .list:nth-child(4):hover .c-9{color: #6f89fe;}
.tech-menu .list:hover .tech-bg{transform: rotate(450deg);/* -webkit-animation: routeline 2s infinite linear ;animation: routeline 2s infinite linear ;*/}
/* .tech-menu .list:hover .img{transform: rotateY(180deg);}*/.template-website{padding: 80px 0;overflow: hidden;}
.tem-web-box{padding: 50px 0 70px;}
.tem-web-list{height: 42px;position: relative;cursor: pointer;}
.tem-web-list+.tem-web-list{margin-left: 60px;}
.tem-web-list:after{position: absolute;content: "";width: 0;height: 2px;background: #22a2ff;left: 50%;top: 38px;margin-left: -29px;transition: all 0.5s;}
.tem-web-list.current:after,
.tem-web-list:hover:after{width: 58px;}
.tem-l-wrap{display: none;}
.tem-l-wrap.flex-show{display: flex;}
.tem-l-box .tem-l-list{margin-right: 42px;margin-bottom: 60px;width: 363px;height: 278px;overflow: hidden;position: relative;padding: 5px 5px 0;}
.tem-l-box .tem-l-list:nth-child(3n){margin-right: 0;}
.tem-l-box .tem-l-list .pcbg{width: 353px;height: 230px;}
.tem-l-box .tem-l-list .tem-l-lista{width: 353px;height: 230px;position: relative;overflow: hidden;border-radius: 5px;box-shadow: 0 0 10px rgba(44, 44, 44, 0.2);}
.tem-l-box .tem-l-list a.tem-l-a1{position: absolute;left: 0;top: -230px;width: 353px;height: 230px;z-index: 10;background: rgba(44, 44, 44, 0.6);/* transition: all 0.5s;*/}
.tem-l-box .tem-l-list a.tem-l-a1 img{width: 44px;height: 44px;transition: all 0.6s;}
.tem-l-box .tem-l-list:hover a.tem-l-a1 img{transform: rotate(360deg);}
.tem-l-box .tem-l-list .phone-box{position: absolute;width: 118px;height: 240px;right: 20px;bottom: -10px;z-index: 20;}
.tem-l-box .tem-l-list .phone-box{width: 118px;height: 240px;background-image: url("../images/phone.png");box-sizing: border-box;}
.tem-l-box .tem-l-list .phone-box .phone{position: relative;overflow: hidden;margin: 30px 16px 30px;}
.tem-l-box .tem-l-list .phone-box .phone img{height: 170px;width: 86px;margin: 0 auto;}
.tem-l-box .tem-l-list .phone-box .phone a.tem-l-a2{position: absolute;/* transition: all 0.5s;*/left: 0;top: -170px;z-index: 30;height: 170px;width: 86px;background: rgba(44, 44, 44, 0.6);}
.tem-l-box .tem-l-list .phone-box .phone a.tem-l-a2 img{height: 36px;width: 36px;margin: 0;transition: all 0.6s;}
.tem-l-box .tem-l-list:hover .phone-box .phone a.tem-l-a2 img{transform: rotate(360deg);}
.tem-l-box .tem-l-list:hover a.tem-l-a1,
.tem-l-box .tem-l-list:hover .phone a.tem-l-a2{top: 0;}
.tem-l-box-btn{overflow: hidden;-webkit-transition: all 0.5s ease;transition: all 0.5s ease;position: relative;height: 50px;width: 160px;margin: 0 auto;font-size: 16px;/* background: #22a2ff;*/border: 1px solid #cbcbcb;color: #999;border-radius: 5px;}
.tem-l-box-btn:hover{border: none;color: #fff;}
.tourism-system-bg{height: 440px;width: 100%;background-image: url("../images/systembg.png");}
.tourism-system{height: 845px;margin-top: -275px;}
.tourism-system .left{height: 100%;width: 630px;margin-right: 65px;border-radius: 5px;overflow: hidden;box-shadow: 0 0 10px rgba(44, 44, 44, 0.2);}
.tourism-system .right{padding-right: 30px;}
.tourism-system .right .menu{margin-left: -25px;}
.tour-title .desc{height: 115px;}
.tour-title .title{position: relative;margin-bottom: 36px;overflow: hidden;-webkit-transition: all 0.5s ease;transition: all 0.5s ease;display: block;}
.tour-title .title:after{position: absolute;content: "";left: 0;bottom: -18px;width: 50px;height: 4px;background: #fff;}
.tourism-system .right .menu-title{min-height: 80px;max-height: 108px;height: auto;overflow: hidden;}
.tourism-system .right .menu .sys-list{width: 97px;margin-right: 20px;margin-bottom: 33px;text-align: center;transition: all 0.5s;}
.tourism-system .right .menu .sys-list:hover{margin-top: -20px;}
.tourism-system .right .menu .sys-list .img{width: 48px;height: 48px;margin: 0 auto 18px;}
.tourism-system .right .menu .sys-list:nth-child(3) .img{height: 44px;margin-bottom: 22px;}
.tourism-system .right .menu .sys-list:nth-child(5) .img,
.tourism-system .right .menu .sys-list:nth-child(6) .img{height: 42px;margin-bottom: 24px;}
.tourism-system .right .menu .sys-list:nth-child(7) .img{height: 39px;width: 49px;margin-bottom: 27px;}
.tourism-system .right .menu .sys-list:nth-child(8) .img{height: 47px;width: 47px;margin-bottom: 19px;}
.tourism-system .right .menu .sys-list:nth-child(4),
.tourism-system .right .menu .sys-list:nth-child(8){margin-right: 0;}
.tour-btn{margin-top: 55px;width: 160px;height: 50px;border-radius: 5px;border: 1px solid #cbcbcb;color: #999;font-size: 16px;background: none;overflow: hidden;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;position: relative;}
.tour-btn:hover{border: none;color: #fff;}
.tourism-system .right .menu .sys-list:nth-child(1):hover,
.tourism-system .right .menu .sys-list:nth-child(5):hover{color: #22a2ff;}
.tourism-system .right .menu .sys-list:nth-child(2):hover,
.tourism-system .right .menu .sys-list:nth-child(6):hover{color: #fcaa1a;}
.tourism-system .right .menu .sys-list:nth-child(3):hover,
.tourism-system .right .menu .sys-list:nth-child(7):hover{color: #2ad8b3;}
.tourism-system .right .menu .sys-list:nth-child(4):hover,
.tourism-system .right .menu .sys-list:nth-child(8):hover{color: #6f89fe;}
.index3{padding-bottom: 100px;}
.index4{padding: 80px 0;}
.index-xcx-banner{position: relative;margin: 44px 0 64px;}
.index-xcx-banner-list{position: relative;overflow: hidden;width: 210px;height: 210px;/* margin-bottom: 10px;*/perspective: 500px;-webkit-perspective: 500px;-moz-perspective: 500px;transform-style: preserve-3d;-webkit-transform-style: preserve-3d;}
.index-xcx-banner-list a{display: block;width: 100%;height: 100%;}
/* .b06_3d_swap{perspective: 500px;-webkit-perspective: 500px;-moz-perspective: 500px;transform-style: preserve-3d;-webkit-transform-style: preserve-3d;}*/.index-xcx-banner-list div{position: absolute;text-align: center;width: 100%;height: 210px;overflow: hidden;pointer-events: none;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.index-xcx-banner-list div:nth-child(1){color: #000000;background-color: #ffffff;transform: translateZ(0px);-webkit-transform: translateZ(0px);-moz-transform: translateZ(0px);transition: all 0.2s ease;-webkit-transition: all 0.2s ease;-moz-transition: all 0.2s ease;transform-origin: 50% 50% -25px;-webkit-transform-origin: 50% 50% -25px;-moz-transform-origin: 50% 50% -25px;}
.index-xcx-banner-list div:nth-child(2){color: #ffffff;background-color: #000000;transform: rotateX(90deg);-webkit-transform: rotateX(90deg);-moz-transform: rotateX(90deg);transition: all 0.2s ease 0.05s;-webkit-transition: all 0.2s ease 0.05s;-moz-transition: all 0.2s ease 0.05s;transform-origin: 50% 62% -25px;-webkit-transform-origin: 50% 62% -25px;-moz-transform-origin: 50% 62% -25px;}
.index-xcx-banner-list:hover div:nth-child(1){color: #000000;background-color: #808080;transition: all 0.2s ease;-webkit-transition: all 0.2s ease;-moz-transition: all 0.2s ease;transform: translateZ(-200px);-webkit-transform: translateZ(-200px);-moz-transform: translateZ(-200px);}
.index-xcx-banner-list:hover div:nth-child(2){color: #ffffff;transition: all 0.2s ease 0.05s;-webkit-transition: all 0.2s ease 0.05s;-moz-transition: all 0.2s ease 0.05s;transform: rotateX(0deg);-webkit-transform: rotateX(0deg);-moz-transform: rotateX(0deg);}
.index-xcx-banner .swiper-button-prev,
.index-xcx-banner .swiper-container-rtl .swiper-button-prev{left: -60px;right: auto;z-index: 99;background-image: url("../images/leftc-c.png");opacity: 0.5;}
.index-xcx-banner .swiper-button-prev:hover{opacity: 1;}
.index-xcx-banner .swiper-button-next,
.index-xcx-banner .swiper-container-rtl .swiper-button-next{right: -60px;left: auto;z-index: 99;background-image: url("../images/rightc-c.png");opacity: 0.5;}
.index-xcx-banner .swiper-button-next:hover{opacity: 1;}
.xcx-menu{padding: 0 110px 34px;}
.xcx-menu-list{margin-bottom: 30px;width: 40%; line-height: 24px; position: relative;}
.xcx-menu-list .icos{display: block; width: 20px; height: 20px; background: url('../images/yes.png') no-repeat center center; position: absolute; left: 0px; top: 2px;}

.xcx-menu-list:nth-child(2n-1){margin-right: 20%;}
.xcx-menu .xcx-menu-list img{width: 20px;height: 20px;margin-right: 15px;}
.xcx-menu .xcx-menu-list .line-camp{text-indent: 40px;}

.xcx-menu .xcx-menu-list .c-3{transition: all 0.5s;}
.xcx-menu .xcx-menu-list:hover .c-3{color: #22a2ff;}
.index5{padding: 85px 0 100px;width: 100%;height: 743px;background-image: url("../images/softwarebg.png");}
.index5 .main-title .titles,
.index5 .main-title .desc{color: #fff;}
.index5 .main-title .titles:after{background: #fff;}
.software-menu{padding-top: 75px;}
.software-list{border-radius: 4px;/* background-color: rgb(255, 255, 255);*/width: 280px;height: 400px;margin-right: 20px;/* transition: .5s 0.5s;*/transition: all 0.5s;overflow: hidden;position: relative;}
.software-list i{left: 0;top: 0;position: absolute;width: 100%;height: 50%;background: #fff;z-index: -1;transition: all 0.5s;}
.software-list span{display: block;left: 0;bottom: 0;position: absolute;width: 100%;height: 50%;background: #fff;z-index: -1;transition: all 0.5s;}
/* .software-list:hover i,
.software-list:hover span{width: 100%;height: 0;}*/.software-list:nth-child(4){margin-right: 0;}
.software-list:hover{margin-top: -25px;box-shadow: inset 0px 0px 100px 0 rgba(255, 255, 255, 1);/* box-shadow: 0 0 10px rgba(44, 44, 44, 0.4);*/}
.software-list .fs-18,
.software-list .desc{transition: .1s 0.3s;}
/* .software-list:hover .fs-18{font-size: 24px;color: #fff;}
.software-list:hover .desc,
.software-list:hover a.c-main{color: #fff;}*/.software-list .img{margin: 60px auto;position: relative;overflow: hidden;transition: .5s 0.5s;}
.software-list:hover .img .gradient{background-image: -webkit-linear-gradient(0deg, hsla(0, 0%, 100%, 0), hsla(0, 0%, 98%, 0.562), hsla(0, 0%, 100%, 0));left: 200%;}
.software-list:hover .img img{transform: scale(1.1);}
.software-list .img:nth-child(1){width: 87px;height: 86px;}
.software-list .img:nth-child(2){width: 88px;height: 83px;}
.software-list .img:nth-child(3){width: 87px;height: 70px;}
.software-list .img:nth-child(4){width: 87px;height: 87px;}
.software-list .title{margin-bottom: 24px;text-align: center;}
.software-list .desc{margin-bottom: 30px;padding: 0 23px;height: 48px;}
.software-list a{display: block;margin: 0 auto;}
.index6{padding: 80px 0 10px;}
.design-menu{margin-top: 76px;}
.design-list{margin-right: 20px;margin-bottom: 40px;display: block;width: 380px;height: 275px;transition: all 0.5s;overflow: hidden;}
.design-list:nth-child(1),
.design-list:nth-child(2){width: 580px;height: 395px;}
.design-list:nth-child(2),
.design-list:nth-child(5){margin-right: 0;border-right: none;}
.design-list .img{width: 100%;height: 200px;overflow: hidden;position: relative;border-right: 1px solid #ededed;transition: all 0.5s;padding-right: 20px;}
.design-list:nth-child(2) .img,
.design-list:nth-child(5) .img{padding-right: 0;}
.design-list .img .design-list .img img{transition: all 0.5s;}
.design-list .title{height: 75px;display: flex;transition: all 0.5s;}
.design-list:nth-child(1) .img,
.design-list:nth-child(2) .img{width: 100%;height: 320px;}
.design-list:hover img{transform: scale(1.05);}
.design-list:hover .title{color: #22a2ff;}
.index7{padding: 80px 0 95px;overflow: hidden;}
.other-menu{position: relative;margin-top: 41px;}
.other-menu .swiper-container{/* overflow: visible;*/padding-top: 35px;}
.other-menu .other-list{border-radius: 4px;width: 220px;height: 230px;display: block;overflow: hidden;border: 1px solid #ededed;transition: all 0.5s;}
.other-menu .other-list .img{width: 65px; height: 65px;margin: 50px auto 15px;}
.other-menu .other-list .title{height: 60px;display: flex;max-width: 100%;}
.other-menu .other-list:hover{margin-top: -25px;}
.other-menu .swiper-button-prev,
.other-menu .swiper-container-rtl .swiper-button-prev{left: -70px;right: auto;z-index: 99;background-image: url("../images/leftc-c.png");opacity: 0.5;}
.other-menu .swiper-button-prev:hover{opacity: 1;}
.other-menu .swiper-button-next,
.other-menu .swiper-container-rtl .swiper-button-next{right: -70px;left: auto;z-index: 99;background-image: url("../images/rightc-c.png");opacity: 0.5;}
.other-menu .swiper-button-next:hover{opacity: 1;}
.main-foot{width: 100%;background-image: url("../images/foot-bg.png");}
.foot{padding: 65px 0 20px;}
.foot .foot-left{width: 675px;border-right: 1px solid #51b9d4;}
.foot .foot-left .flex-1{width: 25%;}
.foot-left .title{font-size: 18px;font-weight: bold;margin-bottom: 25px;color: #fff;}
.foot-left .foot-list+.foot-list{margin-top: 15px;}
.foot-left .foot-list a{color: #fff;}
.foot-right{padding-left: 46px;}
.logo-img{position: relative;overflow: hidden; width: 212px;height: 75px;margin-bottom: 20px;}
.logo-img img{width: auto; height: 75px;}
.wximg{position: relative;overflow: hidden;width: 136px;height: 136px;margin-right: 40px;}
.yq-link{padding: 20px 0 0;border-bottom: 1px solid #55add6;}
.yq-link a{margin-right: 30px;color: #fff;margin-bottom: 20px;}
.main-copyright{height: 64px;}
.tem-web-bg{height: 342px;width: 100%;background-image: url("../images/tem-web-bg.png");}
.tem-web-bg .title{padding: 80px 0 40px;text-align: center;}
.form-marp{height: 50px;width: 430px;background: #fff;overflow: hidden;border-radius: 5px;margin: 0 auto;}
.form-marp input{height: 100%;width: 365px;font-size: 16px;padding: 0 20px;background: #fff;border: none;}
.form-marp button{background: #fff;width: 60px;height: 50px;cursor: pointer;}
.form-marp button i{color: #b1b1b1;margin: 0 auto;}
.case-menu{margin-top: -80px;border-radius: 5px;overflow: hidden;background: #fff;box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);width: 100%;}
.case-menu .menu-wrap1{background: #f5f5f5;height: 80px;}
.case-menu .menu-wrap1 .menu-list1{flex: 1;height: 100%;border-left: 1px solid #e8e8e8;}
.case-menu .menu-wrap1 .menu-list1:first-child{border-left: none;}
.case-menu .menu-list1 .menu-list1a{width: 100%;height: 100%;font-size: 20px;color: #333;background: #f5f5f5;}
.case-menu .menu-wrap1 .menu-list1.current{border-left: none;background: #fff;}
.case-menu .menu-wrap1 .menu-list1.current .menu-list1a{background: #fff;}
.case-menu .menu-wrap1 .menu-list1.current+.menu-list1{border-left: none;}
.case-menu2{height: 83px;padding: 0 40px;}
.case-menu2 .menu-warp2{height: 100%;border-bottom: 1px solid #ededed;}
.case-menu2 .menu-list2{margin-right: 30px;}
.case-menu2 .menu-list2 a,
.case-menu2 a.menu-list2{padding: 14px 30px;}
.case-menu2 .menu-list2.current a,
.case-menu2 .menu-list2.current{background: #22a2ff;border-radius: 5px;color: #fff;}
.case-menu3{padding: 30px 50px;}
.case-menu3 .menu-list3{width: 150px;margin-right: 80px;margin-bottom: 30px;height: 18px;}
.case-menu3 .menu-list3:nth-child(5n){margin-right: 0;}
.case-menu3 .menu-list3.current a,
.case-menu3 a.menu-list3.current{font-weight: bold;color: #22a2ff;}
.tourism-banner,
.tourism-banner .swiper-slide{height: 440px;width: 100%;}
.tourism-banner .swiper-slide .left{position: relative;height: 100%;}
.tourism-banner .swiper-slide .left .imgs{position: absolute;overflow: hidden;}
/* .tourism-banner .swiper-slide .left .imgs img{width: 100%;height: 100%;}*/.tourism-banner .left .imgs1{bottom: 87px;right: 300px;width: 230px;height: 290px;z-index: 10;}
.tourism-banner .left .imgs2{bottom: 67px;right: 185px;width: 230px;height: 290px;z-index: 20;}
.tourism-banner .left .imgs3{bottom: 55px;right: 55px;width: 230px;height: 170px;z-index: 30;}
.tour-product-detail{padding: 80px 0;}
.tour-product-detail .title{margin-bottom: 50px;text-align: center;}
.tour-product-detail .desc{text-indent: 35px;}
.tour-qd{padding: 80px 0 90px;}
.tour-qd.tour-qd2 .imgs2{width: 556px;height: 324px;width: 555px;height: 336px;overflow: hidden;margin-top: -18px;overflow: hidden;}
.tour-qd .left{position: relative;min-height: 345px;}
.tour-qd .left .imgs{position: absolute;overflow: hidden;}
.tour-qd .left .imgs1{width: 440px;height: 425px;left: 0;top: 0;z-index: 10;}
.tour-qd .left .imgs2{width: 225px;height: 275px;left: 335px;top: 131px;z-index: 20;}
.tour-qd .left .imgs3{width: 110px;height: 210px;left: 290px;top: 195px;z-index: 30;}
.tour-qd .right .menus .menus-list{width: 110px;height: 110px;margin-right: 40px;margin-bottom: 15px;transition: all 0.5s;}
.tour-qd .right .menus .menus-list .fs-18{transition: all 0.5s;}
.tour-qd .right .menus .menus-list:nth-child(4n){margin-right: 0;}
.tour-qd .right .menus .menus-list .img{width: 49px;height: 49px;margin: 0 13px 25px;}
.tour-qd .right .menus .menus-list:hover{margin-top: -25px;}
.tour-qd .right .menus .menus-list:hover .fs-18{color: #38c1f3;}
.tour-qd2 .right .menus .menus-list:hover .fs-18{color: #1fcfb0;}
.a-warp{height: 130px;}
.a-warp a{position: relative;border-radius: 4px;overflow: hidden;width: 207px;height: 53px;-webkit-transition: 0.25s;transition: 0.25s;}
.a-warp a{perspective: 500px;-webkit-perspective: 500px;-moz-perspective: 500px;}
.a-warp a .div1{position: absolute;text-align: center;width: 100%;height: 53px;padding: 10px;pointer-events: none;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.a-warp a .div1:nth-child(1){color: #fff;background: transparent;box-shadow: inset 0 1px 5px 1px #fff;transform: rotateX(90deg);-webkit-transform: rotateX(90deg);-moz-transform: rotateX(90deg);transition: all 0.2s ease;-webkit-transition: all 0.2s ease;-moz-transition: all 0.2s ease;transform-origin: 50% 50% -30px;-webkit-transform-origin: 50% 50% -30px;-moz-transform-origin: 50% 50% -30px;}
.sase-app-btn:hover .div1:nth-child(1){color: #fff;background: rgb(217, 217, 217, 0);box-shadow: inset 0 1px 5px 1px #fff;}
.sase-app-btn:hover{background: transparent;}
.a-warp a .div1:nth-child(2){color: #fff;transform: rotateX(0deg);-webkit-transform: rotateX(0deg);-moz-transform: rotateX(0deg);transition: all 0.2s ease;-webkit-transition: all 0.2s ease;-moz-transition: all 0.2s ease;transform-origin: 50% 50% -30px;-webkit-transform-origin: 50% 50% -30px;-moz-transform-origin: 50% 50% -30px;}
.a-warp a:hover .div1:nth-child(1){color: #ffffff;transition: all 0.2s ease;-webkit-transition: all 0.2s ease;-moz-transition: all 0.2s ease;transform: rotateX(0deg);-webkit-transform: rotateX(0deg);-moz-transform: rotateX(0deg);}
.a-warp a:hover .div1:nth-child(2){background-color: #11c5ae;transition: all 0.2s ease;-webkit-transition: all 0.2s ease;-moz-transition: all 0.2s ease;transform: rotateX(-90deg);-webkit-transform: rotateX(-90deg);-moz-transform: rotateX(-90deg);}
.a-warpa{--color: #1cb7f0;background: #1cb7f0;margin-right: 20px;}
.a-warpb{--color: #11c5ae;background: #11c5ae;}
#banner{margin-bottom: -10px;}
#carousel{position: relative;z-index: 2;margin-top: 20px;transform-style: preserve-3d;perspective: 800px;}
#carousel img{position: absolute;left: 50%;top: 50%;margin-left: -252px;transition: transform 0.5s ease-in-out;/* box-shadow:8px 8px 20px rgba(0,0,0,.2);*/cursor: pointer;}
#bannerNav{position: relative;margin-top: 20px;height: 10px;padding: 10px 0;text-align: center;display: none;}
#bannerNav ul li{cursor: pointer;overflow: hidden;display: inline-block;width: 22px;margin: 0 2px;}
#bannerNav ul li a{margin: 0 auto;display: block;width: 6px;height: 6px;vertical-align: top;border-radius: 3px;background: #5e6671;font-size: 0;}
#bannerNav ul li.on a,
#bannerNav ul li:hover a{background: #00aeff;}
#bannerNav ul li.on a{width: 20px;}
#carousel{min-height: 575px;}
#carousel img{width: 632px;border-radius: 4px;opacity: 0;}
.softs{margin-top: 0 !important;}
.softs img{box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.4);}
.we-goods{padding: 80px 0;}
.wegoodsmenu{padding-top: 60px;}
.wegoods-list{width: 180px;margin-right: 70px;}
.wegoods-list:nth-child(5){margin-right: 0;}
.wegoods-list .img{position: relative;transition: all 0.5s;height: 180px;width: 100%;margin-bottom: 40px;overflow: hidden;}
.wegoods-list .img img{transition: all 0.5s;}
.wegoods-list .title{text-align: center;}
.wegoods-list:hover .img img{-webkit-animation: opty 1s;animation: opty 1s;/* transform:rotateY(180deg);-ms-transform:rotateY(180deg);-webkit-transform:rotateY(180deg);*/}
.wegoods-list .title{transition: 0.5s;height: 17px;overflow: hidden;text-overflow: ellipsis;/* white-space: nowrap;*/display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;display: -ms-box;-ms-line-clamp: 1;-ms-box-orient: vertical;display: -moz-box;-moz-line-clamp: 1;-moz-box-orient: vertical;}
.wegoods-list:nth-child(1):hover .title{color: #0bb1ee;}
.wegoods-list:nth-child(2):hover .title{color: #fca514;}
.wegoods-list:nth-child(3):hover .title{color: #14c7af;}
.wegoods-list:nth-child(4):hover .title{color: #6a7bfe;}
.wegoods-list:nth-child(5):hover .title{color: #30bff2;}
.s-procedures-bannerimg{height: 440px;width: 100%;background-image: url("../images/xcx27.png");}
.padt100{padding-top: 100px;}
.padt100 .title{width: 280px;margin: 0 auto;text-align: center;}
.xcxbannertop{height: 575px;margin-top: -200px;}
.sence{width: 120px;height: 575px;margin-top: -180px;margin-left: auto;margin-right: auto;position: relative;border-radius: 5px;transform: rotateX(0deg) rotateY(0deg);transform-style: preserve-3d;/*3D眼镜*/}
.sence ul li{position: absolute;}
.sence ul li img{-webkit-box-reflect: below -100px -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0.4) 280%);}
#warp{/*景深*/perspective: 800px;}
.sence img{/* width: 120px;height: 180px;*/vertical-align: middle;/* border-radius: 5px;*/}
.sence ul li:nth-child(1){height: 432px;width: 295px;left: -86px;top: 115px;transform: scale(1.25);z-index: 12;}
.sence ul li:nth-child(2){height: 484px;width: 335px;left: -106px;top: 90px;transform: scale(1.05);z-index: 14;}
.sence ul li:nth-child(3){height: 645px;width: 360px;left: -115px;z-index: 20;}
.sence ul li:nth-child(4){height: 504px;width: 360px;z-index: 14;left: -122px;top: 85px;transform: scale(1.05);}
.sence ul li:nth-child(5){height: 432px;width: 295px;left: -86px;top: 115px;transform: scale(1.25);z-index: 12;}
.pad100{padding: 100px 0 80px;}
.pad80100{padding: 80px 0 100px;overflow: hidden;}
.pad8060{padding: 80px 0 60px;}
.menu-item-list{width: 295px;height: 204px;overflow: hidden;border-bottom: 1px solid #ededed;border-right: 1px solid #ededed;}
.menu-item-list:nth-child(4n){border-right: none;}
.menu-item-list:nth-child(5),
.menu-item-list:nth-child(6),
.menu-item-list:nth-child(7),
.menu-item-list:nth-child(8){border-bottom: none;}
.menu-item-list .img{width: 80px;height: 80px;margin: 0 auto;margin-bottom: 25px;}
.menu-item-list:nth-child(1) .title{transition: all 0.5s;}
.menu-item-list:nth-child(1):hover .title,
.menu-item-list:nth-child(5):hover .title{color: #0bb1ee;}
.menu-item-list:nth-child(2):hover .title,
.menu-item-list:nth-child(6):hover .title{color: #fca514;}
.menu-item-list:nth-child(3):hover .title,
.menu-item-list:nth-child(7):hover .title{color: #14c7af;}
.menu-item-list:nth-child(4):hover .title,
.menu-item-list:nth-child(8):hover .title{color: #6a7bfe;}
.xcx-sh-box{padding-top: 40px;}
.xcx-sh-list{width: 280px;height: 215px;margin-right: 20px;margin-bottom: 20px;border-radius: 4px;position: relative;overflow: hidden;}
.xcx-sh-list:nth-child(4n){margin-right: 0;}
.xcx-sh-list .img{width: 100%;height: 100%;position: relative;overflow: hidden;}
.xcx-sh-list .img img{transition: all 0.5s;}
.xcx-sh-list .lista{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(44, 44, 44, 0.2);color: #fff;font-size: 20px;z-index: 3;}
.xcx-sh-list:hover .img img{transform: scale(1.2);}
.box{font-family: "Niramit", sans-serif;text-align: center;position: relative;overflow: hidden;}
.box:before,
.box:after,
.box-content:before,
.box-content:after{content: "";background: linear-gradient(transparent, rgba(0, 0, 0, 0.5));height: 100%;width: 25%;transform: translateY(-100%);position: absolute;left: 0;top: 0;z-index: 1;transition: all 0.3s;}
.box:hover:before,
.box:hover:after,
.box:hover .box-content:before,
.box:hover .box-content:after{transform: translateY(0);}
.box:after{left: 25%;}
.box .box-content:before{left: 50%;}
.box .box-content:after{left: 75%;}
.box:hover:before{transition-delay: 0.225s;}
.box:hover:after{transition-delay: 0.075s;}
.box:hover .box-content:before{transition-delay: 0.15s;}
.box:hover .box-content:after{transition-delay: 0s;}
.box img{/* width: 100%;height: auto;*/transition: all 0.3s ease 0s;}
.box:hover img{/* filter: grayscale(100%);*/}
.box .box-content{width: 100%;height: 100%;position: absolute;bottom: 0;left: 0;transition: all 0.2s;z-index: 2;}
.content{width: 100%;padding: 7px 0;opacity: 0;position: absolute;left: 0;bottom: -30px;z-index: 2;transition: all 0.3s ease 0.1s;}
.box:hover .content{opacity: 1;bottom: 5px;}
.box .title{color: #fff;font-size: 25px;font-weight: 500;letter-spacing: 1px;text-transform: uppercase;margin: 0;}
.box .post{color: var(--main-color);font-size: 16px;font-style: italic;text-transform: capitalize;letter-spacing: 1px;margin-bottom: 10px;display: block;}
.box .icon{padding: 0;margin: 0;list-style: none;transform: translateX(-50%);position: absolute;/* top: 15px;*/bottom: -22px;right: -10px;z-index: 2;transition: all 0.5s ease 0.3s;}
.box .icon li{opacity: 0;transform: scale(0) rotate(360deg);transition: all 400ms;}
.box:hover .icon li{opacity: 1;transform: scale(1) rotate(0);}
.box .icon li a{color: var(--color_1);background-color: var(--main-color);font-size: 20px;line-height: 40px;height: 40px;width: 40px;margin-bottom: 10px;border-radius: 50%;display: block;position: relative;transition: all 0.3s;}
.box .icon li a:hover{text-decoration: none;color: var(--main-color);background-color: var(--color_1);border-radius: 0 20px 0 20px;}
@media only screen and (max-width: 990px){.box{margin-bottom: 30px;}}
@media only screen and (max-width: 479px){.box .title{font-size: 20px;}}
.xcx-zc-btn-wrap{margin-top: 35px;}
.xcx-zc-btn{padding: 2px 60px;height: 44px;border-radius: 22px;background-color: rgb(255, 255, 255);box-shadow: inset 0px 1px 6px 0px rgba(190, 190, 190, 0.6);}
.zc-btn-list{width: 32px;height: 32px;position: relative;overflow: hidden;border-radius: 50%;background: #fff;font-size: 18px;cursor: pointer;transition: 0.5s;}
.zc-btn-list:hover{color: #fff;}
.zc-btn-list+.zc-btn-list{margin-left: 15px;}
.zc-btn-list.current{color: #fff;background: #22a2ff;}
.xcx-zc-con-box{padding-top: 60px;}
.xcx-zc-con-list{display: none;}
.xcx-zc-con-list .imgs{width: 490px;height: 312px;margin-right: 75px;overflow: hidden;border-radius: 4px;}
.xcx-zc-con-list .num{font-size: 80px;color: #acdcff;font-weight: bold;margin-bottom: 25px;}
.xcx-yx{overflow: hidden;min-height: 875px;}
.xcx-yx .top{height: 580px;width: 100%;padding-top: 137px;background-image: url("../images/xcx227.png");}
.xcx-yx .bottom{margin-top: -323px;}
.xcx-yx-box{height: 532px;width: 100%;background: #fff;overflow: hidden;border-radius: 4px;box-shadow: 0 0 10px 0 rgba(153, 153, 153, 0.302);}
.xcx-yx-box .left{width: 250px;height: 100%;background: #f5f5f5;}
.xcx-yx-box .left .list{height: 125px;width: 100%;padding: 0 40px;cursor: pointer;}
.xcx-yx-box .left .list+.list{border-top: 1px solid #ededed;}
/* .xcx-yx-box .left .list div:nth-child(1){padding-left: ;}*/.xcx-yx-box .left .list.current{background: #fff;border-top: none;}
.xcx-yx-box .left .list.current+.list{border-top: none;}
.xcx-yx-box .left .list .title{margin-bottom: 14px;max-width: 162px;}
.pat55{padding: 55px 0 5px;}
.xcx-yx-zlist{width: 230px;height: 105px;margin-bottom: 50px;text-align: center;transition: all 0.5s;}
.xcx-yx-zlist .fs-14{padding: 0 40px;}
.xcx-yx-zlist .img{height: 70px;width: 70px;margin: 0 auto 20px;}
.xcx-yx-zwrap{display: none;}
.xcx-yx-zlist:hover{margin-top: -25px;color: #008be2;}
.a-warp a .div1{position: absolute;text-align: center;width: 100%;left: 0;top: 0;height: 53px;line-height: 13px;padding: 10px;pointer-events: none;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.a-warp a.tem-l-box-btn .div1:nth-child(1){color: #fff;background: #1cb7f0;transform: rotateX(90deg);-webkit-transform: rotateX(90deg);-moz-transform: rotateX(90deg);transition: all 0.2s ease;-webkit-transition: all 0.2s ease;-moz-transition: all 0.2s ease;transform-origin: 50% 50% -30px;-webkit-transform-origin: 50% 50% -30px;-moz-transform-origin: 50% 50% -30px;}
.a-warp a.tem-l-box-btn .div1:nth-child(2){color: #999;transform: rotateX(0deg);-webkit-transform: rotateX(0deg);-moz-transform: rotateX(0deg);transition: all 0.2s ease;-webkit-transition: all 0.2s ease;-moz-transition: all 0.2s ease;transform-origin: 50% 50% -30px;-webkit-transform-origin: 50% 50% -30px;-moz-transform-origin: 50% 50% -30px;}
.a-warp a.tem-l-box-btn:hover .div1:nth-child(1){color: #999;transition: all 0.2s ease;-webkit-transition: all 0.2s ease;-moz-transition: all 0.2s ease;transform: rotateX(0deg);-webkit-transform: rotateX(0deg);-moz-transform: rotateX(0deg);}
.a-warp a.tem-l-box-btn:hover .div1:nth-child(2){background-color: #1cb7f0;color: #fff;transition: all 0.2s ease;-webkit-transition: all 0.2s ease;-moz-transition: all 0.2s ease;transform: rotateX(-90deg);-webkit-transform: rotateX(-90deg);-moz-transform: rotateX(-90deg);}
.soft-head{padding-bottom: 50px;}
.soft-head .top{height: 340px;width: 100%;background-image: url("../images/soft01.png");}
.soft-head .top .left{height: 340px;width: 100%;position: relative;}
.soft-head .top .left .img{position: absolute;right: 0;top: 22px;width: 637px;height: 663px;transition: all 0.5s;}
.soft-head .top .left .img:hover img{/* transform: rotate(25deg);*/}
.soft-head .bottom{height: 325px;}
.sofy-list img{width: 20px;height: 20px;margin-right: 15px;}
.sofy-list{transition: all 0.5s;}
.sofy-list+.sofy-list{margin-top: 30px;}
.sofy-list:hover{margin-left: 20px;color: #22a2ff;}
.tours2-banner{position: relative;padding-top: 80px;}
.soft-wraps11{position: absolute;z-index: 101;height: 170px;/* top: 385px;*/top: 466px;left: 0;background-image: url("../images/soft11.png");width: 100%;}
.OA-box{position: relative;margin-top: -100px;z-index: 102;}
.OA-list{width: 316px;margin-right: 100px;margin-bottom: 64px;}
.OA-list:nth-child(3n){margin-right: 0;}
.OA-list .img{height: 52px;width: 52px;margin-right: 18px;}
.OA-list .c-6{transition: all 0.5s;height: 44px;}
.OA-list:hover,
.OA-list:hover .c-6{color: #22a2ff;}
.zf-sys{padding: 80px 0;}
.zf-sys-box{padding-top: 40px;}
.zf-sys-list{padding: 25px;width: 283px;height: 340px;margin-right: 16px;margin-bottom: 16px;overflow: hidden;border-radius: 4px;box-shadow: 0 0 8px 0 rgba(153, 153, 153, 0.302);transition: all 0.3s;}
.zf-sys-list:nth-child(4n){margin-right: 0;}
.zf-sys-list .img{height: 84px;width: 84px;margin: 40px auto 30px;}
.zf-sys-list .img img{transition: all 0.5s;}
/* .zf-sys-list:hover{margin-top: -25px;}*/
.zf-sys-list:hover .img img{transform: scale(1.2);}
.humangl{padding: 0 0 100px;}
.humangl .top{height: 475px;width: 100%;background-image: url("../images/systembg.png");}
.humangl .top .main-w{padding-top: 75px;position: relative;height: 100%;}
.humangl .top .main-w .img{position: absolute;left: 50%;margin-left: -500px;top: 140px;width: 1000px;height: 492px;z-index: 10;}
.humangl .bottom{padding-top: 135px;}
.humangl .bottom .other-menu .other-list{width: 220px;height: 240px;display: flex;overflow: visible;position: relative;box-shadow: 0px 0px 10px 0.9px rgba(153, 153, 153, 0.2);transition: all 0.5s;}
.humangl .bottom .other-menu .other-list .img{position: absolute;left: 50%;width: 96px;height: 96px;border-radius: 50%;box-shadow: 0px 0px 10px 0.9px rgba(153, 153, 153, 0.2);top: -48px;margin: 0;z-index: 99;margin-left: -48px;background: #fff;transition: all 0.5s 0.5s;}
.humangl .bottom .other-menu .other-list:hover{box-shadow: 0px 0px 10px 0.9px rgba(153, 153, 153, 0.3);}
.humangl .bottom .other-menu .other-list:hover .img{box-shadow: 0px 0px 10px 0.9px rgba(153, 153, 153, 0.3);transform: rotateY(180deg);}
.humangl .bottom .other-menu .other-list .img img{width: 44px;height: 44px;transition: all 0.5s 0.5s;}
.humangl .bottom .other-menu .other-list:hover .img img{transform: scale(1.2);}
.humangl .bottom .other-menu .swiper-container{padding: 80px 10px 50px;}
.padlr30{padding: 0 30px;max-width: 100%;}
.tour-soft{padding: 80px 0;}
.tour-soft-menu{padding: 20px 0 40px;}
.tour-soft-menu .left,
.tour-soft-menu .right{width: 280px;}
.tour-soft-menu .left .ts-left-list{text-align: right;padding-right: 60px;}
.tour-soft-menu .right .ts-left-list{text-align: left;padding-left: 60px;}
.tour-soft-menu .ts-left-list{transition: all 0.3s;}
.tour-soft-menu .ts-left-list+.ts-left-list{margin-top: 44px;}
.tour-soft-menu .left .img,
.tour-soft-menu .right .img{width: 56px;height: 56px;transition: all 0.5s;}
.tour-soft-menu .left .img{margin-left: 28px;}
.tour-soft-menu .right .img{margin-right: 28px;}
.tour-soft-menu .flex-1 .img{width: 556px;height: 376px;position: relative;overflow: hidden;}
.tour-soft-menu .ts-left-list:hover{color: #11c5ae;}
.tour-soft-menu .ts-left-list:hover .img{animation: imgrou45 1s linear;}
.design-bannertop{position: relative;z-index: 1;height: 440px;width: 100%;background-image: url("../images/sj01.png");}
.design-bannertop .main-w{height: 440px;}
.design-bannertop .index-m-banner-list{height: 440px;position: relative;}
.design-bannertop .index-m-banner-list .imgs{position: absolute;z-index: 2;width: 1056px;height: 440px;right: 0;bottom: 0;transition: all 0.5s;}
.design-bannertop .index-m-banner-list .imgs:hover{transform: rotate(15deg) translateX(-10px);}
.design-tmenu{padding: 20px 0 80px;}
.tdesign-tmenu-list{position: relative;width: 380px;height: 180px;margin-right: 20px;padding: 18px 22px;border-radius: 4px;overflow: hidden;transition: all 0.5s;}
.tdesign-tmenu-list:nth-child(1){background: -webkit-linear-gradient(right top, #02aded, #98e5fe);/* Safari 5.1 - 6.0*/background: -o-linear-gradient(top right, #02aded, #98e5fe);/* Opera 11.1 - 12.0*/background: -moz-linear-gradient(top right, #02aded, #98e5fe);/* Firefox 3.6 - 15*/background: linear-gradient(to top right, #02aded, #98e5fe);/* 标准的语法*/}
.tdesign-tmenu-list:nth-child(1):hover{background: -webkit-linear-gradient(left bottom, #02aded, #98e5fe);/* Safari 5.1 - 6.0*/background: -o-linear-gradient(bottom left, #02aded, #98e5fe);/* Opera 11.1 - 12.0*/background: -moz-linear-gradient(bottom left, #02aded, #98e5fe);/* Firefox 3.6 - 15*/background: linear-gradient(to bottom left, #02aded, #98e5fe);/* 标准的语法*/box-shadow: 0 0 12px 0 rgba(78, 201, 246, 0.9);}
.tdesign-tmenu-list:nth-child(2){background: -webkit-linear-gradient(right top, #06bcac, #50f6b9);/* Safari 5.1 - 6.0*/background: -o-linear-gradient(top right, #06bcac, #50f6b9);/* Opera 11.1 - 12.0*/background: -moz-linear-gradient(top right, #06bcac, #50f6b9);/* Firefox 3.6 - 15*/background: linear-gradient(to top right, #06bcac, #50f6b9);/* 标准的语法*/}
.tdesign-tmenu-list:nth-child(2):hover{background: -webkit-linear-gradient(left bottom, #06bcac, #50f6b9);/* Safari 5.1 - 6.0*/background: -o-linear-gradient(bottom left, #06bcac, #50f6b9);/* Opera 11.1 - 12.0*/background: -moz-linear-gradient(bottom left, #06bcac, #50f6b9);/* Firefox 3.6 - 15*/background: linear-gradient(to bottom left, #06bcac, #50f6b9);/* 标准的语法*/box-shadow: 0 0 12px 0 rgba(31, 208, 177, 0.9);}
.tdesign-tmenu-list:nth-child(3){background: -webkit-linear-gradient(right top, #666efe, #84c1ff);/* Safari 5.1 - 6.0*/background: -o-linear-gradient(top right, #666efe, #84c1ff);/* Opera 11.1 - 12.0*/background: -moz-linear-gradient(top right, #666efe, #84c1ff);/* Firefox 3.6 - 15*/background: linear-gradient(to top right, #666efe, #84c1ff);/* 标准的语法*/}
.tdesign-tmenu-list:nth-child(3):hover{background: -webkit-linear-gradient(left bottom, #666efe, #84c1ff);/* Safari 5.1 - 6.0*/background: -o-linear-gradient(bottom left, #666efe, #84c1ff);/* Opera 11.1 - 12.0*/background: -moz-linear-gradient(bottom left, #666efe, #84c1ff);/* Firefox 3.6 - 15*/background: linear-gradient(to bottom left, #666efe, #84c1ff);/* 标准的语法*/box-shadow: 0 0 12px 0 rgba(119, 159, 255, 0.9);}
.tdesign-tmenu-list:nth-child(3n){margin-right: 0;}
.tdesign-tmenu-list .title{height: 50px;width: auto;position: relative;overflow: hidden;transition: all 0.5s;}
.tdesign-tmenu-list .title:after{position: absolute;content: "";width: 44px;height: 2px;left: 0;bottom: 0;background: #fff;}
.tdesign-tmenu-list .img{position: absolute;width: 164px;height: 164px;right: 20px;bottom: 5px;}
.tdesign-tmenu-list:hover{font-weight: bold;}
.tdesign-tmenu-list:hover img{transform: scale(0.9);}
.server-content{background: #fff;overflow: hidden;}
.s-c-menu{height: 72px;}
.s-c-menu-wrap{height: 100%;}
.s-c-menu-list+.s-c-menu-list{margin-left: 60px;}
.s-c-menu-list{height: 100%;position: relative;cursor: pointer;}
.s-c-menu-list:after{position: absolute;content: "";width: 0;height: 2px;left: 50%;margin-left: -30px;bottom: 4px;background: #22a2ff;transition: all 0.3s;}
.s-c-menu-list.current:after,
.s-c-menu-list:hover:after{width: 60px;}
.s-c-con{height: 440px;text-align: center;}
.s-c-con-warp{height: 100%;}
.s-c-con-list{display: none;height: 100%;position: relative;}
.s-c-con-list:nth-child(3){padding-top: 40px;}
.s-c-con-list .imga{position: absolute;bottom: 24px;}
.s-c-con-list .img1{width: 445px;height: 379px;left: 380px;}
.s-c-con-list .img2{width: 361px;height: 208px;left: 160px;}
.s-c-con-list .img3{width: 144px;height: 187px;left: 788px;}
.s-c-con-list .img4{width: 78px;height: 158px;left: 148px;}
.s-c-con-list .imgb{position: absolute;bottom: 0;left: 0;width: 100%;height: 384px;}
.s-c-con-list .imgc1{width: 280px;height: 400px;animation-duration: 0.3s;}
.s-c-con-list .imgc2{width: 302px;height: 400px;margin: 0 30px;animation-duration: 0.6s;}
.s-c-con-list .imgc3{animation-duration: 0.9s;}
.server-content-wrap{position: relative;z-index: 99;width: 100%;background: #fff;}
.server-content-wrap .warpw{position: absolute;z-index: 101;left: 0;top: -118px;width: 100%;height: 180px;}
.s-c-w-warp{position: relative;z-index: 102;padding-top: 40px;}
.s-c-w-warp .s-c-w-list{display: none;min-height: 200px;}
.s-c-w-warp .s-c-w-list .item{margin-right: 30px;}
.s-c-w-warp .s-c-w-list .item:nth-child(4){margin-right: 0;}
.s-c-w-warp .s-c-w-list .item .head{margin-bottom: 16px;}
.s-c-w-warp .s-c-w-list .item .head .num{color: #acdcff;transition: all 0.3s;margin-right: 20px;}
.s-c-w-warp .s-c-w-list .item .head .title{line-height: 24px;}
.s-c-w-warp .s-c-w-list .item:hover .head .num{color: #22a2ff;}
.s-c-w-warp .s-c-w-list .item:nth-child(1){animation-duration: 0.3s;}
.s-c-w-warp .s-c-w-list .item:nth-child(2){animation-duration: 0.6s;}
.s-c-w-warp .s-c-w-list .item:nth-child(3){animation-duration: 0.9s;}
.s-c-w-warp .s-c-w-list .item:nth-child(4){animation-duration: 1.2s;}
.server-case{padding: 80px 0;}
.server-case-warp{padding: 60px 0;}
.server-case-list{width: 278px;height: 260px;box-shadow: 0 0 10px 0 rgba(153, 153, 153, 0.302);border-radius: 4px;overflow: hidden;margin-right: 22px;margin-bottom: 24px;transition: 0.5s;}
.server-case-list:hover{box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.4);}
.server-case-list .desc{transition: 0.5s;}
.server-case-list:hover .desc{color: #22a2ff;}
.server-case-list:nth-child(4n){margin-right: 0;}
.server-case-list .img{position: relative;width: 100%;height: 164px;overflow: hidden;}
.server-case-list .box{width: 100%;height: 164px;}
.server-case-list .box:before,
.server-case-list .box:after,
.server-case-list .box-content:before,
.server-case-list .box-content:after{background: linear-gradient(transparent, rgba(0, 0, 0, 0.6)) !important;}
.server-case-list:hover .box:before,
.server-case-list:hover .box:after,
.server-case-list:hover .box .box-content:before,
.server-case-list:hover .box .box-content:after{transform: translateY(0);}
.server-case-list .con{padding: 16px 14px;}
.server-case-list .con i{width: 8px;height: 8px;border-radius: 50%;background: #acdcff;margin-right: 8px;transition: all 0.3s;}
.server-case-list:hover .con i{background: #22a2ff;}
.server-case-list:hover .box:before{transition-delay: 0.225s;}
.server-case-list:hover .box:after{transition-delay: 0.075s;}
.server-case-list:hover .box .box-content:before{transition-delay: 0.15s;}
.server-case-list:hover .box .box-content:after{transition-delay: 0s;}
.server-case-list:hover .box img{filter: grayscale(30%);transform: scale(1.1);}
.server-case-list:hover .box .content{opacity: 1;bottom: 5px;}
.server-case-list:hover .box .icon li{opacity: 1;transform: scale(1) rotate(0);}
.server-case-list .box .icon li a{color: #fff;margin-bottom: 30px;}
.server-case-list .box .icon li a img{height: 24px;width: 24px;}
.server-case-list .box .icon li a:hover{color: #fff;font-weight: bold;text-decoration: none;/* color: var(--main-color);*/background-color: var(--color_1);border-radius: 0 20px 0 20px;}
.classic-topbanner{height: 342px;width: 100%;position: relative;background-image: url("../images/classci.png");}
.classic-menu{position: absolute;left: 50%;margin-left: -590px;bottom: -50px;height: 100px;background: #fff;border-radius: 4px;box-shadow: 0 0 8px 0 rgba(153, 153, 153, 0.302);}
.classic-menu .classic-menu-warp{height: 100%;padding: 0 40px;}
.classic-menu-list{height: 36px;position: relative;}
.classic-menu-list+.classic-menu-list{margin-left: 90px;}
.classic-menu-list:after{position: absolute;content: "";width: 0;height: 2px;background: #22a2ff;left: 50%;margin-left: -32px;bottom: 0;transition: all 0.5s;}
.classic-menu-list.current:after,
.classic-menu-list:hover:after{width: 64px;}
.classic-main{padding: 115px 70px;}
.classic-main .tem-l-list{position: relative;overflow: visible;margin-bottom: 110px;}
.classic-main .tem-l-list .qlk{position: absolute;left: 0;bottom: -64px;width: 100%;height: 64px;z-index: 999;}
.case-pc-list{width: 364px;height: 330px;margin-right: 44px;margin-bottom: 24px;}
.case-pc-list:nth-child(3n){margin-right: 0;}
.case-pc-list .img{position: relative;width: 100%;height: 232px;overflow: hidden;box-shadow: 0 0 8px 0 rgba(153, 153, 153, 0.302);border-radius: 4px;}
.classic-main .case-pc-list .qlk{width: 100%;height: 64px;margin-top: 24px;}
.case-pc-a1{position: absolute;left: 0;top: -232px;width: 100%;height: 232px;background: rgba(0, 0, 0, 0.6);}
.classic-main .case-pc-list:hover .case-pc-a1 img{transform: rotate(360deg);}
.case-pc-a1 img{width: 48px;height: 48px;transition: all 0.6s;}
.case-app-list{width: 241px;height: 540px;margin-right: 72px;margin-bottom: 32px;}
.case-app-list:nth-child(4n){margin-right: 0;}
.case-app-list .app-warp{width: 248px;height: 454px;padding: 37px 26px 66px;background-image: url("../images/appwarp.png");}
.case-app-list .app-warp .img{position: relative;overflow: hidden;width: 194px;height: 352px;}
.case-app-list .app-warp .img .case-app-a1{position: absolute;left: 0;top: -352px;width: 194px;height: 352px;background: rgba(0, 0, 0, 0.6);}
.case-app-a1 .imgcodes{margin: 26px auto 44px;width: 120px;height: 120px;}
.case-app-a1 .a-warp{height: auto !important;}
.sase-app-btn{width: 124px !important;height: 32px !important;border-radius: 4px;overflow: hidden;background: #22a2ff;color: #fff;font-size: 16px;margin: 0 auto;}
.case-xcx-list{width: 220px;height: 220px;margin-right: 20px;margin-bottom: 20px;}
.case-xcx-list:nth-child(5n){margin-right: 0;}
.case-xcx-list div:nth-child(2){transform-origin: 50% 64% -25px;-webkit-transform-origin: 50% 64% -25px;-moz-transform-origin: 50% 64% -25px;}
.classic-main .server-case-warp{padding-top: 0;}
.pab80{padding-bottom: 80px;}
.separator{padding: 34px 0 44px;}
.separator a:last-child{color: #22a2ff;}
.c-detail{padding: 60px 36px 40px;}
/**/
.content-box{width: 1180px; margin: 0px auto; overflow: hidden;}
.content-box-left{width: 845px; background: #fff; float: left; padding: 20px 30px 40px;}
.content-box-left .subtitle{padding-top: 20px;}
.content-box-right{width: 310px; background: #fff; float: right;}
.content-box-right .right-title{display: block; font-weight: bold; width: 80%; margin: 0px auto; font-size: 18px; padding-top: 20px;}
.content-box-right .right-recomment{display: block; width: 80%; margin: 0px auto; padding: 15px 0px 20px;}
.content-box-right .right-recomment li{display: block; width: 100%; height: 30px; line-height: 30px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.content-box-right .right-recomment li a{display: block;  overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.content-box-right .right-recomment a:hover{color: #008fff;}

.pages{overflow: hidden;}
.page-com{width: 48%; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.page-com{font-size: 16px;}
.page-com a{font-size: 16px; font-weight: bold; transition: all .3s;}
.page-com a:hover{color: ##22a2ff;}
.page-com.left{float: left;}
.page-com.right{float: right; text-align: right;}


.c-detail .title{padding: 0 60px 20px;}
i.ilo{width: 8px;height: 8px;border-radius: 50%;margin-right: 8px;background: #22a2ff;}

.main-content{margin: 30px 0;padding: 24px 0;overflow: hidden;border-top: 1px solid #ededed;border-bottom: 1px solid #ededed;}
.main-content h2{font-size: 18px;font-weight: bold;}
.main-content{font-size: 16px; line-height: 28px; color: #333;}
.main-content{margin: 30px 0; padding: 24px 0; overflow: hidden; border-top: 1px solid #ededed; border-bottom: 1px solid #ededed; font-size: 16px; line-height: 28px; color: #333;}
.main-content img{display: inline-block; max-width: 100%; width: auto !important; height: auto !important; margin: 15px 0;}
.main-content h2{font-size: 18px; font-weight: bold; padding: 15px 0 10px; text-align: left;}
.main-content h3{font-size: 16px; font-weight: bold; text-align: left; margin: 10px 0 5px;}
.main-content h4{font-size: 16px; font-weight: bold; text-align: left;}
.main-content a{color: #22a2ff; text-decoration: underline;}

.main-content table{width: 100%;border: 1px solid #333;font-family: verdana, arial, sans-serif;font-size: 11px;color: #333333;border-width: 1px;border-color: #666666;border-collapse: collapse;}
.main-content table th{border-width: 1px;padding: 8px;border-style: solid;border-color: #666666;background-color: #dedede;}
.main-content table td{border-width: 1px;padding: 8px;border-style: solid;border-color: #666666;background-color: #ffffff;}
.main-content img{margin: 16px 0;}
.about-topbanner{height: 715px;width: 100%;background-image: url("../images/aboutbg.png");}
.about-topbanner .img{width: 280px;display: block;height: 280px;margin-right: 146px;position: relative;/* overflow: hidden;*/}
.about-topbanner .img .gradient{left: -200%;}
.about-topbanner .img:hover .gradient{left: 200%;}
.about-topbanner .img img{width: 280px;height: 280px;/* -webkit-animation: routeline 2s infinite linear;animation: routeline 2s infinite linear;*/}
.about-topbanner .img:hover img{/* animation-play-state: paused;*/animation: mediaAni_03 3.6s ease-in-out infinite;-webkit-animation: mediaAni_03 3.6s ease-in-out infinite;}
.about-topbanner .title{margin-bottom: 36px;}
.about-num-box{padding: 80px 0;}
.we-well{padding: 80px 0;overflow: hidden;}
.we-well-box{padding-top: 40px;}
.we-well-list{border-radius: 4px;background-color: rgb(255, 255, 255);width: 280px;height: 300px;margin-right: 20px;transition: all 0.5s;box-shadow: 0 0 8px 0 rgba(153, 153, 153, 0.302);behavior: url(ie-css3.htc);/*兼容ie，加上这句*/}
.we-well-list .title.lh-42{transition: all 0.4s;}
.we-well-list .c-9{transition: all 0.5s;width: 225px;}
.we-well-list:nth-child(4){margin-right: 0;}
.we-well-list .img{position: relative;overflow: hidden;width: 80px;height: 80px;transition: all 0.5s;margin: 0 auto 24px;}
.we-well-list:hover .title.lh-42{/* line-height: 50px;*/font-size: 24px;font-weight: bold;/* transform: rotateY(360deg);*/transform: translateY(-10px);}
.we-well-list:hover{margin-top: -10px;border-radius: 12px;box-shadow: 0 0 8px 0 rgba(153, 153, 153, 0.6);}
.certificate-qualification{height: 660px;overflow: hidden;}
.certificate-qualification .top{height: 440px;background-image: url("../images/curbg.png");padding-top: 75px;}
.certificate-qualification .bottom{height: 384px;margin-top: -232px;position: relative;}
.certificate-banner ul{padding: 5px 0 20px;}
.certificate-banner li img{height: 384px;box-shadow: 0 0 8px 0 rgba(153, 153, 153, 0.302);}
.certificate-banner .swiper-button-prev,
.certificate-banner .swiper-container-rtl .swiper-button-prev{left: -70px;right: auto;z-index: 99;background-image: url("../images/leftc-c.png");opacity: 0.5;}
.certificate-banner.swiper-button-prev:hover{opacity: 1;}
.certificate-banner .swiper-button-next,
.certificate-banner .swiper-container-rtl .swiper-button-next{right: -70px;left: auto;z-index: 99;background-image: url("../images/rightc-c.png");opacity: 0.5;}
.certificate-banner .swiper-button-next:hover{opacity: 1;}
.collaborative-customers{padding: 80px 0 60px;overflow: hidden;}
.collaborative-box{padding-top: 45px;}
.collaborative-list{border-width: 1px;border-color: rgb(217, 217, 217);border-style: solid;border-radius: 4px;background-color: rgb(255, 255, 255);width: 220px;height: 106px;margin-right: 20px;margin-bottom: 20px;overflow: hidden;}
.collaborative-list:nth-child(5n){margin-right: 0;}
.collaborative-list .img{width: 151px;height: 76px;margin: 0 auto;overflow: hidden;transition: all 0.5s;}
.collaborative-list:hover .img{transform: scale(1.2);}
.con-us{padding: 80px 0 70px;}
.con-us-box{margin-top: 42px;}
.con-us-list{height: 256px;padding: 0 50px;text-align: center;}
.con-us-list .txt-c{margin: 0 auto;}
.con-us-list+.con-us-list{border-left: 1px solid #ededed;}
.con-us-list .img{height: 56px;width: 56px;margin: 40px auto 25px;}
.con-form{padding: 64px 0 80px;overflow: hidden;}
.iptbox1 input{border-width: 1px;border-color: rgb(208, 208, 208);border-style: solid;border-radius: 4px;background-color: rgb(255, 255, 255);width: 348px;height: 40px;margin-right: 20px;padding: 0 20px;}
.iptbox1 img{width: 109px;height: 40px;}
.trxe-warp{width: 100%;height: 260px;margin: 20px 0 30px;}
.trxe-warp textarea{padding: 18px 22px;width: 100%;height: 100%;border-width: 1px;border-color: rgb(208, 208, 208);border-style: solid;border-radius: 4px;background-color: rgb(255, 255, 255);resize: none;}
.con-form button{cursor: pointer;width: 160px;height: 50px;border: none;outline: none;border-radius: 4px;margin: 0 auto;background: #fff;border: 1px solid rgb(208, 208, 208);color: #999;}
.product-p-top{position: relative;height: 340px;width: 100%;background-image: url("../images/pro-pbg.png");}
.price-menu{position: absolute;width: 1180px;height: 80px;left: 50%;bottom: 0;margin-left: -590px;background: #f5f5f5;border-top-left-radius: 4px;border-top-right-radius: 4px;overflow: hidden;}
.price-menu .price-m-list{height: 80px;}
.price-menu .price-m-list+.price-menu .price-m-list{border-left: 1px solid #ededed;}
.price-menu .price-m-list.current{background: #fff;}
.price-menu .price-m-list.current+.price-m-list{border-left: none;}
.price-menu .price-m-list a{height: 100%;width: 100%;}
.pro-pre-content{padding: 60px 0 40px;}
.zs-pre{padding: 40px 0 80px;}
.pro-pre-content .title{margin-bottom: 40px;}
.pro-pre-content img{width: 100% !important;}
.zs-pre-box{margin-top: 40px;}
.zs-pre-list{width: 380px;height: auto;margin-right: 20px;border-radius: 6px;overflow: hidden;border: 1px solid #f0f0f5;}
.zs-pre-list .title{display: flex;width: 100%;height: 190px;color: #fff;font-size: 24px;background-repeat: no-repeat;background-size: cover;background-position: center;}
.zs-pre-list:nth-child(1) .title{background-image: url(../images/tab-tit-b.png);}
.zs-pre-list:nth-child(2) .title{background-image: url(../images/tab-tit-g.png);}
.zs-pre-list:nth-child(3) .title{background-image: url(../images/tab-tit-y.png);}
.zs-pre-list:nth-child(3){margin-right: 0;}
.zs-pre-list .title .num{font-size: 30px;margin-bottom: 25px;}
.zs-desc{height: 135px;font-family: "Microsoft YaHei";font-weight: bold;}
.wx-price-box{padding: 60px 0;}
.wx-price-box li{width: 280px;height: 552px;margin-right: 20px;border-radius: 4px;border: 1px solid #ededed;}
.wx-price-box li img{width: 278px;}
.wx-price-box li:nth-child(4){margin-right: 0;}
.xcx-price-box{margin-top: 50px;height: 46px;}
.xcx-price-list{position: relative;cursor: pointer;height: 46px;}
.xcx-price-list+.xcx-price-list{margin-left: 80px;}
.xcx-price-list:after{position: absolute;content: "";left: 50%;bottom: 10px;background: #22a2ff;margin-left: -23px;width: 0;height: 2px;transition: all 0.5s;}
.xcx-price-list:hover:after,
.xcx-price-list.current:after{width: 46px;}
.xcx-p-list{display: none;}
.right-main-menu{position: fixed;z-index: 1001;height: 180px;top: 50%;margin-top: -90px;right: 0;min-width: 64px;}
.right-main-menu ul{width: auto;height: 180px;}
.right-main-menu .rlist{position: relative;height: 54px;min-width: 64px;background: rgba(0, 0, 0, 0.9);color: #fff;text-align: right;/* overflow: hidden;*/border-bottom-left-radius: 4px;border-top-left-radius: 4px;transition: all 0.5s;}
.right-main-menu .rlist+.rlist{margin-top: 8px;}
.right-main-menu .rlist .txt{position: absolute;width: auto;border-bottom-left-radius: 4px;border-top-left-radius: 4px;right: -500%;height: 54px;line-height: 54px;font-size: 18px;padding: 0 25px;padding-right: 4px;background: rgba(0, 0, 0, 0.9);transition: all 0.5s;}
.right-main-menu .rlist .img{position: relative;z-index: 2;color: #fff;height: 54px;width: 64px;background: rgba(0, 0, 0, 0.9);border-bottom-left-radius: 4px;border-top-left-radius: 4px;overflow: hidden;transition: all 0.5s;}
.right-main-menu .rlist:hover,
.right-main-menu .rlist:hover .img{background: rgba(78, 181, 255, 1);}
.right-main-menu .rlist:hover .txt{right: 60px;background: rgba(78, 181, 255, 1);}
.right-main-menu .rlist .wximg2{z-index: 1;position: absolute;transition: all 0.5s;right: -100px;top: 10px;width: 100px;height: 132px;}
.right-main-menu .rlist .wximg2 img{width: 100px;height: 100px;margin-bottom: 14px;}
.right-main-menu .rlist:hover .wximg2{right: 72px;}
.news-list-box{height: auto;padding-top: 40px;background: #fff;}
.news-list-warp .news1{padding: 40px 0;border-bottom: 1px solid #ededed;}
.news-list-warp .news1 .img{width: 472px;height: 260px;margin-right: 40px;}
.news-list-warp .news1 .date{margin-bottom: 40px;}
.news-list-warp .news1 .title{margin-bottom: 16px;}
.news-list-warp .news1 .desc{height: 48px;margin-bottom: 40px;}
.mat0{margin-top: 0;}
.news-list-warp .news2{position: relative;display: block;padding: 40px 24px;height: 172px;border-bottom: 1px solid #ededed;transition: all 0.5s;}
.news-list-warp .news2 i{position: absolute;background: #fafafa;height: 100%;z-index: -1;width: 0;left: 0;top: 0;transition: all 0.6s linear;-webkit-transition: all 0.6s linear;-moz-transition: all 0.6s linear;-ms-transition: all 0.6s linear;-o-transition: all 0.6s linear;}
.news-list-warp .news2:hover i{width: 100%;}
.news-list-warp .news2:before{transition: all 0.5s;position: absolute;content: "";left: 0;bottom: 0;width: 4px;height: 0;background: #333;}
.news-list-warp .news2:hover:before{height: 172px;background: #22a2ff;}
.news-list-warp .news2 .top{margin-bottom: 20px;transition: all 0.5s;}
.news-list-warp .news2 .desc{height: 48px;}
.news-list-warp .news2:hover .top{color: #22a2ff;}
.news-list-warp .news2:hover .top h3 a{color: #22a2ff;}
.padtb60{padding: 60px 0;}
.pt80{padding-top: 80px;}
.pat40{padding-top: 40px;}
.mat10{margin-top: 10px;}
.pat0{padding-top: 0;}
.pab20{padding-bottom: 20px;}
.i-box0{width: 0;height: 0;}
.pab60{padding-bottom: 60px;}
.tem-l-box .allsel,
.tem-l-box .towsel,
.tem-l-box .pcsel{margin-right: 30px !important;}
.tem-l-box .case-app-list{margin-right: 72px;}
.tem-l-box .case-app-list.appsel:nth-child(16n){margin-right: 0;}
.tem-l-box .pcsel{width: 362px;}
.allsel,
.towsel,
.pcsel,
.appsel{display: none;}
.tem-l-box .title{height: 42px;overflow: hidden;padding: 0 40px;}
.qx .img{width: 224px;height: 209px;margin: 0 auto;}
.mat30{margin-top: 30px;}
.swiper-slide-active{transform: rotateY(0) translateZ(0) scale(1);-webkit-filter: saturate(1) blur(0) brightness(1) contrast(1);opacity: 1;/* animation: blurql 3s linear infinite 0s;*/}
.bg-blur{width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: -1;animation: blurql 4s linear infinite 0s;}
.wrapnonezz,
.wrapnone2{display: none;}
.lh-24.line-camp2{height: 48px;max-width: 100%;}
.lh-30.line-camp3{max-height: 90px;max-width: 100%;}
.image-container2{overflow: hidden;position: relative;border: 0;transition: inherit;margin-bottom: 15px;background-color: #ffffff;}
.image-container span{display: block;height: 100%;overflow: hidden;position: relative;background-color: #ffffff;}
.image-container2 span{display: block;width: 100%;height: 320px;border-radius: 4px;position: relative;overflow: hidden;border: 1px solid #ededed;}
.title-image{width: 100%;object-fit: fill;height: auto;transition: all 2s;}
.template-title h3{font-size: 14px;text-align: center;/* padding: 5px;*/}
.image-container span p{border-radius: 2px;height: 100%;position: absolute;left: 0;right: 0;top: 0;background: url(bg1.png);z-index: -1;}
.template-title:hover .image-container span p{z-index: 9;}
.image-container2 span p{display: none;border-radius: 2px;height: 100%;position: absolute;left: 0;right: 0;top: 0;background: rgba(56, 56, 56, 0.25);}
.image-container2:hover p{display: block;}
.image-container span a{width: 44px;height: 44px;font-size: 12px;text-align: center;line-height: 32px;color: #ffffff;position: absolute;top: 50%;left: 50%;border-radius: 5px;transform: translate(-22px, -22px);background: url('../images/icos.png') no-repeat center center;background: cover;z-index: -1;}
.template-title:hover .image-container span a{z-index: 9;}
.image-container2 span a{display: none;width: 44px;height: 44px;font-size: 12px;text-align: center;line-height: 32px;color: #ffffff;position: absolute;top: 50%;left: 50%;border-radius: 5px;transform: translate(-22px, -22px);background: url('../images/icos.png') no-repeat center center;background: cover;}
.image-container2:hover a{display: block;}
.template-wrap-item2{width: 560px!important;position: relative;margin: 0;margin-bottom: 175px;/* padding: 10px 10px 15px;*/border-radius: 10px;background-color: #fff;-webkit-box-shadow: 1px 1px 10px 0px rgba(56, 56, 56, 0.2);-moz-box-shadow: 1px 1px 10px 0px rgba(56, 56, 56, 0.2);-ms-box-shadow: 1px 1px 10px 0px rgba(56, 56, 56, 0.2);-o-box-shadow: 1px 1px 10px 0px rgba(56, 56, 56, 0.2);box-shadow: 1px 1px 10px 0px rgba(56, 56, 56, 0.2);-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
.temp-b-title{position: absolute;left: 0;width: 100%;bottom: -120px;}
.template-wrap-item2.towsel,
.template-wrap-item2.allsel{margin-left: 15px;margin-right: 15px !important;}
.template-wrap-item2.pcsel{width: 560px!important;}
.template-wrap-item2 .template-title h3{display: inline-block;margin-right: 10px;line-height: 30px;font-size: 14px;}
.template-wrap-item2:hover{-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.35);-moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.35);-ms-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.35);-o-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.35);box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.35);-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
.show_iphone{position: absolute;right: 40px;bottom: -70px;z-index: 10;display: inline-block;overflow: hidden;padding: 27px 8px 41px 7px;width: 160px;height: 325px;background: url(../images/btn2.png) no-repeat;background-size: 100% 100%;}
.show_iphone span{display: block;height: 100%;overflow: hidden;position: relative;border-radius: 2px;}
.show_iphone img{width: 100%;object-fit: fill;height: auto;transition: all 2s;}
.show_iphone span a{display: none;width: 68px;height: 68px;font-size: 12px;text-align: center;line-height: 32px;color: #ffffff;position: absolute;top: 50%;left: 50%;border-radius: 5px;transform: translate(-34px, -50px);/* background: url(btn2.png) no-repeat center center;*/background: cover;}
.w80{width: 80px;margin-left: -6px;}
.show_iphone:hover a{display: block;}
.show_iphone p{display: none;border-radius: 2px;height: 100%;position: absolute;left: 0;right: 0;top: 0;background: rgba(56, 56, 56, 0.25);}
.show_iphone:hover p{display: block;}
.app-warp .show_iphone{position: absolute!important;width: 228px;height: 454px;padding: 37px 12px 58px;right: 0;top: 0;z-index: 10;display: inline-block;overflow: hidden;background: url(../images/btn2.png) no-repeat;background-size: 100% 100%;}
.app-warp .show_iphone .img{position: relative;overflow: hidden;width: 205px;height: 352px;}
.app-warp .show_iphone .img .case-app-a1{position: absolute;left: 0;top: -352px;width: 205px;height: 352px;background: rgba(56, 56, 56, 0.25);}
.show_iphone span .case-app-a1 a{display: block;position: static;transform: translate(0, 0);}
.caseio2list{margin-right: 58px;}
.caseio2list:nth-child(2n){margin-right: 0;}
.flop{display: none;}
.flop:nth-child(1),
.flop:nth-child(2),
.flop:nth-child(3),
.flop:nth-child(4){display: block;}
.template-wrap-item2.pc{margin-bottom: 120px;}
.template-wrap-item2.pc .temp-b-title{position: absolute;left: 0;width: 100%;bottom: -72px;}
.index-new-calss{display: flex;justify-content: space-between;padding-top: 80px;}
.index-new-calss .index-new-type{width: 380px;}
.index-new-calss .index-new-type:nth-child(1){animation-delay: .1s;-webkit-animation-delay: .1s;}
.index-new-calss .index-new-type:nth-child(2){animation-delay: .2s;-webkit-animation-delay: .2s;}
.index-new-calss .index-new-type:nth-child(3){animation-delay: .3s;-webkit-animation-delay: .3s;}
.index-new-item{width: 406px;}
.index-new-item .index-new-list{height: 35px;line-height: 35px;}
.index-new-item .index-new-type{height: 198px;background: url(../images/new-item.png) no-repeat center;background-size: cover;margin-bottom: 45px;position: relative;}
.index-new-detaill{position: absolute;width: 100%;height: 100%;left: 0;top: 0;background: rgba(0, 0, 0, .2);color: #fff;padding: 0 0 0 174px;display: flex;align-items: center;}
.index-new-detaill span{position: absolute;bottom: 14px;right: 12px;}
.index-new-info{position: absolute;width: 148px;height: calc(100% + 24px);background: rgba(0, 155, 255, .8);left: 0;top: -12px;display: flex;align-items: center;justify-content: center;font-size: 24px;color: #fff;line-height: 30px;z-index: 99;}
.index-new-list a{font-size: 16px;color: #333;line-height: 24px;transform: all .3s easy-in-out;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.index-new-type .new-more{margin-top: 12px;}
.index-new-list a:hover{color: #0793ff;transform: all .3s easy-in-out;}
.index-new-calss .new-more a{display: inline-block;background: url(../images/more-off.png) no-repeat center;transform: all .3s easy-in-out;width: 148px;height: 40px;border-radius: 20px;}
.index-new-calss .new-more a:hover{transform: all .3s easy-in-out;background: url(../images/more.png) no-repeat center;}
.tableDiv{height: auto;}
.table-title .table-cell{height: 139px;background: #fff;float: left;text-align: center;}
.table-title .table-classic{position: relative;}
.tableDiv .table-cell{border-right: solid #f0f0f5 2px;border-bottom: solid #f0f0f5 2px;font-size: 16px;font-family: "微软雅黑";color: #333;}
.tableDiv .table-classic{border-top-left-radius: 7px;}
.table-title .table-cell,
.table-title .table-cell{width: 217px;background-color: #fff;}
.table-title .table-cell.site{width: 345px;}
.table-title .table-cell-mid,
.table-title .table-cell-mid{width: 394px;}
.table-title .table-classic-area{width: 116px;height: 82px;position: absolute;left: 50%;top: 50%;margin-left: -58px;margin-top: -42px;}
.tableDiv .table-classic{border-top-left-radius: 7px;border-left: solid #f0f0f5 2px;border-top: solid #f0f0f5 2px;}
.tableDiv .site{border-top-right-radius: 7px}
.tableDiv .version{line-height: 155px}
.tableDiv .version .table-cell-free,
.tableDiv .version .table-cell-pro,
.tableDiv .version .table-cell-start,
.tableDiv .version .table-cell-stand{height: 285px}
.tableDiv .version .table-cell-crown{height: 285px;border-top-right-radius: 7px}
.tableDiv .table-content{height: auto;text-align: center}
.tableDiv .table-content .tableBody-block{margin-bottom: 4px}
.tableBody-block .table-left{width: 120px;background: #fff;float: left;font-size: 16px;font-family: "微软雅黑";color: #333}
.tableBody-block .table-right{background: #fff;float: left}
.table-right .table-right-row{float: left}
.table-right .table-right-row .option{float: left;width: 202px;font-size: 14px;font-family: "微软雅黑";color: #333;height: 60px;line-height: 60px}
.table-right .table-right-row .result{float: left;width: 291px;height: 60px;line-height: 60px;font-size: 14px;font-family: "微软雅黑"}
.tableDiv .classDesc{line-height: normal;width: 100%;height: 100%}
.tableDiv .vNode{display: inline-block;zoom: 1;height: 100%;vertical-align: middle}
.tableDiv .smallDescWrap{display: inline-block;vertical-align: middle;margin: 0 auto}
.tableDiv .smallDesc{color: #666;font-size: 12px;font-family: "微软雅黑"}
.tableDiv .version .table-cell-free{border-top: 4px solid #21d5ee}
.tableDiv .version .table-cell-start{border-top: 4px solid #35cf88}
.tableDiv .version .table-cell-stand{border-top: 4px solid #f4c434}
.tableDiv .version .table-cell-pro{border-top: 4px solid #34abf9}
.tableDiv .version .table-cell-crown{border-top: 4px solid #f4c434}
.table-languageVersion .table-right .last{border-bottom-right-radius: 7px}
.table-classic-top,
.table-classic-bottom{width: auto;height: auto;position: absolute;z-index: 1;font-size: 16px;font-family: "微软雅黑";color: #333;}
.table-classic-top{top: 8px;right: 0px;font-size: 20px;}
.table-classic-bottom{font-size: 20px;top: 58px;right: 57px;width: 100px;}
.table-classic-area .f-tri{position: absolute;left: 0;top: 0;z-index: 0;border-right: solid transparent 58px;border-left: solid #e3e3e6 58px;border-top: solid transparent 41px;border-bottom: solid #e3e3e6 41px;}
.table-classic-area .f-whiteTri{top: 1px;border-bottom-color: #fff;border-left-color: #fff;}
.table-content{width: 100%;}
.table-content ul,
.table-content ul li{height: auto;}
.table-content ul:nth-child(1){width: 394px;border-left: 2px solid #f0f0f5;}
.table-content ul:nth-child(2){width: 217px;}
.table-content ul:nth-child(3){width: 217px;}
.table-content ul:nth-child(4){width: 345px;}
.table-content ul li{font-family: "微软雅黑";font-size: 16px;width: 100%;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-moz-box-pack: center;-webkit-justify-content: center;justify-content: center;min-height: 45px;border-bottom: 2px solid #F0F0F5;border-right: 2px solid #F0F0F5;}
.table-content ul li.zb{min-height: 92px;font-size: 20px;}
.table-content ul:nth-child(1) li.zb{font-weight: 550;}
.table-content ul li:nth-child(2n-1){background: #fafafa;}
.table-content ul:nth-child(2) li.price{color: #22a2ff;}
.table-content ul:nth-child(3) li.price{color: #12c5ae;}
.table-content ul:nth-child(4) li.price{color: #fca818;}
.table-content ul li .tabcont{margin: 15px;text-align: justify;letter-spacing: 1.5px;line-height: 22px;}
.table-content ul li.hehi{min-height: 230px;}
.table-content ul li i{width: 24px;height: 24px;display: block;background-repeat: no-repeat;background-size: 100% 100%;background-position: center;}
.table-content ul li i.i-yes{background-image: url(../images/i-yes.png);}
.table-content ul li i.i-no{background-image: url(../images/i-no.png);}
.table-bottom{font-family: "微软雅黑";width: 1173px;border: 2px solid #F0F0F5;border-top: none;border-bottom: none;}
.table-bottom .item{line-height: 22px;width: 1169px;padding: 40px;border-bottom: 2px solid #F0F0F5;}
.table-bottom .item:nth-child(2n-1){background: #fafafa;}
.table-bottom .item:nth-child(2n){background: #fff;}
.zs-pre-list .tab-list li{height: 50px;line-height: 50px;padding: 0 25px;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;}
.zs-pre-list .tab-list li:nth-child(2n-1){background: #fff;}
.zs-pre-list .tab-list li:nth-child(2n){background: #fafafa;}
.zs-pre-list .tab-list li i{width: 15px;height: 15px;margin-right: 18px;display: block;background-repeat: no-repeat;background-size: 100% 100%;background-position: center;}
.zs-pre-list .tab-list li i.i-yes{background-image: url(../images/i-yes.png);}
.zs-pre-list .tab-list li i.i-no{background-image: url(../images/i-no.png);}
.tableDiv.tourps .version{line-height: 46px;height: 195px;}
.tableDiv.tourps .free-txt,
.tableDiv.tourps .stand-txt{font-size: 24px;}
.tableDiv.tourps .version .money{font-size: 30px;margin-top: 50px;}
.tableDiv.tourps .money{color: #21d5ee;}
.tableDiv.tourps .version.rtys .money{color: #35cf88;}
.tableDiv.tourps .version.site .money{color: #f4c434;}
.tableDiv.tourps .version .table-cell-free,
.tableDiv.tourps .version .table-cell-pro,
.tableDiv.tourps .version .table-cell-start,
.tableDiv.tourps .version .table-cell-stand{height: 195px;}
.tableDiv.tourps .table-title .table-cell,
.tableDiv.tourps .table-title .table-cell,
.tableDiv.tourps .table-title .table-cell .site{width: 236px;}
.tableDiv.tourps .table-title .table-cell-mid{width: 472px;height: 195px;}
.tableDiv.tourps .table-content dl{width: 165px;border: 2px solid #f0f0f5;border-top: none;border-bottom: none;height: 2256px;}
.tableDiv.tourps .table-content dl dt{border-bottom: 2px solid #f0f0f5;width: 162px;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-moz-box-pack: center;-webkit-justify-content: center;justify-content: center;}
.tableDiv.tourps .table-content dl dt:nth-child(1){height: 1492px;}
.tableDiv.tourps .table-content dl dt:nth-child(2){height: 179px;}
.tableDiv.tourps .table-content dl dt:nth-child(3){height: 270px;}
.tableDiv.tourps .table-content dl dt:nth-child(4){height: 179px;}
.tableDiv.tourps .table-content dl dt:nth-child(5){height: 136px;}
.tableDiv.tourps .table-content dl dt .tableDiv.tourps .table-content .liul{width: 307px;}
.tableDiv.tourps .table-content .zul{width: 236px;}
.tableDiv.tourps .table-content .liul{width: 307px;}
.tableDiv.tourps .table-content .tz2{height: 78px;line-height: 26px;}
.tableDiv.tourps .table-content .tz3{height: 108px;line-height: 26px;}
.tableDiv.tourps .table-content .tz4{height: 138px;line-height: 26px;}
.tableDiv.tourps .table-content .tz5{height: 160px;line-height: 26px;}
.tableDiv.tourps .table-content .tz6{height: 186px;line-height: 26px;}
.tableDiv.tourps .table-content .tz7{height: 212px;line-height: 26px;}
.wx-price-box ul li .top{height: 172px;color: #fff;font-size: 24px;}
.wx-price-box ul li:nth-child(1) .top{background: -moz-linear-gradient(right, #98e5fe 0%, #02aded 100%);background: -webkit-linear-gradient(right, #98e5fe 0%, #02aded 100%);background: -o-linear-gradient(right, #98e5fe 0%, #02aded 100%);background: -ms-linear-gradient(right, #98e5fe 0%, #02aded 100%);background: linear-gradient(to left, #98e5fe 0%, #02aded 100%);}
.wx-price-box ul li:nth-child(2) .top{background: -moz-linear-gradient(right, #ffdb5f 0%, #fca514 100%);background: -webkit-linear-gradient(right, #ffdb5f 0%, #fca514 100%);background: -o-linear-gradient(right, #ffdb5f 0%, #fca514 100%);background: -ms-linear-gradient(right, #ffdb5f 0%, #fca514 100%);background: linear-gradient(to left, #ffdb5f 0%, #fca514 100%);}
.wx-price-box ul li:nth-child(3) .top{background: -moz-linear-gradient(right, #50f6b9 0%, #06bcac 100%);background: -webkit-linear-gradient(right, #50f6b9 0%, #06bcac 100%);background: -o-linear-gradient(right, #50f6b9 0%, #06bcac 100%);background: -ms-linear-gradient(right, #50f6b9 0%, #06bcac 100%);background: linear-gradient(to left, #50f6b9 0%, #06bcac 100%);}
.wx-price-box ul li:nth-child(4) .top{background: -moz-linear-gradient(right, #84c1ff 0%, #666efe 100%);background: -webkit-linear-gradient(right, #84c1ff 0%, #666efe 100%);background: -o-linear-gradient(right, #84c1ff 0%, #666efe 100%);background: -ms-linear-gradient(right, #84c1ff 0%, #666efe 100%);background: linear-gradient(to left, #84c1ff 0%, #666efe 100%);}
.wx-price-box ul li .top .num{font-size: 32px;margin-bottom: 26px;}
.wx-price-box ul li .top .num span{font-size: 26px;}
.wx-price-box ul li .top h3{font-weight: 400;font-size: 22px;}
.wx-price-box ul li .wx-p-listy{padding: 23px 27px;}
.wx-price-box ul li .wx-p-listy .item{line-height: 36px;padding: 0 24px;position: relative;}
.wx-price-box ul li .wx-p-listy .item:before{position: absolute;left: 0;top: 50%;content: '';width: 8px;margin-top: -4px;height: 8px;border-radius: 50%;}
.wx-price-box ul li:nth-child(1) .wx-p-listy .item:before{background: #22a2ff;}
.wx-price-box ul li:nth-child(2) .wx-p-listy .item:before{background: #fca514;}
.wx-price-box ul li:nth-child(3) .wx-p-listy .item:before{background: #06bcac;}
.wx-price-box ul li:nth-child(4) .wx-p-listy .item:before{background: #666efe;}
.wx-price-box ul li{position: relative;}
.wx-price-box ul li .bottom{position: absolute;left: 25px;bottom: 34px;height: 48px;right: 25px;padding: 0 12px;}
.wx-price-box ul li .bottom span{position: absolute;left: 0;top: 6px;content: '*';}
.wx-price-box ul li:nth-child(1) .bottom span{color: #22a2ff;}
.wx-price-box ul li:nth-child(2) .bottom span{color: #fca514;}
.wx-price-box ul li:nth-child(3) .bottom span{color: #06bcac;}
.wx-price-box ul li:nth-child(4) .bottom span{color: #666efe;}
.wx-price-box ul li .bottom p{color: #999;line-height: 24px;}
.wx-tableDiv .list ul{width: 100%;border: 1px solid #f0f0f5;border-left: none;border-bottom: none;}
.wx-tableDiv .list ul li,
.wx-tableDiv .list ul li .item{height: 85px;}
.wx-tableDiv .list ul li{border-bottom: 1px solid #f0f0f5;font-size: 15px;}
.wx-tableDiv .list ul li:nth-child(2n){background: #fafafa;}
.wx-tableDiv .list ul li .item,
.wx-tableDiv .list ul li h3{border-left: 1px solid #f0f0f5;height: 100%;}
.wx-tableDiv .wx-xf{margin-bottom: 40px;}
.wx-tableDiv .wx-xf ul{border-top: 4px solid #06bcac;}
.wx-tableDiv .wx-yy ul{border-top: 4px solid #22a2ff;}
.wx-tableDiv .list ul li .item:nth-child(1){width: 256px;}
.wx-tableDiv .list ul li .item:nth-child(2){width: 300px;}
.wx-tableDiv .list ul li .item:nth-child(3){width: 146px;}
.wx-tableDiv .wx-yy ul li .item:nth-child(2){padding: 0 20px;}
.wx-tableDiv .wx-yy ul li .item:nth-child(2) p{text-align: center;line-height: 24px;}
.tableDiv.tourps .table-content dl.designdl{height: 1890px;}
.tableDiv.tourps .table-content dl.designdl dt{padding: 0 16px;}
.tableDiv.tourps .table-content dl.designdl dt:nth-child(1){height: 630px;}
.tableDiv.tourps .table-content dl.designdl dt:nth-child(2){height: 179px;}
.tableDiv.tourps .table-content dl.designdl dt:nth-child(3){height: 136px;}
.tableDiv.tourps .table-content dl.designdl dt:nth-child(4){height: 46px;}
.tableDiv.tourps .table-content dl.designdl dt:nth-child(5){height: 179px;}
.tableDiv.tourps .table-content dl.designdl dt:nth-child(6){height: 720px;}
.tableDiv.tourps .free-txt.fs-20,
.tableDiv.tourps .stand-txt.fs-20{font-size: 20px;}
.tableDiv.tourps .table-content dl.xcxdl{height: 3298px;}
.tableDiv.tourps .table-content dl.xcxdl dt:nth-child(1){height: 302px;}
.tableDiv.tourps .table-content dl.xcxdl dt:nth-child(2){height: 160px;}
.tableDiv.tourps .table-content dl.xcxdl dt:nth-child(3){height: 138px;}
.tableDiv.tourps .table-content dl.xcxdl dt:nth-child(4){height: 78px;}
.tableDiv.tourps .table-content dl.xcxdl dt:nth-child(5){height: 78px;}
.tableDiv.tourps .table-content dl.xcxdl dt:nth-child(6){height: 138px;}
.tableDiv.tourps .table-content dl.xcxdl dt:nth-child(7){height: 168px;}
.tableDiv.tourps .table-content dl.xcxdl dt:nth-child(8){height: 250px;}
.tableDiv.tourps .table-content dl.xcxdl dt:nth-child(9){height: 261px;}
.tableDiv.tourps .table-content dl.xcxdl dt:nth-child(10){height: 160px;}
.tableDiv.tourps .table-content dl.xcxdl dt:nth-child(11){height: 212px;}
.tableDiv.tourps .table-content dl.xcxdl dt:nth-child(12){height: 108px;}
.tableDiv.tourps .table-content dl.xcxdl dt:nth-child(13){height: 45px;}
.tableDiv.tourps .table-content dl.xcxdl dt:nth-child(14){height: 90px;}
.tableDiv.tourps .table-content dl.xcxdl dt:nth-child(15){height: 78px;}
.tableDiv.tourps .table-content dl.xcxdl dt:nth-child(16){height: 78px;}
.tableDiv.tourps .table-content dl.xcxdl dt:nth-child(17){height: 123px;}
.tableDiv.tourps .table-content dl.xcxdl dt:nth-child(18){height: 186px;}
.tableDiv.tourps .table-content dl.xcxdl dt:nth-child(19){height: 46px;}
.tableDiv.tourps .table-content dl.xcxdl dt:nth-child(20){height: 89px;}
.tableDiv.tourps .table-content dl.xcxdl dt:nth-child(21){height: 78px;}
.tableDiv.tourps .table-content dl.xcxdl dt:nth-child(22){height: 78px;}
.tableDiv.tourps .table-content dl.xcxdl dt:nth-child(23){height: 123px;}
.tableDiv.tourps .table-content dl.xcxdl dt:nth-child(24){height: 186px;}
.tableDiv.tourps .table-content dl.xcxdl dt:nth-child(25){height: 45px;}
.xcxtableDiv2{border-radius: 6px;overflow: hidden;}
.xcxtableDiv2 .list{font-size: 16px;border: 1px solid #f0f0f5;}
.xcxtableDiv2 .list .name{height: 115px;color: #fff;font-size: 30px;background: -moz-linear-gradient(right, #98e5fe 0%, #02aded 100%);background: -webkit-linear-gradient(right, #98e5fe 0%, #02aded 100%);background: -o-linear-gradient(right, #98e5fe 0%, #02aded 100%);background: -ms-linear-gradient(right, #98e5fe 0%, #02aded 100%);background: linear-gradient(to left, #98e5fe 0%, #02aded 100%);}
.xcxtableDiv2 .list .name.name3{height: 160px;color: #fff;font-size: 30px;background: -moz-linear-gradient(right, #50f6b9 0%, #06bcac 100%);background: -webkit-linear-gradient(right, #50f6b9 0%, #06bcac 100%);background: -o-linear-gradient(right, #50f6b9 0%, #06bcac 100%);background: -ms-linear-gradient(right, #50f6b9 0%, #06bcac 100%);background: linear-gradient(to left, #50f6b9 0%, #06bcac 100%);}
.xcxtableDiv2 .list .name.name3 .desc{font-size: 20px;margin-top: 15px;}
.xcxtableDiv2 .list li:nth-child(2){background: #fafafa;}
.xcxtableDiv2 .list li .item{padding: 25px 40px;height: 100%;color: #333;border-right: 1px solid #f0f0f5;}
.xcxtableDiv2 .list li{border-top: 1px solid #f0f0f5;}
.xcxtableDiv2 .list li .item:nth-child(1){width: 256px;}
.xcxtableDiv2 .list li .item:nth-child(2){width: 216px;}
.xcxtableDiv2 .list li .item:nth-child(3){border-right: none;}
dl.itemnlist1 dd{flex: 1;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;border-left: 1px solid #f0f0f5;border-top: 1px solid #f0f0f5;}
dl.itemnlist div{padding: 18px 40px;}
dl.itemnlist{width: 100%;}
dl.itemnlist .left{width: 216px;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-moz-box-pack: center;-webkit-justify-content: center;justify-content: center;}
dl.itemnlist .right{flex: 1;border-left: 1px solid #f0f0f5;}
dl.itemnlist .right p{line-height: 30px;}
dl.itemnlist dd:nth-child(2n){background: #fafafa;}
dl.itemnlist dd:nth-child(2n-1){background: #fff;}
.xcxtableDiv2 .list li:nth-child(2) .item:nth-child(1){width: 257px;}
.xcxtableDiv2 .list li:nth-child(2) .item:nth-child(2){width: 217px;}
.tem-l-box.mat35{margin-top: 35px;}
/**/
/*点击弹出微信*/
.weixin-box{position: fixed; top: 0px; right: 0px; bottom: 0px; left: 0px; background: rgba(0,0,0,0.3); z-index: 30; display: none;}
.weixin-container{width: 300px; height: 415px; background: #fff; position: absolute; left: 50%; top: 50%; margin-left: -150px; margin-top: -180px;}
.weixin-container .cha{width: 20px; height: 20px; border-radius: 50%; background: #fff; position: absolute; top: -9px; right: -11px; cursor: pointer;}
.weixin-container .cha span{display: block; width: 13px; height: 1px; background: #333; position: absolute; top: 10px; left: 3px;}
.weixin-container .cha span:first-child{transform:rotate(45deg);}
.weixin-container .cha span:last-child{transform:rotate(-45deg);}
.weixin-container img{display: block; width: 210px; height: 210px; margin: 0px auto;}
.weixin-container .title{width: 100%; text-align: center; font-size: 18px; padding: 30px 0px 10px; color: #333;}
/*.weixin-container .title span{color: red;}*/
.weixin-container .desc{width: 100%; font-size: 16px; text-align: center; padding-top: 5px;}
.weixin-container .plan{width: 210px; height: 35px; line-height: 35px; margin: 5px auto 0; background: red; border-radius: 17px; overflow: hidden;}
.weixin-container .plan a{display: block; width: 100%; text-align: center; color: #fff; }
.weixin-container .tel{width: 100%; text-align: center; font-weight: bold; font-size: 24px; margin-top: 8px;}
.weixin-container .tel a{color: #333;}
.weixin-container .tel-text{width: 100%; text-align: center; font-size: 14px;}
.weixin-container .wap-desc{display: none;}
.weixin-container .wap-wxcode{display: none;}
/**/
.ts3000{transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out;}
/*fixed*/
.fixed-right{position: fixed; right: 15px; top: calc(50% - 100px); z-index: 200;}
.sidebar-items{width: 75px; height: 75px; margin-bottom: 10px; position: relative;}
.sidebar-items .item-btn{width: 75px; height: 75px; padding: 10px 0 10px; border-radius: 5px; border: 1px solid #22a2ff; background: #fff; cursor: pointer; position: absolute; top: 0; right: 0; z-index: 200;}
.sidebar-items .item-btn.hides{opacity: 0; background: #22a2ff;}
.sidebar-items .item-btn.hides .imgs{width: 50px; position: absolute; top: 12px; right: 15px; z-index: 200;}
.sidebar-items .item-btn.hides .imgs img{width: 100%;}
.sidebar-items .item-btn.hides .title{color: #fff; font-size: 13px; padding: 5px 0 2px 10px;}
.sidebar-items .item-btn.hides .number{color: #fff; font-size: 24px; padding-left: 8px; font-family: "Arial"; }
.sidebar-items .item-btn .items-img{width: 32px; margin: 0px auto;}
.sidebar-items .item-btn .items-img img{width: 100%; width: 32px; height: 32px;}
.sidebar-items .item-btn .items-text{width: 100%; font-size: 14px; color: #22a2ff; text-align: center;}
/*active*/
.sidebar-items.active .item-btn{width: 250px;}
.sidebar-items.active .item-btn.show{opacity: 0;}
.sidebar-items.active .item-btn.hides{opacity: 1;}