@charset "UTF-8";
@font-face {
  font-family: 'HarmonyOS Sans';
  font-weight: 400;
  src: url('../fonts/HarmonyOS_Sans_SC_Regular.woff2') format('woff2');
  font-display: swap;
}
@font-face {
  font-family: 'HarmonyOS Sans';
  font-weight: 500;
  src: url('../fonts/HarmonyOS_Sans_SC_Medium.woff2') format('woff2');
  font-display: swap;
}
@font-face {
  font-family: 'HarmonyOS Sans';
  font-weight: 700;
  src: url('../fonts/HarmonyOS_Sans_SC_Bold.woff2') format('woff2');
  font-display: swap;
}

html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; overflow-x: hidden; -webkit-tap-highlight-color: transparent;}
body { font-size: 14px; font-size: 0.14rem; line-height: 1.4;  margin: 0 auto; color: #333333; letter-spacing:0.5px; background-color: #ffffff; font-family:"HarmonyOS Sans", "Microsoft YaHei", Helvetica, Arial, sans-serif; font-weight: 400;}
html, body, div, span, applet, object, iframe, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0px; border: 0; font-size: 100%; outline: none; }
caption,h1, h2, h3, h4, h5, h6, p{ margin: 0; padding: 0px;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
ul, li, ol { list-style: none;}
* {box-sizing: border-box;margin: 0;padding: 0;outline: none;}
table, tbody, tfoot, thead, tr, th, td{ margin: 0; padding: 0;}
table{border-collapse:collapse;margin:0 auto!important;}
img { border: 0; outline: 0; vertical-align: middle;}

input, select, textarea, button, option{vertical-align: middle;resize: none; -webkit-appearance: none !important; appearance: none;outline: none;border: none; background: transparent; font-family:"HarmonyOS Sans", "Microsoft YaHei", Helvetica, Arial, sans-serif;}

input[type="text"], input[type="button"], input[type="submit"], input[type="reset"] { -webkit-appearance: none; appearance: none;border-radius: 0; }




a{ text-decoration: none; -webkit-transition: 0.5s; transition: 0.5s; }
a:link, a:visited { text-decoration: none; }
a:active, a:hover { text-decoration: none; }
.clear{ clear:both;}
.clearfix:before, .clearfix:after{ display: table; content: ""; line-height: 0px; }
.clearfix:after{clear: both;}

.fl{ float: left;}
.fr{ float: right;}
.container{padding: 0px 4vw; height: 100%; margin: 0 auto;}

/*======================等比填充======================*/
*[class*="rect-"] {position: relative;display: block;width: 100%;height: 0;overflow: hidden;}
*[class*="rect-"] .full {position: absolute;left: 0;top: 0;width: 100%;height: 100%; object-fit: cover;}
.rect-50 {padding-bottom: 50%;}
.rect-67 {padding-bottom: 67%;}
.rect-68 {padding-bottom: 68%;}
.rect-75 {padding-bottom: 75%;}
.rect-96 {padding-bottom: 96%;}
.rect-100 {padding-bottom: 100%;}
.rect-104 {padding-bottom: 104%;}

.trans5{-moz-transition: all .5s ease 0s;-ms-transition: all .5s ease 0s;-o-transition: all .5s ease 0s;-webkit-transition: all .5s ease 0s;transition: all .5s ease 0s;}
.imgZoom img,.imgY180 img {-moz-transition: all .5s ease 0s;-ms-transition: all .5s ease 0s;-o-transition: all .5s ease 0s;-webkit-transition: all .5s ease 0s;transition: all .5s ease 0s;}
.imgZoom {overflow: hidden;-webkit-transform: rotate(0);transform: rotate(0);}
.imgZoom:hover img {-moz-transform: scale(1.1, 1.1);-ms-transform: scale(1.1, 1.1);-o-transform: scale(1.1, 1.1);-webkit-transform: scale(1.1, 1.1);transform: scale(1.1, 1.1);}
.imgY180:hover img {cursor: pointer; -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -o-transform: rotateY(180deg);-webkit-transform: rotateY(180deg);transform: rotateY(180deg)}

.target .f64{ font-size: 64px; color: #333333; font-weight: 400;}
.target .f58{ font-size: 58px; color: #000000; font-weight: 400; line-height: 1;}
.target .f38{margin-top: 10px; font-size: 38px; color: #000000;}
.target .f42{font-size: 42px;}

/*头部*/
.header{height:85px; z-index: 99;width: 100%; position:fixed; top: 0; transition:0.5s all;}
.header .container{display: flex; align-items: center; justify-content: space-between;}
.header .l{display: flex; height: 100%; align-items: center;}
.header .l .logo{display:flex; align-items:center; transition:0.5s all;}
.header .l .logo span{font-size: 30px; color: #ffffff; display:block; transition:0.5s all;}
.aheader .l .logo span{ color: #b21ae8;}
.sheader .l .logo span{ color: #47a595;}
.cheader .l .logo span{ color: #e14e6a;}
.nheader .l .logo span{ color: #1677ff;}
.lheader .l .logo span{ color: #f77b55;}
.vheader .l .logo span{ color: #c030f9;}
.header .r{display: flex; height: 100%; align-items: center;}
.header .r .nav {display: flex;gap: 60px;height: 100%;}
.header .r .nav li{height: 100%;position: relative;}
.header .r .nav li a{ height: 100%;font-size: 18px;color: #ffffff; font-weight: 400; position: relative;display: flex;align-items: center;justify-content: center;}
.header .r .nav li:hover a,.header .r .nav li.active a{ font-weight:700;}
.pageheader .r .nav li a{ color: #333333;}
.header .menuhandler{width: 40px; height: 40px; margin: 0 30px; cursor: pointer;display: flex; align-items: center;}
.header .menuhandler span{position: relative;display: block;margin: 0px 0 0 10px;width: 10px;height: 2px; background: #ffffff;}
.header .menuhandler span::before,.header .menuhandler span::after{content: "";position: absolute;  display: inline-block;width: 20px;height: 2px;left: 0; background: #ffffff;}
.header .menuhandler span::before{top: -6px;-moz-transition: all .5s ease 0s;-ms-transition: all .5s ease 0s;-o-transition: all .5s ease 0s;-webkit-transition: all .5s ease 0s;transition: all .5s ease 0s;}
.header .menuhandler span::after{bottom: -6px;-moz-transition: all .5s ease 0s;-ms-transition: all .5s ease 0s;-o-transition: all .5s ease 0s;-webkit-transition: all .5s ease 0s;transition: all .5s ease 0s;}
.pageheader .menuhandler span,.pageheader .menuhandler span::before,.pageheader .menuhandler span::after{ background: #333333;}
.header.headerUp {top: -85px;background-color: #ffffff;}
.header:hover,.header.headerDown {top: 0;background-color: #ffffff; box-shadow: 0 0 20px rgba(0, 0, 0, .15);}
.header:hover .logo span,.header.headerUp .logo span,.header.headerDown .logo span{ background: linear-gradient(130deg, #fd057d, #9a14ca);-webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.aheader:hover .logo span,.aheader.headerUp .logo span,.aheader.headerDown .logo span{ background: linear-gradient(130deg, #b21ae8, #b21ae8);-webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.sheader:hover .logo span,.sheader.headerUp .logo span,.sheader.headerDown .logo span{ background: linear-gradient(130deg, #47a595, #47a595);-webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.cheader:hover .logo span,.cheader.headerUp .logo span,.cheader.headerDown .logo span{ background: linear-gradient(130deg, #e14e6a, #e14e6a);-webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.nheader:hover .logo span,.nheader.headerUp .logo span,.nheader.headerDown .logo span{ background: linear-gradient(130deg, #1677ff, #1677ff);-webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.lheader:hover .logo span,.lheader.headerUp .logo span,.lheader.headerDown .logo span{ background: linear-gradient(130deg, #f77b55, #f77b55);-webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.vheader:hover .logo span,.vheader.headerUp .logo span,.vheader.headerDown .logo span{ background: linear-gradient(130deg, #fd057d, #9a14ca);-webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.caseshow:hover .logo span,.caseshow.headerUp .logo span,.caseshow.headerDown .logo span{ background: linear-gradient(130deg, #fd057d, #e14e6a);-webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.header:hover .r .nav li a,.header.headerUp .r .nav li a,.header.headerDown .r .nav li a{ color: #333333;}
.header .r .nav li:nth-of-type(1):hover a,.header.headerUp .r .nav li:nth-of-type(1):hover a:hover,.header.headerDown .r .nav li:nth-of-type(1):hover a:hover{background: linear-gradient(130deg, #fd057d, #9a14ca);
-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;}
.aheader .r .nav li a:hover,.header .r .nav li:nth-of-type(2):hover a,.aheader.headerUp .r .nav li a:hover,.aheader.headerDown .r .nav li a:hover{ color: #b21ae8;}
.sheader .r .nav li a:hover,.header .r .nav li:nth-of-type(3):hover a,.sheader.headerUp .r .nav li a:hover,.sheader.headerDown .r .nav li a:hover{ color: #47a595;}
.cheader .r .nav li a:hover,.header .r .nav li:nth-of-type(4):hover a,.cheader.headerUp .r .nav li a:hover,.cheader.headerDown .r .nav li a:hover{ color: #e14e6a;}
.nheader .r .nav li a:hover,.header .r .nav li:nth-of-type(5):hover a,.nheader.headerUp .r .nav li a:hover,.nheader.headerDown .r .nav li a:hover{ color: #1677ff;}
.lheader .r .nav li a:hover,.header .r .nav li:nth-of-type(6):hover a,.lheader.headerUp .r .nav li a:hover,.lheader.headerDown .r .nav li a:hover{ color: #f77b55;}
.vheader .r .nav li:nth-of-type(7):hover a,.header .r .nav li:nth-of-type(7):hover a,.vheader.headerUp .r .nav li a:hover,.vheader.headerDown .r .nav li:nth-of-type(7):hover a:hover{background: linear-gradient(130deg, #fd057d, #9a14ca);
-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;}
.caseshow .r .nav li a:hover,.caseshow.headerUp .r .nav li a:hover,.caseshow.headerDown .r .nav li a:hover{ color: #e14e6a;}
.header:hover .menuhandler span,.header:hover .menuhandler span::before,.header:hover .menuhandler span::after,.header.headerUp .menuhandler span,.header.headerUp .menuhandler span::before,.header.headerUp .menuhandler span::after,.header.headerDown .menuhandler span,.header.headerDown .menuhandler span::before,.header.headerDown .menuhandler span::after{background: #333333;}
.menubox{position: fixed;left: 0;top: 0;width: 100%;height: 100%;z-index: 1000;visibility: hidden; pointer-events: none; transition: visibility 0s linear 0.5s; }
.menubox.menuopen{visibility: visible; pointer-events: auto; transition-delay: 0s;background: rgba(0, 0, 0, .1);-webkit-backdrop-filter: blur(20px);backdrop-filter: blur(20px);}
.menubox .menubg{position: fixed;left: 0;top: 0;right: 0;bottom: 0;pointer-events: none; display: flex;}
.menubox .menubg > span {display: block;width: 20vw;height: 100vh;background: rgba(0, 0, 0, .8);clip-path: inset(-1% -1% 100% -1%); -webkit-clip-path: inset(-1% -1% 100% -1%);transition: clip-path 500ms cubic-bezier(.165, .84, .44, 1);transition-delay: 0s;}
.menubox.menuopen .menubg > span {clip-path: inset(-1% -1% -1% -1%); -webkit-clip-path: inset(-1% -1% -1% -1%);}
.menubox .menutop {position: relative;height: 85px;width: 100%;top: 0;transition: 0.5s all;}
.menubox .menutop::after {position: absolute;content: '';right: 0;width: 0%;height: 1px;background: rgba(255, 255, 255, .1);transition: all .6s;}
.menubox.menuopen .menutop::after{width: 100%;}
.menubox .menutop .container{display: flex;align-items: center;justify-content: space-between;}
.menubox .menutop .menulogo{display: flex;height: 100%;align-items: center;}
.menubox .menutop .menulogo span{font-size: 40px;color: #ffffff;display: block;transition: 0.5s all;}
.menubox .menutop .menuclose {width: 25px;height: 25px;cursor: pointer;display: flex;align-items: center;}
.menubox .menutop .menuclose span {position: relative;display: block;}
.menubox .menutop .menuclose span::before,
.menubox .menutop .menuclose span::after{content: "";position: absolute;display: inline-block;width: 20px;height: 2px;left: 0;background: #ffffff;transition: all .6s;}
.menubox .menutop .menuclose span::before{transform: rotate(45deg); }
.menubox .menutop .menuclose span::after{transform: rotate(-45deg); }
.menubox:not(.menuopen) .menuclose,.menubox:not(.menuopen) .menulogo {display: none !important;}
.menubox:not(.menuopen) .menucont{display: none !important;}
.menubox .menucont{position: relative;padding-top: 80px;}
.menubox .menucont .container{position: relative;display: flex;align-items: center;justify-content: space-between;}
.menubox .menucont .left {max-width: 50%; }
.menubox .menucont .left .leftitem{position: relative; margin-bottom: 60px; }
.menubox .menucont .left .leftitem:last-child { margin-bottom: 0; }
.menubox .menucont .left .leftitem .tit{font-size: 16px; color: rgba(255, 255, 255, .7); }
.menubox .menucont .left .leftitem .tel{font-size: 32px; color: #ffffff; font-weight: 700; }
.menubox .menucont .left .leftitem .add{font-size: 22px; color: #ffffff; }
.menubox .menucont .right {width: 50%;display: flex;flex-direction: column;padding-left: 40px;box-sizing: border-box;}
.menubox .menucont .right a{font-size: 32px;color: #ffffff;letter-spacing: 2px;position: relative;z-index: 1;padding: 20px 0;text-transform: uppercase;transition: all .6s;}
.menubox .menucont .right a:hover{padding-left: 10px; }
.menubox .menucont .menufade{opacity: 0;transform: translateY(20px);transition: opacity 0.4s ease, transform 0.4s ease;}
.menubox.menuopen .menucont .menufade{opacity: 1;transform: translateY(0);}
.header .r .demandbtn {background: linear-gradient(180deg, #fd057d, #9a14ca);color:#ffffff;padding: 8px 20px;border-radius: 20px;font-size: 16px; font-weight: bold; text-decoration: none;transition: background 0.3s;white-space: nowrap; cursor: pointer;}
.aheader .r .demandbtn{background: linear-gradient(180deg, #b21ae8, #b21ae8);}
.sheader .r .demandbtn{background: linear-gradient(180deg, #47a595, #47a595);}
.cheader .r .demandbtn{background: linear-gradient(180deg, #e14e6a, #e14e6a);}
.nheader .r .demandbtn{background: linear-gradient(180deg, #1677ff, #1677ff);}
.lheader .r .demandbtn{background: linear-gradient(180deg, #f77b55, #f77b55);}
.vheader .r .demandbtn{background: linear-gradient(180deg, #fd057d, #9a14ca);}
.caseshow .r .demandbtn{background: linear-gradient(180deg, #e14e6a, #e14e6a);}
.header .r .demandbtn:hover{background: linear-gradient(130deg, #fd057d, #9a14ca);}
.aheader .r .demandbtn:hover{background: linear-gradient(130deg, #960ac8, #960ac8);}
.sheader .r .demandbtn:hover{background: linear-gradient(130deg, #1a8e7a, #1a8e7a);}
.cheader .r .demandbtn:hover{background: linear-gradient(130deg, #cc2d4b, #cc2d4b);}
.nheader .r .demandbtn:hover{background: linear-gradient(130deg, #0857c7, #0857c7);}
.lheader .r .demandbtn:hover{background: linear-gradient(130deg, #e5572c, #e5572c);}
.vheader .r .demandbtn:hover{background: linear-gradient(130deg, #fd057d, #950bcc);}
.caseshow .r .demandbtn:hover{background: linear-gradient(130deg, #cc2d4b, #cc2d4b);}
.pupdemandmain{position: fixed;left: 0px;top: 0px;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.6);
-webkit-backdrop-filter: blur(20px);backdrop-filter: blur(20px);z-index: 99;opacity: 0; visibility: hidden; transition: opacity 0.3s ease, visibility 0.3s;}
.pupdemandmain.show{opacity: 1; visibility: visible;}
.pupdemandmain .container{position: absolute;left: 0px;top: 0px;width: 100%;height: 100%; display: flex; justify-content: center; align-items: center;}
.pupdemandmain .pupdemandbox{position: relative; margin: 0px auto; width: 80vw; border-radius: 30px; display: flex;overflow: hidden;background: url(../img/pupdemandbg.jpg);background-size: cover;background-position: center;background-repeat: no-repeat;}
.pupdemandmain .pupdemandbox .txtbox{position: relative; width: 42%; padding:80px  40px;}
.pupdemandmain .pupdemandbox .title{font-size: 32px;line-height: 46px; color: #ffffff; font-weight: 700;}
.pupdemandmain .pupdemandbox .telbox{position: absolute; left: 0; bottom: 0; padding: 0px 40px 80px 40px;}
.pupdemandmain .pupdemandbox .telbox .tel{font-size: 26px; color: #ffffff; font-weight: 700;}
.pupdemandmain .pupdemandbox .telbox .desc{font-size: 16px; color: #ffffff;}
.pupdemandmain .pupdemandbox .pupdemand{width:58%;padding: 50px;-webkit-backdrop-filter: blur(20px);backdrop-filter: blur(20px);-webkit-border-radius: 30px; border-radius: 30px; background: rgba(255, 255, 255, 0.8);}
.pupdemandmain .pupdemandbox .pupdemand .subtitle .p1{ font-size: 35px; color: #333333;}
.pupdemandmain .pupdemandbox .pupdemand .subtitle .p2{margin-top: 10px; font-size: 17px; color: #333333;}
.pupdemandmain .pupdemandbox .pupdemand .myformbox{position: relative; margin-top: 30px; }
.pupdemandmain .pupdemandbox .pupdemand .myformbox .textbox{display: grid; grid-template-columns: repeat(2,1fr); grid-gap: 15px;}
.pupdemandmain .pupdemandbox .pupdemand .myformbox .text{padding:7px 12px; line-height:34px; border-radius: 5px; display: flex; align-items: center; background: #ffffff;}
.pupdemandmain .pupdemandbox .pupdemand .myformbox .text .iconfont{ font-size: 16px; color: #666666; margin-right: 10px;}
.pupdemandmain .pupdemandbox .pupdemand .myformbox .text input{ width: 100%; width: 100%; font-size: 16px; color: #666666;}
.pupdemandmain .pupdemandbox .pupdemand .myformbox .text input::placeholder,.pupdemandmain .pupdemandbox .pupdemand .myformbox .text .control{width: 100%; font-size: 16px;  color: #666666;}
.pupdemandmain .pupdemandbox .pupdemand .myformbox .text .control option{font-size: 16px; color: #333333; padding: 5px;}
.pupdemandmain .pupdemandbox .pupdemand .myformbox .inputcheck{ margin-top: 30px;}
.pupdemandmain .pupdemandbox .pupdemand .myformbox .inputcheck .title{ font-size: 22px; color: #333333;}
.pupdemandmain .pupdemandbox .pupdemand .myformbox .inputcheck .checkcont{position: relative; display: flex; flex-wrap: wrap;}
.pupdemandmain .pupdemandbox .pupdemand .myformbox .inputcheck .check {margin: 8px 8px 0px 0px; cursor: pointer;user-select: none;}
.pupdemandmain .pupdemandbox .pupdemand .myformbox .inputcheck .check input {position: absolute;opacity: 0;width: 0;height: 0;}
.pupdemandmain .pupdemandbox .pupdemand .myformbox .inputcheck .check .checktext {display: inline-block;padding: 0 10px;border-radius: 28px;transition: all 0.2s ease;font-size: 14px; line-height: 28px; background: #ffffff;}
.pupdemandmain .pupdemandbox .pupdemand .myformbox .inputcheck .check input:checked + .checktext,.pupdemandmain .pupdemandbox .pupdemand .myformbox .inputcheck .check:hover .checktext{background: #9a14ca;color: #ffffff;}
.pupdemandmain .pupdemandbox .pupdemand .myformbox .myformbtn{margin-top: 40px; display: flex;flex-direction: column;}
.pupdemandmain .pupdemandbox .pupdemand .myformbox .myformbtn .button{ padding:7px 12px; line-height:34px; border-radius: 5px;  font-size: 18px; color: #ffffff; background: #9a14ca; border-radius: 5px; cursor: pointer;}
.pupdemandmain .pupdemandbox .pupdemand .myformbox .myformbtn .button:hover{background: linear-gradient(130deg, #fd057d, #9a14ca);}
.pupdemandmain .pupdemandbox .pupdemandclose{position: absolute; right: 25px;top: 25px;width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; z-index: 20; cursor: pointer;}
.pupdemandmain .pupdemandbox .pupdemandclose span{ font-size: 24px; color: #000000; -webkit-transition: all .6s; transition: all .6s; }
.pupdemandmain .pupdemandbox .pupdemandclose:hover span{transform: rotate(180deg); color: #9a14ca;}

/* banner */
.banner { width: 100%; height: 100vh; position: relative; overflow: hidden;background-color: #000000;}
.banner .swiper {width: 100%;height: 100%;transform: translateZ(0); backface-visibility: hidden;}
.banner .swiper-slide { display: flex; justify-content: center; align-items: center; width: 100%;height: 100%; position: relative; min-height: 100%;}
.banner .swiper-slide img {width: 100%;height: 100%;object-fit: cover;min-width: 100%; min-height: 100%;}
.banner .swiper-slide .video{position: absolute;width: 100%;left: 0;top: 0;z-index: 2;height: 100% !important;object-fit: cover;}
.banner .swiper-slide a {display: block;width: 100%;height: 100%;text-decoration: none;outline: none;}
.banner .bannerpage{position: absolute;left: 0px;bottom: 30px;width: 100%;z-index: 30;pointer-events: none;}
.banner .bannerpage .container{ display: flex; align-items: center;}
.banner .bannerpage .bannernum .swiper-pagination {position: relative !important;pointer-events: auto;  font-size: 16px; color: #ffffff; line-height: 1; bottom: 0;}
.banner .bannerpage .bannernum .swiper-pagination .swiper-pagination-current{margin-right: 2px;  font-size: 22px; font-weight: 700; line-height: 26px; background: linear-gradient(130deg, #fd057d, #9a14ca);-webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;}
.banner .bannerpage .bannernum .swiper-pagination .swiper-pagination-total{  margin-left: 2px; }
.banner .bannerpage .bannerbtns{ display: flex; align-items: center;   margin: 0 30px; pointer-events: auto;}
.banner .bannerpage .bannerbtns .banner-prev,.banner .bannerbtns .banner-next{margin: 0 6px; width: 25px; height: 25px;  border-radius: 50%; background:rgba(255, 255, 255, .8); font-size: 15px; color: #9a14ca; display: flex; align-items: center; justify-content: center; cursor: pointer;}
.banner .bannerpage .bannerbtns .banner-next{transform: rotate(180deg); transform-origin: center;}
.banner .bannerpage .bannerbtns .banner-prev:hover,.banner .bannerbtns .banner-next:hover{ color: #ffffff; background: linear-gradient(130deg, #fd057d, #9a14ca);}
.banner .bannerpage .autoplay-progress-bar {width: 120px; height: 4px;background: #e0e0e0; position: relative;overflow: hidden;margin: 0 30px; border-radius: 2px;flex-shrink: 0;pointer-events: auto;}
.banner .bannerpage .autoplay-progress-bar .progress-fill {position: absolute;left: 0;top: 0;height: 100%;width: 0;background: linear-gradient(to right, #fd057d, #9a14ca);}
.banner .bannerpage .tip {font-size: 14px;color: #ffffff;font-weight: 500;margin-left: 0;white-space: nowrap; overflow: hidden;text-overflow: ellipsis;pointer-events: auto;}
.banner video::-webkit-media-controls {display: none !important;}

.inservice{position: relative; padding: 100px 0; background: url(../img/inservicebg.jpg) center no-repeat; background-size:cover;}
.inservice .target{position: relative;}
.inservice .servicebox{ position: relative; margin-top: 70px; display: grid; grid-template-columns: repeat(2,1fr); grid-gap: 30px; }
.inservice .servicebox .service-item{position: relative; padding: 50px 35px; background: rgba(255, 255, 255, .7); border-radius: 10px; overflow: hidden;}
.inservice .servicebox .service-item .title{position:relative; font-size: 36px; color: #000000;z-index:22;}
.inservice .servicebox .service-item .description{position:relative; margin-top: 40px; width: 80%; display: grid; grid-template-columns: repeat(3,1fr); grid-gap: 20px; z-index:22;}
.inservice .servicebox .service-item .description p{ font-size: 18px; color: #333333;}
.inservice .servicebox .service-item .description p span{ font-size: 17px; margin-right: 5px;}
.inservice .servicebox .service-item .description p .gaoduan{background: linear-gradient(130deg, #fd057d, #9a14ca);-webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.inservice .servicebox .service-item .description p .yidong{background: linear-gradient(130deg, #37aa86, #2d7c63);-webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.inservice .servicebox .service-item .description p .xietong{background: linear-gradient(130deg, #feb284, #f89356);-webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.inservice .servicebox .service-item .description p .pinpai{background: linear-gradient(130deg, #f8839a, #e14e6a);-webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.inservice .servicebox .service-item .pic{position: absolute;right: 0; bottom: 0; width:38%; z-index:1;}
.inservice .servicebox .service-item .pic img{ width:100%;}
.inservice .servicebox .service-item:hover{background: #ffffff; box-shadow: 0 20px 30px rgba(0, 0, 0, .15); border-radius: 30px;}

.inabout{position: relative; padding: 120px 0; background: url(../img/inaboutbg.jpg) center no-repeat;}
.inabout .target{position: relative;}
.inabout .target .blod{ font-weight: 700;}
.inabout .target .gradient{background: linear-gradient(to bottom, #fd057d, #9a14ca); background-size: 100% 50%;   background-repeat: no-repeat; background-position: bottom; }
.inabout .target .f38{ margin-top: 10px;}
.inabout .aboutbox{ position: relative; margin-top: 60px; width: 82%; font-size: 24px; line-height: 2;}
.inabout .more{display: flex; padding-top: 160px;}
.inabout .more a{padding: 0px 10px 0px 25px; -webkit-border-radius: 50px; border-radius: 50px;height: 50px; -webkit-transition: all .6s;transition: all .6s; overflow: hidden; display: flex; align-items: center; border: 1px solid  rgba(255, 255, 255, .0);}
.inabout .more a span{ font-size: 18px; color: #333333; position: relative; z-index: 10; font-weight: 700;}
.inabout .more a i {position: relative; width: 36px;height: 36px;margin-left: 20px;font-size: 18px;border-radius: 100%;color: #ffffff; display: flex; align-items: center; justify-content: center; }
.inabout .more a i::before{position: relative;z-index: 10;left: 0px;-webkit-transition: all .6s; transition: all .6s;  transform: rotate(-45deg);}
.inabout .more a i::after{    content: '';position: absolute;left: 50%;top: 50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);width: 100%;height: 100%;
background: linear-gradient(to bottom, #fd057d, #9a14ca);-webkit-border-radius: 100%;border-radius: 100%;-webkit-transition: all .6s;transition: all .6s;}
.inabout .more a:hover span{ color: #ffffff;}
.inabout .more a:hover i{ color: #ffffff;}
.inabout .more a:hover i::after{ width: 300px; height: 300px; background: linear-gradient(to bottom, #fd057d, #9a14ca);}
.inabout .more a:hover i::before {left: -5px; transform: rotate(0deg);}
.inabout .ten{ position: absolute; left: 50%; top: 50%;animation: ani-e 30s linear infinite;}
@keyframes ani-e {
    0%,100% {
        transform: translate(0%, -50%)
    }
    50%,52%{
        transform: translate(-100%,-50%)
    }
}

.incase{position: relative; padding: 100px 0; background: #ffffff;}
.incase .casebox{position: relative; margin-top: 70px; display: grid; grid-template-columns: repeat(3,1fr); grid-gap: 40px;}
.incase .casebox .item{ padding: 10px; border-radius: 10px; box-shadow: 0 5px 30px rgba(0, 0, 0, 0.1); background: #ffffff;}
.incase .casebox .item .pic{border-radius: 10px; overflow: hidden;}
.incase .casebox .item .type{position: relative; margin: 15px 0 10px 0; display: flex;}
.incase .casebox .item .type span{margin-right: 10px; padding:0 20px; height: 36px; line-height: 36px; font-size: 14px; color: #000000;border-radius:18px; background: #f7f8f9; box-shadow: 0 2px 5px rgba(0, 0, 0, .05);}
.incase .casebox .item .type span:last-child{ margin-right: 0;}
.incase .casebox .item .type span:hover{ color: #ffffff; background: #9a14ca;}
.incase .casebox .item:hover{border-radius: 30px; box-shadow: 0 20px 30px rgba(0, 0, 0, .15);}

.innews{position: relative; padding: 100px 0; background: url(../img/innewsbg.jpg) center no-repeat; background-size: cover;}
.innews .newsbox{position: relative; margin-top: 70px; display: grid; grid-template-columns: repeat(3,1fr); grid-gap: 30px;}
.innews .newsbox .item{padding: 40px 25px; border-radius: 10px; background: #ffffff;  box-shadow: 0 2px 5px rgba(0, 0, 0, .05);}
.innews .newsbox .item .tiitle{ font-size: 26px; color: #000000; line-height: 36px; height: 72px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2;  -webkit-box-orient: vertical;}
.innews .newsbox .item .moretime{position: relative; margin-top: 40px; display: flex; align-items: center; justify-content: space-between;}
.innews .newsbox .item .moretime .date{ font-size: 16px; color: #666666; }
.innews .newsbox .item .moretime .date span{ margin-right: 5px;}
.innews .newsbox .item .moretime .more{ font-size: 16px; color: #666666;}
.innews .newsbox .item .moretime .more span{ display: inline-block; margin-left: 5px; transform: rotate(-45deg);}
.innews .newsbox .item .moretime .more:hover{ color: #9a14ca;}
.innews .newsbox .item .moretime .more:hover span{transform: rotate(0deg);}
.innews .newsbox .item:hover{border-radius: 30px; box-shadow: 0 20px 30px rgba(0, 0, 0, .15);}
.innews .newsbox .item:hover .tiitle{ color: #9a14ca;}
.innews .explore{display: flex; justify-content: center; padding-top: 50px;}
.innews .explore a{padding: 0px 10px 0px 25px; -webkit-border-radius: 50px; border-radius: 50px;height: 50px; -webkit-transition: all .6s;transition: all .6s; overflow: hidden; display: flex; align-items: center; border: 1px solid  rgba(255, 255, 255, .0);}
.innews .explore a span{ font-size: 17px; color: #333333; position: relative; z-index: 10; font-weight: 700;}
.innews .explore a i {position: relative; width: 36px;height: 36px;margin-left: 20px;font-size: 18px;border-radius: 100%;color: #ffffff; display: flex; align-items: center; justify-content: center; }
.innews .explore a i::before{position: relative;z-index: 10;left: 0px;-webkit-transition: all .6s; transition: all .6s;  transform: rotate(-45deg);}
.innews .explore a i::after{    content: '';position: absolute;left: 50%;top: 50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);width: 100%;height: 100%;
background: linear-gradient(to bottom, #fd057d, #9a14ca);-webkit-border-radius: 100%;border-radius: 100%;-webkit-transition: all .6s;transition: all .6s;}
.innews .explore a:hover span{ color: #ffffff;}
.innews .explore a:hover i{ color: #ffffff;}
.innews .explore a:hover i::after{ width: 300px; height: 300px; background: linear-gradient(to bottom, #fd057d, #9a14ca);}
.innews .explore a:hover i::before {left: -5px; transform: rotate(0deg);}

.inmessage{position: relative; padding: 90px 0;}
.inmessage::before{ content: ''; position: fixed;  z-index: -1; top: 0;right: 0; bottom: 0; left: 0; background: url(../img/inmessbg.jpg) center 0 no-repeat; background-size: cover; display:block;  }
.inmessage .f42{ color: #ffffff;}
.inmessage .message{position: relative; margin-top: 60px;}
.inmessage .message .myformbox{display: grid; grid-template-columns: repeat(4,1fr); grid-gap: 35px;}
.inmessage .message .myformbox .text{padding: 15px; border: 2px rgba(255, 255, 255, .5) solid; border-radius: 5px; display: flex; align-items: center;}
.inmessage .message .myformbox .text .iconfont{ font-size: 16px; color: #ffffff; margin-right: 10px;}
.inmessage .message .myformbox .text input{ width: 100%; width: 100%; font-size: 16px; color: #ffffff;}
.inmessage .message .myformbox .text input::placeholder,.inmessage .message .myformbox .text .control{width: 100%; font-size: 16px;  color: #ffffff;}
.inmessage .message .myformbox .text .control option{font-size: 16px; color: #333333; padding: 5px;}
.inmessage .message .myformbox .button{font-size: 18px; color: #ffffff; background: #9a14ca; border-radius: 10px; cursor: pointer;}
.inmessage .message .myformbox .button:hover{background: linear-gradient(130deg, #fd057d, #9a14ca);}
.servicemess .message .myformbox .button{background: #47a595;}
.servicemess .message .myformbox .button:hover{background: linear-gradient(130deg, #1a8e7a, #1a8e7a);}
.aboutmess .message .myformbox .button{background: #b21ae8;}
.aboutmess .message .myformbox .button:hover{background: linear-gradient(130deg, #960ac8, #960ac8);}
.newsmess .message .myformbox .button{background: #1677ff;}
.newsmess .message .myformbox .button:hover{background: linear-gradient(130deg, #0857c7, #0857c7);}
.casemess .message .myformbox .button{background: #e14e6a;}
.casemess .message .myformbox .button:hover{background: linear-gradient(130deg, #cc2d4b, #cc2d4b);}

.footer{ position: relative; background: #ffffff;}
.footer .footcont{ padding: 70px 0; display: flex; justify-content: space-between;}
.footer .footcont .left{ width: 68%;}
.footer .footcont .left .text{ font-size: 42px; font-weight: 700; color: #222222;}
.footer .footcont .left .plan{padding: 25px 0; font-size: 17px; color: #666666;}
.footer .footcont .left .plan a{ font-size: 17px; color: #666666; margin-right: 15px;}
.footer .footcont .left .plan a:last-child{ margin-right: 0;}
.footer .footcont .left .plan a:hover{ color: #9a14ca;}
.footer .footcont .left .links{font-size: 17px; color: #666666;}
.footer .footcont .left .links a{ font-size: 17px; color: #666666; line-height: 36px; margin-right: 15px;}
.footer .footcont .left .links a:last-child{ margin-right: 0;}
.footer .footcont .left .links a:hover{ color: #9a14ca;}
.footer .footcont .right .text{position: relative; margin-bottom: 35px;}
.footer .footcont .right .text:last-child{ margin-bottom: 0;}
.footer .footcont .right .text .tit{margin-bottom: 10px; font-size: 18px; color: #222222; font-weight: 700;}
.footer .footcont .right .text .number a{font-size: 45px; font-weight: 700; background: linear-gradient(180deg, #fd057d, #9a14ca);-webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;}
.footer .footcont .right .text .add{ font-size: 17px; color: #666666;}
.footer .footcont .right .footershare{display: flex; align-items: center;}
.footer .footcont .right .footershare .item{ position: relative; margin-right: 20px;}
.footer .footcont .right .footershare .item .iconfont{ font-size: 22px; color: #333333; cursor: pointer;}
.footer .footcont .right .footershare .item .iconfont.xiaohongshu{ font-size: 30px;}
.footer .footcont .right .footershare .item:last-child{ margin-right: 0;}
.footer .footcont .right .footershare .item:hover .iconfont{ color: #9a14ca;}
.footer .footcont .right .footershare .item .shareimg {display: none; position: absolute;bottom: 110%;left: 50%;transform: translateX(-50%); width: 120px; height: 120px;  border-radius: 5px; padding: 5px; background: #dddddd; }
.footer .footcont .right .footershare .item .shareimg::after {content: '';position: absolute;top: 100%;left: 50%;transform: translateX(-50%);width: 0;height: 0;border-left: 6px solid transparent;border-right: 6px solid transparent;border-top: 6px solid #dddddd;}
.footer .footcont .right .footershare .item .shareimg img{ width: 100%; height: 100%;}
.footer .footcont .right .footershare .item:hover .shareimg{display: block; visibility: visible;}
.footer .copyright{position: relative; padding: 25px 0; border-top: 1px solid rgba(0, 0, 0, .1);  font-size: 17px; color: #666666;}
.footer .copyright a{margin:0 5px; font-size: 17px; color: #666666;}
.footer .copyright a:hover{ color: #9a14ca;}
.afooter .footcont .left .plan a:hover{ color: #b21ae8;}
.sfooter .footcont .left .plan a:hover{ color: #47a595;}
.cfooter .footcont .left .plan a:hover{ color: #e14e6a;}
.nfooter .footcont .left .plan a:hover{ color: #1677ff;}
.lfooter .footcont .left .plan a:hover{ color: #f77b55;}
.vfooter .footcont .left .plan a:hover{ color: #9a14ca;}
.afooter .footcont .right .text .number a{font-size: 45px; font-weight: 700; background: linear-gradient(180deg, #b21ae8, #b21ae8);-webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;}
.sfooter .footcont .right .text .number a{font-size: 45px; font-weight: 700; background: linear-gradient(180deg, #47a595, #47a595);-webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;}
.cfooter .footcont .right .text .number a{font-size: 45px; font-weight: 700; background: linear-gradient(180deg, #e14e6a, #e14e6a);-webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;}
.nfooter .footcont .right .text .number a{font-size: 45px; font-weight: 700; background: linear-gradient(180deg, #1677ff, #1677ff);-webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;}
.lfooter .footcont .right .text .number a{font-size: 45px; font-weight: 700; background: linear-gradient(180deg, #f77b55, #f77b55);-webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;}
.vfooter .footcont .right .text .number a{font-size: 45px; font-weight: 700; background: linear-gradient(180deg, #fd057d, #9a14ca);-webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;}
.afooter .footcont .right .footershare .item:hover .iconfont{ color: #b21ae8;}
.sfooter .footcont .right .footershare .item:hover .iconfont{ color: #47a595;}
.cfooter .footcont .right .footershare .item:hover .iconfont{ color: #e14e6a;}
.nfooter .footcont .right .footershare .item:hover .iconfont{ color: #1677ff;}
.lfooter .footcont .right .footershare .item:hover .iconfont{ color: #f77b55;}
.vfooter .footcont .right .footershare .item:hover .iconfont{ color: #9a14ca;}
.afooter .copyright a:hover{ color: #b21ae8;}
.sfooter .copyright a:hover{ color: #47a595;}
.cfooter .copyright a:hover{ color: #e14e6a;}
.nfooter .copyright a:hover{ color: #1677ff;}
.lfooter .copyright a:hover{ color: #f77b55;}
.vfooter .copyright a:hover{ color: #9a14ca;}

.pbanner{width: 100%;height: 220px;pointer-events: none;user-select: none;}
.pabout{background: linear-gradient(to bottom,#f3f4f9 0%,#f3f4f9 420px,transparent 420px,transparent 100%);}
.pservice{ background: #fbf2f7;}
.pcase{ background: #fffcf5;}
.pnews{ background: #f7f6fb;}
.pcontact{background: linear-gradient(to bottom,#ffffff 0%,#ffffff 420px,transparent 420px,transparent 100%); }
.pvr{background: linear-gradient(to bottom, #fafafa 0%, #fafafa calc(100% - 200px), transparent calc(100% - 200px), transparent 100%); }
.pbanner-wrap{position: absolute;width: 100%;height: 100%;top: 0;left: 0;overflow: hidden;}
.pbanner-bg{position: absolute;padding-bottom: calc(1 / 3 * 100%);border-radius: 50%;width: 100%;filter: blur(80px);}
.abootcolor-base{top: -20%;left: 22%;background: linear-gradient(0,rgba(178,26,232,.2) 33.84%,#b21ae8 0);}
.servicecolor-base{top: -20%;left: 22%;background: linear-gradient(0,rgba(71,165,149,.2) 33.84%,#47a595 0);}
.casecolor-base{top: -20%;left: 22%;background: linear-gradient(0,rgba(225,78,106,.2) 33.84%,#e14e6a 0);}
.newscolor-base{top: -20%;left: 22%;background: linear-gradient(0,rgba(22,119,255,.2) 33.84%,#1677ff 0);}
.contactcolor-base{top: -20%;left: 22%;background: linear-gradient(0,rgba(247,123,85,.2) 33.84%,#f77b55 0);}
.vrcolor-base{top: -20%;left: 22%;background: linear-gradient(0,rgba(154,20,202,.2) 33.84%,#9a14ca 0);}
.abootcolor-move{top: 0;left: 0;background: #f3f4f9;animation: pbannerMove 8s cubic-bezier(.2,0,.8,1) infinite alternate;}
.servicecolor-move{top: 0;left: 0;background: #fbf2f7;animation: pbannerMove 8s cubic-bezier(.2,0,.8,1) infinite alternate;}
.casecolor-move{top: 0;left: 0;background: #fffcf5;animation: pbannerMove 8s cubic-bezier(.2,0,.8,1) infinite alternate;}
.newscolor-move{top: 0;left: 0;background: #f7f6fb;animation: pbannerMove 8s cubic-bezier(.2,0,.8,1) infinite alternate;}
.contactcolor-move{top: 0;left: 0;background: #ffffff;animation: pbannerMove 8s cubic-bezier(.2,0,.8,1) infinite alternate;}
.vrcolor-move{top: 0;left: 0;background: #fafafa;animation: pbannerMove 8s cubic-bezier(.2,0,.8,1) infinite alternate;}
@keyframes pbannerMove{
    0% {transform: translate(0)}
    25% {transform: translate(20%)}
    50% {transform: translate(40%,20%)}
    75% {transform: translate(20%)}
}

.pageabout{ position: relative; }
.pageabout .aboutbox{ position: relative;}
.pageabout .aboutbox .target{ display: flex; flex-direction: column;}
.pageabout .aboutbox .target .f64{position: relative; display: inline-block; overflow: hidden; color:rgba(0,0,0,0);}
.pageabout .aboutbox .target .f64::before {content: attr(data-text);position: absolute;top: 0;
left: 0;width: 0;height: 100%;color: #b21ae8; overflow: hidden;white-space: nowrap;transition: width 2.6s ease;}
.pageabout .aboutbox .target.active .f64::before {width: 100%;}
.pageabout .aboutcont{position: relative; padding: 0 0 150px; background: linear-gradient(to bottom,transparent 0%, transparent 200px, #f3f4f9 200px,#f3f4f9 calc(100% - 300px),transparent calc(100% - 300px),transparent 100% );}
.pageabout .aboutcont::before{content:''; position: fixed;  z-index: -1; top: 0;right: 0; bottom: 0; left: 0; background: url(../img/aboutbg.jpg) center 0 no-repeat !important; background-size: cover; display:block; }
.pageabout .slogan h4{ font-weight: 700;}
.pageabout .abouttxt{margin-top: 50px; width: 95%; font-size: 20px; color: #333333; line-height: 1.9;}
.pageabout .aboutbox .pagepic{ position: absolute; top: 10vw;right: 10vw; animation: ani-b 40s linear infinite;animation: ani-e 40s linear infinite;}
@keyframes ani-b {
    0%,100% {
        transform: translateX(0%)
    }
    50%,52%{
        transform: translateX(50%)
    }
}
.pageabout .number{ position: relative; margin-top: 80px; width: 100%; padding:60px 40px; display: grid; align-items: center; justify-content: space-between; grid-gap: 20px; grid-template-columns: repeat(4, 1fr); background: #ffffff; border-radius:10px;}
.pageabout .number .item {position: relative; box-sizing: border-box;}
.pageabout .number .item .T {display: -webkit-flex;display: flex;align-items: flex-end;}
.pageabout .number .item .T .timer {font-size: 90px;color: #b21ae8;font-weight: 700;  line-height: 1;margin-right: 5px;}
.pageabout .number .item .T .num {font-size: 30px;color: #b21ae8; font-weight: 700;}
.pageabout .number .item .c {margin-top: 10px;font-size: 18px; color: #444444;}
.pageabout .aboutbg{position: absolute; height: 300px; bottom: 0;}
.pageabout .aboutbg::before{ content: ''; position: fixed;  z-index: -1; top: 0;right: 0; bottom: 0; left: 0; background: url(../img/aboutbg.jpg) center 0 no-repeat; background-size: cover; display:block; }
.pagestrength{position: relative; padding: 90px 0; background: #fbf8f2;}
.pagestrength .strength{display: grid; grid-template-columns: repeat(3,1fr); grid-gap: 30px;}
.pagestrength .strength .item{position:relative; display: flex; flex-direction:column; border-radius: 10px; padding: 55px 35px 250px;}
.pagestrength .strength .item .title{ font-size: 40px; color: #000000; font-weight: 700;}
.pagestrength .strength .item .txt{ margin-top: 40px; font-size: 17px; color: #333333; line-height: 1.8;}
.pagestrength .strength .item .iconfont{position:absolute; bottom:55px; font-size: 120px;line-height:1; -webkit-transition: all .6s;transition: all .6s;}
.pagestrength .strength .item .iconfont.icon-chuangxin{ color: #d5cbb5;}
.pagestrength .strength .item .iconfont.icon-ronghe{ color: #c5d8bc;}
.pagestrength .strength .item .iconfont.icon-kuajie{ color: #deb884;}
.pagestrength .strength .item.item1{ background: #f2efe8;}
.pagestrength .strength .item.item2{ background: #dfefd7;}
.pagestrength .strength .item.item3{ background: #fae8d0;}
.pagestrength .strength .item:hover{ box-shadow: 0 20px 30px rgba(0, 0, 0, .15);}
.pagestrength .strength .item:hover .iconfont.icon-chuangxin{  color: #b7a06b;}
.pagestrength .strength .item:hover .iconfont.icon-ronghe{  color: #8aab7a;}
.pagestrength .strength .item:hover .iconfont.icon-kuajie{  color: #c99753;}
.pagepartner{position: relative; background: #fbf8f2; padding-bottom: 90px;}
.pagepartner .top{ display: flex; align-items: center;}
.pagepartner .numbox .num{font-size: 220px; color: #b21ae8; font-weight: 700;  line-height: 1;}
.pagepartner .numbox .txt{ font-size: 16px; color: #333333; line-height: 26px;}
.pagepartner .partnerslogan{ margin-left: 150px;}
.pagepartner .partnerslogan .slogan{ font-size: 22px; color: #333333;}
.pagepartner .partnerslogan .txt{margin-top: 10px; font-size: 16px; color: #333333; line-height: 26px;}
.pagepartner .partnerlogo{position: relative; margin-top: 50px;}
.pagepartner .partnerlogo .item{ margin-bottom: 25px; display: flex;grid-gap: 25px;justify-content: center; cursor: pointer;}
.pagepartner .partnerlogo .item span{padding: 30px; background: #ffffff; border-radius: 100px;-webkit-transition: all .6s;transition: all .6s;}
.pagepartner .partnerlogo .item:last-child{ margin-bottom: 0;}
.pagepartner .partnerlogo .item span:hover{ box-shadow: 0 5px 30px rgba(0, 0, 0, 0.05); }
.pagepartner .partnerlogo .item span img {overflow: hidden;-webkit-transform: rotate(0);transform: rotate(0);-webkit-transition: all .6s;transition: all .6s;}
.pagepartner .partnerlogo .item span:hover img {-moz-transform: scale(1.1, 1.1);-ms-transform: scale(1.1, 1.1);-o-transform: scale(1.1, 1.1);-webkit-transform: scale(1.1, 1.1);transform: scale(1.1, 1.1);}

.pagecese{position: relative; padding:0 0 90px; background: linear-gradient(to bottom,transparent 300px, #fffcf5 300px, #fffcf5 100%);}
.pagecese .slogan .target{ display: flex; flex-direction: column;}
.pagecese .slogan .target .f64{position: relative; display: inline-block; overflow: hidden; color:rgba(0,0,0,0);}
.pagecese .slogan .target .f64::before {content: attr(data-text);position: absolute;top: 0;left: 0;width: 0;height: 100%;color: #e14e6a; overflow: hidden;transition: width 2.6s ease;}
.pagecese .slogan .target.active .f64::before {width: 100%;}
.pagecese .casetest{position: relative; margin-top: 80px; display: grid; grid-template-columns: repeat(3,1fr); grid-gap: 30px;}
.pagecese .casetest .item{position: relative; border-radius: 10px; box-shadow: 0 5px 30px rgba(0, 0, 0, 0.1); overflow: hidden;}
.pagecese .casetest .item .cont{ position: absolute;  left: 0; right: 0; bottom: 0; padding: 0 20px 20px 20px; background: linear-gradient(to bottom, transparent,rgba(0, 0, 0, 0.7));}
.pagecese .casetest .item .title{ font-size: 26px; color: #ffffff;}
.pagecese .casetest .item .desc{ height: 0; -webkit-transition: all .6s;transition: all .6s;}
.pagecese .casetest .item .type{position: relative; margin: 15px 0 0; display: flex;}
.pagecese .casetest .item .type span{margin-right: 10px; padding:0 20px; height: 36px; line-height: 36px; font-size: 14px; color: #ffffff;border-radius:18px; border: 1px #ffffff solid; background:none; box-shadow: 0 2px 5px rgba(0, 0, 0, .05); font-family: "Microsoft YaHei";}
.pagecese .casetest .item .type span:last-child{ margin-right: 0;}
.pagecese .casetest .item .type span:hover{ color: #ffffff; background: #e14e6a; border: 1px #e14e6a solid;}
.pagecese .casetest .item:hover{border-radius: 30px; box-shadow: 0 20px 30px rgba(0, 0, 0, .15);}
.pagecese .casetest .item:hover .desc{height: 10px;}
.showcase{position: relative; padding: 0 0 90px; background: #fffcf5;}
.showcase .container{padding: 0px 12vw;}
.showcase .pagecasebanner{width: 100%;position: relative; overflow: hidden;}
.showcase .pagecasebanner img{width: 100%; height: 100%; display: block;position: absolute;z-index: 1;top: 0;left: 0;right: 0; margin: auto; object-fit: cover;}
.showcase .casebox{ position: relative; padding: 200px 0; display: flex; justify-content: space-between; z-index: 3;}
.showcase .casebox .content{ width: 50%;}
.showcase .casebox .content .title{ font-size: 45px; font-weight: 700; color: #ffffff;}
.showcase .casebox .content .desc{margin-top: 25px;font-size: 16px;line-height: 25px; color: #ffffff; height: calc(25px* 3);display: -webkit-box;text-overflow: ellipsis;overflow: hidden;-webkit-box-orient: vertical;-webkit-line-clamp: 3; line-clamp: 3;}
.showcase .casebox .content .more{display: flex; padding-top: 30px;}
.showcase .casebox .content .more a{padding: 0px 10px 0px 25px; -webkit-border-radius: 50px; border-radius: 50px;height: 50px; -webkit-transition: all .6s;transition: all .6s; overflow: hidden; display: flex; align-items: center; border: 1px solid #ffffff;}
.showcase .casebox .content .more a span{ font-size: 18px; color: #ffffff; position: relative; z-index: 10;}
.showcase .casebox .content .more a i {position: relative; width: 36px;height: 36px;margin-left: 20px;font-size: 18px;border-radius: 100%;color: #e14e6a; display: flex; align-items: center; justify-content: center;}
.showcase .casebox .content .more a i::before{position: relative;z-index: 10;left: 0px;-webkit-transition: all .6s; transition: all .6s;}
.showcase .casebox .content .more a i::after{    content: '';position: absolute;left: 50%;top: 50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);width: 100%;height: 100%;
background-color: #ffffff;-webkit-border-radius: 100%;border-radius: 100%;-webkit-transition: all .6s;transition: all .6s;}
.showcase .casebox .content .more a:hover{ background: #ffffff;}
.showcase .casebox .content .more a:hover span{ color: #e14e6a;}
.showcase .casebox .content .more a:hover i::after{ width: 300px; height: 300px; background: #ffffff;}
.showcase .casebox .content .more a:hover i::before {left: -5px;}
.showcase .casebox .servicebox{ width: 42%; border-top: 2px solid  rgba(255, 255, 255, .3);}
.showcase .casebox .servicebox .list{display: flex; border-bottom: 2px solid  rgba(255, 255, 255, .3); padding: 20px 0px;}
.showcase .casebox .servicebox .list .listTitle{ font-size: 18px; color: #ffffff; line-height: 28px; flex: 1;}
.showcase .casebox .servicebox .list .desc{ width: 54%; font-size: 18px; color: #ffffff;}
.showcase .casedetail{position: relative; margin-top: -130px; width: 100%; padding: 15px; border-radius: 10px; box-shadow: 0 20px 30px rgba(0, 0, 0, .15); background: #ffffff; z-index: 2;}
.showcase .casedetail img{max-width: 100%;}

.pageservice{ position: relative;}
.pageservice .slogan .target{ display: flex; flex-direction: column;}
.pageservice .slogan .target .f64{position: relative; width:100%;  overflow: hidden; color:rgba(0,0,0,0);}
.pageservice .slogan .target .f64::before {content: attr(data-text);position: absolute;top: 0;
left: 0;width: 0;height: 100%;color: #47a595; overflow: hidden;transition: width 2.6s ease;}
.pageservice .slogan .target.active .f64::before {width: 100%;}
.pageservice .servicelist{position: relative; background:#ffffff;}
.pageservice .servicelist .serviceitem{ position: relative; padding: 100px 0;}
.pageservice .servicelist .serviceitem.active {position: sticky !important;top: 0;}
.pageservice .servicelist .serviceitem .container{ display: flex; justify-content: space-between;align-items: center;}
.pageservice .servicelist .serviceitem .servicetext{ position: relative; width: 50%;}
.pageservice .servicelist .serviceitem .servicetext .txt{font-size: 52px; color: #333333;}
.pageservice .servicelist .serviceitem .servicetext .desc{ font-size: 22px; color: #666666;}
.pageservice .servicelist .serviceitem .servicetext .servicebox{position:relative; margin-top: 60px;display: grid;grid-template-columns: repeat(2, 1fr);grid-gap:30px 20px;}
.pageservice .servicelist .serviceitem .servicetext .servicebox .item{ display: flex; align-items: center; line-height: 40px;}
.pageservice .servicelist .serviceitem .servicetext .servicebox .item .icon{position: relative; width: 18px; height: 18px;}
.pageservice .servicelist .serviceitem .servicetext .servicebox .item .icon.icon1 span{position: absolute;left: 0px;
top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);width: 100%;height: 100%;-webkit-border-radius: 100%;border-radius: 100%;border: 1px solid #9a14ca;}
.pageservice .servicelist .serviceitem .servicetext .servicebox .item .icon.icon1 span:nth-child(2) {width: 75%;height: 75%; border: 1px solid #c10eab;}
.pageservice .servicelist .serviceitem .servicetext .servicebox .item .icon.icon1 span:nth-child(1) {width: 50%;height: 50%; border: 1px solid #fd057d;}
.pageservice .servicelist .serviceitem .servicetext .servicebox .item .icon.icon2 span{position: absolute;left: 0px;
top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);width: 100%;height: 100%;-webkit-border-radius: 100%;border-radius: 100%;border: 1px solid #339475;}
.pageservice .servicelist .serviceitem .servicetext .servicebox .item .icon.icon2 span:nth-child(2) {width: 75%;height: 75%; border: 1px solid #3dac89;}
.pageservice .servicelist .serviceitem .servicetext .servicebox .item .icon.icon2 span:nth-child(1) {width: 50%;height: 50%; border: 1px solid #49caa1;}
.pageservice .servicelist .serviceitem .servicetext .servicebox .item .icon.icon3 span{position: absolute;left: 0px;
top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);width: 100%;height: 100%;-webkit-border-radius: 100%;border-radius: 100%;border: 1px solid #f77b55;}
.pageservice .servicelist .serviceitem .servicetext .servicebox .item .icon.icon3 span:nth-child(2) {width: 75%;height: 75%; border: 1px solid #feac7b;}
.pageservice .servicelist .serviceitem .servicetext .servicebox .item .icon.icon3 span:nth-child(1) {width: 50%;height: 50%; border: 1px solid #fec29e;}
.pageservice .servicelist .serviceitem .servicetext .servicebox .item .icon.icon4 span{position: absolute;left: 0px;
top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);width: 100%;height: 100%;-webkit-border-radius: 100%;border-radius: 100%;border: 1px solid #e14e6a;}
.pageservice .servicelist .serviceitem .servicetext .servicebox .item .icon.icon4 span:nth-child(2) {width: 75%;height: 75%; border: 1px solid #e1687f;}
.pageservice .servicelist .serviceitem .servicetext .servicebox .item .icon.icon4 span:nth-child(1) {width: 50%;height: 50%; border: 1px solid #e28c9c;}
.pageservice .servicelist .serviceitem .servicetext .servicebox .item p{ margin-left: 10px; font-size: 22px; color: #333333; font-weight: 500;}
.pageservice .servicelist .serviceitem .serviceimg{width:42%; border-radius: 10px; overflow: hidden;}
.pageservice .servicelist .serviceitem .serviceimg img{ width:100%; height:100%; object-fit:cover;}
.pageservice .servicelist .serviceitem:hover .serviceimg{ border-radius: 15px;}
.pageservice .servicelist .serviceitem1{background: linear-gradient(to bottom, #fbf2f7, #f5e6fa, #fbf2f7); z-index: 1;}
.pageservice .servicelist .serviceitem2{background: linear-gradient(to bottom, #fbf2f7, #e9faf5, #fbf2f7); z-index: 2;}
.pageservice .servicelist .serviceitem3{background: linear-gradient(to bottom, #fbf2f7, #fdefe7, #fbf2f7); z-index: 3;}
.pageservice .servicelist .serviceitem4{background: linear-gradient(to bottom, #fbf2f7, #fcd8df, #fbf2f7); z-index: 4;}
.pageservice .servicelist .serviceitem2::before{ position: absolute; content: ''; left: 0; top: 0; width: 100%; height: 2px; background: rgba(154, 20, 202, .2);}
.pageservice .servicelist .serviceitem3::before{ position: absolute; content: ''; left: 0; top: 0; width: 100%; height: 2px; background: rgba(51, 148, 117, .2);}
.pageservice .servicelist .serviceitem4::before{ position: absolute; content: ''; left: 0; top: 0; width: 100%; height: 2px; background: rgba(247, 123, 83, .2);}


.pagenews{ position: relative; padding: 0 0 90px; background: linear-gradient(to bottom,transparent 300px, #f7f6fb 300px, #f7f6fb 100%);}
.pagenews .slogan .target{ display: flex; flex-direction: column;}
.pagenews .slogan .target .f64{position: relative; display: inline-block; overflow: hidden; color:rgba(0,0,0,0);}
.pagenews .slogan .target .f64::before {content: attr(data-text);position: absolute;top: 0;
left: 0;width: 0;height: 100%;color: #1677ff; overflow: hidden;white-space: nowrap;transition: width 2.6s ease;}
.pagenews .slogan .target.active .f64::before {width: 100%;}
.pagenews .newsnav{display: flex; margin-top: 70px;}
.pagenews .newsnav .item{ margin-right: 80px;}
.pagenews .newsnav .item:last-child{ margin-right: 0;}
.pagenews .newsnav .item a{ font-size: 22px; color: #333333;}
.pagenews .newsnav .item.active a,.pagenews .newsnav .item:hover a{ color: #1677ff;}
.pagenews .newstest{position: relative; margin-top: 50px;}
.pagenews .newstest .item{ padding: 40px 0; border-bottom: 1px solid #eaeaf9;}
.pagenews .newstest .item a{ display: flex; justify-content: space-between; align-items: center;}
.pagenews .newstest .item .newscont{width: calc(100% - 30%);display: flex; justify-content: space-between; align-items: center;}
.pagenews .newstest .item .date{ text-align: center; width:100px;}
.pagenews .newstest .item .date .day{ font-size: 60px; font-weight:700; color: #333333; line-height: 1;}
.pagenews .newstest .item .date .year{ font-size: 22px;  color: #666666; }
.pagenews .newstest .item .text{ width: calc(100% - 150px);}
.pagenews .newstest .item .text .title{ font-size: 32px; color: #000000;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; line-clamp: 1;  -webkit-box-orient: vertical;}
.pagenews .newstest .item .text .content{margin-top: 30px; font-size: 17px; color: #666666; line-height: 28px; height: 56px;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2;  -webkit-box-orient: vertical;}
.pagenews .newstest .item .img{ width: 28%; border-radius: 5px; overflow: hidden;}
.pagenews .newstest .item:hover{ background: #ffffff;  box-shadow: 0 20px 40px rgba(0, 0, 0, .1);}
.pagenews .newstest .item:hover .text .title{ color: #1677ff;}
.newspages {margin: 40px auto 0;text-align: center;font-size: 20px;}
.newspages li{display: inline-block;height: 36px;margin: 0 1px; border: 1px #f5f5f5 solid; line-height: 36px;background: #ffffff; border-radius: 5px;}
.newspages li a{text-align: center;color: #333333;padding: 0 15px; }
.newspages .active{background: #1677ff;text-decoration: none}
.newspages .active a{color: #ffffff;}
.newspages li:hover{background: #1677ff;text-decoration: none}
.newspages li:hover a{color: #ffffff;}
.newspages span {display: inline-block;height: 26px;line-height: 26px;border: 1px solid #cccccc; color: #333333; text-align: center;padding: 0 13px;}
.shownews{position: relative; padding: 200px 0 90px; background:#f7f6fb url(../img/pagenewsbg.png) center top no-repeat;}
.shownews .crumbs {position: relative; width: 100%;font-size: 17px;}
.shownews .crumbs .home {display: inline-block;width: 19px;height: 16px; margin-right: 5px; margin-bottom: -1px; background: url(../img/fangzi.png); background-size: auto 16px;}
.shownews .crumbs a {color:#333333;margin: 0 5px;}
.shownews .crumbs a:hover {color:#1677ff;}
.shownews .newsdetail{position: relative; margin-top: 30px;}
.shownews .newsdetail .title{ font-size: 50px; color: #000000;}
.shownews .newsdetail .sourcetimebox{ position: relative; margin-top: 55px;height: 70px; padding: 0px 40px; display: flex; justify-content: space-between; align-items: center; border-radius: 10px; background: #ffffff;}
.shownews .newsdetail .sourcetimebox .sourcetime{width: auto;display: flex;justify-content: flex-start;}
.shownews .newsdetail .sourcetimebox .sourcetime p{font-size: 14px;line-height: 18px; padding: 0px 40px; border-right: 1px solid #e3e3e3; color: #a5a5a5;}
.shownews .newsdetail .sourcetimebox .sourcetime p span{ font-size: 16px; color: #000000;}
.shownews .newsdetail .sourcetimebox .sourcetime p:first-child {padding-left: 0px;}
.shownews .newsdetail .sourcetimebox .sourcetime p:last-child {padding-right: 0px;border: none;}
.shownews .newsdetail .sourcetimebox .sourcetime p a{ font-size: 16px; color: #000000;}
.shownews .newsdetail .sourcetimebox .return {width: auto;padding: 0;display: block;}
.shownews .newsdetail .sourcetimebox .return a{display: flex; justify-content: center; align-items: center; font-size: 16px; color: #000000;}
.shownews .newsdetail .sourcetimebox .return a i {display: flex; justify-content: center; align-items: center; width: 25px;height: 25px;margin-left: 10px;-webkit-border-radius: 100%; color: #ffffff; border-radius: 100%; background: #1677ff;}
.shownews .newsdetail .sourcetimebox .return a:hover{ color: #1677ff;}
.shownews .newsdetail .newsdetailbox{ position: relative; margin-top: 30px; display: flex; padding: 40px; border-radius: 5px; background: #ffffff; }
.shownews .newsdetail .newsdetailbox .sharelabel{position: relative; border-right: 1px solid #eeeeee; width: 16%; padding-right: 20px;}
.shownews .newsdetail .newsdetailbox .sharelabel .newsdateilshare .title{font-size: 22px; color: #000000; font-weight: 700;}
.shownews .newsdetail .newsdetailbox .sharelabel .newsdateilshare .detailShare{display: flex; flex-wrap: wrap; padding-top: 15px;}
.shownews .newsdetail .newsdetailbox .sharelabel .newsdateilshare .detailShare a {font-size: 22px;width: 50px;height: 50px;margin-right: 10px; border: 1px solid #999999; border-radius: 50%; color: #666666; display: flex; justify-content: center; align-items: center; }
.shownews .newsdetail .newsdetailbox .sharelabel .newsdateilshare .detailShare a:hover{border: 1px solid #1677ff; border-radius: 50%; color: #ffffff; background: #1677ff;}
.shownews .newsdetail .newsdetailbox .sharelabel .hotlabel .title{font-size: 22px; color: #000000; font-weight: 700;}
.shownews .newsdetail .newsdetailbox .sharelabel .hotlabel .list{position: relative; margin-top: 30px;}
.shownews .newsdetail .newsdetailbox .sharelabel .hotlabel .list a{ font-size: 17px; color: #333333; padding: 0 0 28px;border-bottom: 1px solid #eeeeee;display: block;margin-bottom: 30px}
.shownews .newsdetail .newsdetailbox .sharelabel .hotlabel .list a:hover{ color: #1677ff;}
.shownews .newsdetail .contentdateil{flex: 1; padding-left: 60px;}
.shownews .newsdetail .contentdateil .content{ font-size: 18px; line-height: 1.7; color: #333333;}
.shownews .newsdetail .contentdateil .content img{ max-width: 100%;}
.shownews .newsdetail .paging_nav{margin-top: 50px;padding: 20px;border-radius: 10px; background: #f7f6fb; display: flex; align-items: center;}
.shownews .newsdetail .paging_nav a{font-size: 16px;color: #333333; width: 50%;display: -webkit-box;height: 24px;line-height: 24px;text-overflow: ellipsis;overflow: hidden;-webkit-box-orient: vertical;-webkit-line-clamp: 1; line-clamp: 1; padding:0 20px;border-right: 1px solid #e4e4e4;}
.shownews .newsdetail .paging_nav a:last-child{ border-right: none;}
.shownews .newsdetail .paging_nav a:hover{ color: #1677ff;}
.shownews .newsdetail .paging_nav a span{ font-size: 14px; color: #a5a5a5;}


.spotlight {position: fixed;top: 0;left: 0;width: 80px;height: 80px;pointer-events: none;transform: translate(-50%, -50%);opacity: 0; transition: opacity 0.3s ease;z-index: 9999;display: flex;align-items: center;justify-content: center;}
.spotlight .nc{position: absolute;width: 70px;height: 70px;top: 0;left: 0;right: 0;bottom: 0; z-index: 22; margin: auto;pointer-events: none;animation: ants 10s linear infinite;}
@keyframes ants{
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
.spotlight::after{ position: absolute; content: ''; width: 100%; height: 100%; left: 0; right: 0; border-radius: 50%; background: #1677ff; filter: blur(8px); z-index: 0;  animation: pulse 3s infinite alternate;}
.spotlightmore{position: relative;color: #ffffff;font-size: 12px; text-align: center;z-index: 1;}
@keyframes pulse {
  from { opacity: 0.7; }
  to { opacity: 1; }
}

.pagecontact{ position: relative;}
.pagecontact .target{ display: flex; flex-direction: column;}
.pagecontact .target .f64{position: relative; display: inline-block; overflow: hidden;color:rgba(0,0,0,0); }
.pagecontact .target .f64::before {content: attr(data-text);position: absolute;top: 0;
left: 0;width: 0;height: 100%;color: #f77b55; overflow: hidden;white-space: nowrap;transition: width 2.6s ease;}
.pagecontact .target.active .f64::before {width: 100%;}
.pagecontact .pagedemand{position: relative; padding: 0 0 170px;background: linear-gradient(to bottom,transparent 0%, transparent 200px, #ffffff 200px,#ffffff calc(100% - 340px),transparent calc(100% - 340px),transparent 100% );}
.pagecontact .pagedemand::before {content: ''; position: fixed;  z-index: -1; top: 0;right: 0; bottom: 0; left: 0; background: url(../img/pagedemandbg.jpg) center 0 no-repeat; background-size: cover; display:block; }
.pagecontact .pagedemand .demandbox{ position: relative; display: flex; margin-top: 80px;  border-radius: 10px; background: url(../img/demandbg.jpg) center no-repeat; background-size: cover; overflow: hidden;}
.pagecontact .pagedemand .demandbox .txtbox{ width:38%; padding: 80px 40px;}
.pagecontact .pagedemand .demandbox .txtbox .txt{  font-size: 58px; color: #ffffff; line-height: 1.2;}
.pagecontact .pagedemand .demandbox .txtbox .desc{ margin-top: 10px; font-size: 32px; color: #ffffff;}
.pagecontact .pagedemand .demandbox .demand{ flex: 1; padding: 80px 60px;background-color:rgba(255, 255, 255, 0.7); }
.pagecontact .pagedemand .demandbox .demand .subtitle .p1{ font-size: 35px; color: #333333;}
.pagecontact .pagedemand .demandbox .demand .subtitle .p2{margin-top: 10px; font-size: 17px; color: #333333;}
.pagecontact .pagedemand .demandbox .demand .myformbox{position: relative; margin-top: 60px;}
.pagecontact .pagedemand .demandbox .demand .myformbox .textbox{display: grid; grid-template-columns: repeat(2,1fr); grid-gap: 20px;}
.pagecontact .pagedemand .demandbox .demand .myformbox .text{padding:7px 12px; line-height:34px; border-radius: 5px; display: flex; align-items: center; background: #ffffff;}
.pagecontact .pagedemand .demandbox .demand .myformbox .text .iconfont{ font-size: 16px; color: #666666; margin-right: 10px;}
.pagecontact .pagedemand .demandbox .demand .myformbox .text input{ width: 100%; width: 100%; font-size: 16px; color: #666666;}
.pagecontact .pagedemand .demandbox .demand .myformbox .text input::placeholder,.pagecontact .pagedemand .demandbox .demand .myformbox .text .control{width: 100%; font-size: 16px;  color: #666666;}
.pagecontact .pagedemand .demandbox .demand .myformbox .text .control option{font-size: 16px; color: #333333; padding: 5px;}
.pagecontact .pagedemand .demandbox .demand .myformbox .button{margin-top:20px; width:100%;padding:7px 12px; line-height:34px;  font-size: 18px; color: #ffffff; background: #f77b55; border-radius: 5px; cursor: pointer;}
.pagecontact .pagedemand .demandbox .demand .myformbox .button:hover{background: linear-gradient(130deg, #e5572c, #e5572c);}
.pagecontact .contactbox{ position: relative; background: #ffffff;}
.pagecontact .contactbox .contacttxt{position: relative; padding-bottom: 80px;}
.pagecontact .contactbox .contacttxt .contactup{position: relative; width: 100%; margin-top: -90px;  border-radius: 10px; padding: 60px 30px; background: #ffffff; display: flex; box-shadow: 0 20px 40px rgba(0, 0, 0, .1);}
.pagecontact .contactbox .contacttxt .contactup .amu{flex: 1; display: flex; flex-direction: column; align-items: center;}
.pagecontact .contactbox .contacttxt .contactup .amu .iconfont{ width: 60px; height: 60px; border-radius: 50%; background: #f77b55; display: flex; justify-content: center; align-items: center; font-size: 25px; color: #ffffff;}
.pagecontact .contactbox .contacttxt .contactup .amu .txt{ margin-top: 15px; font-size: 17px; color: #333333;}
.pagecontact .contactbox .contacttxt .contactup .amu .cont{margin-top: 10px; font-size: 28px; color: #333333; text-align: center;}
.pagecontact .contactbox .contacttxt .contactup .amu .cont a{ display: block; font-size: 28px; color: #333333;}
.pagecontact .contactbox .contacttxt .contactup .amu .cont a:hover{ color: #f77b55;}
.pagecontact .contactMap{ width: 100%; height: 55vh;}

/* vr */
.PageVrshow{padding: 0 0 100px;overflow: hidden; background-color: #fafafa;}
.PageVrshow .target{ display: flex; flex-direction: column;}
.PageVrshow .target .f64{position: relative; display: inline-block; overflow: hidden; }
.PageVrshow .target .f64::before {content: attr(data-text);position: absolute;top: 0;
left: 0;width: 0;height: 100%;color: #9a14ca; overflow: hidden;white-space: nowrap;transition: width 2.6s ease;}
.PageVrshow .target.active .f64::before {width: 100%;}
.PageVrshow .Vrshow{font-size: 48px;font-weight: 700;color: #000;text-align: center;}
.PageVrshow .Vrcon{ position: relative; width: 100%; margin: 0 auto;}
.PageVrshow .Vrcon .circle{ width: 600px;height: 600px;position: relative;margin: 50px auto 0;}
.PageVrshow .Vrcon img{ width: 100%; display:  block; }
.PageVrshow .Vrcon .circle1{
  width: 100%;
  position: relative;
  top: 0;
  left: 0;
  -webkit-animation: busiRotate1 50s linear infinite;
  -moz-animation: busiRotate1 50s linear infinite;
  -ms-animation: busiRotate1 50s linear infinite;
  animation: busiRotate1 50s linear infinite;
}
.PageVrshow .Vrcon .circle2{
  width: 541px;
  position: absolute;
  top: 30px;
  left: 30px;
  -webkit-animation: busiRotate2 50s linear infinite;
  -moz-animation: busiRotate2 50s linear infinite;
  -ms-animation: busiRotate2 50s linear infinite;
  animation: busiRotate2 50s linear infinite;
}
.PageVrshow .Vrcon .circle3{
  width: 480px;
  position: absolute;
  top: 60px;
  left: 60px;
  -webkit-animation: busiRotate1 54s linear infinite;
  -moz-animation: busiRotate1 54s linear infinite;
  -ms-animation: busiRotate1 54s linear infinite;
  animation: busiRotate1 54s linear infinite;
}
.PageVrshow .Vrcon .circle4 {
  width: 418px;
  position: absolute;
  top: 91px;
  left: 91px;
}
.PageVrshow .Vrcon .circle5 {
  width: 173px;
  position: absolute;
  top: 216px;
  left: 213px;
  -webkit-animation: busiRotate2 50s linear infinite;
  -moz-animation: busiRotate2 50s linear infinite;
  -ms-animation: busiRotate2 50s linear infinite;
  animation: busiRotate2 50s linear infinite;
}
.PageVrshow .Vrcon .circle6 {
  width: 144px;
  position: absolute;
  top: 228px;
  left: 228px;
  -webkit-animation: busiRotate1 50s linear infinite;
  -moz-animation: busiRotate1 50s linear infinite;
  -ms-animation: busiRotate1 50s linear infinite;
  animation: busiRotate1 50s linear infinite;
}
.PageVrshow .Vrcon .circle7 {
  width: 418px;
  position: absolute;
  top: 91px;
  left: 91px;
  -webkit-animation: busiRotate1 10s linear infinite;
  -moz-animation: busiRotate1 10s linear infinite;
  -ms-animation: busiRotate1 10s linear infinite;
  animation: busiRotate1 10s linear infinite;
}

@-webkit-keyframes busiRotate1 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes busiRotate1 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-webkit-keyframes busiRotate2 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes busiRotate2 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.tab_content .child .item-title{font-size: 18px;color: #000;font-weight: 600;margin: 5px 0;}
.tab_content .child .item-p{ font-size: 14px; color: #999; line-height: 24px; }
.tab_content .child .img-block span{font-size: 22px; color: #fff; line-height: 60px;}
.tab_content .child:nth-of-type(1){position: absolute; text-align: center; top:30px; left: 8%; width: 250px;}
.tab_content .child:nth-of-type(1) .img-block{ width:60px; height: 60px; background-color: #ff7171; border-radius: 50%; margin: 0 auto;}
.tab_content .child:nth-of-type(2){position: absolute; text-align: center; top:230px; left: 4%; width: 250px;}
.tab_content .child:nth-of-type(2) .img-block{ width:60px; height: 60px; background-color: #0993ec; border-radius: 50%; margin: 0 auto;}
.tab_content .child:nth-of-type(3){position: absolute; text-align: center; top:430px; left: 8%; width: 250px;}
.tab_content .child:nth-of-type(3) .img-block{ width:60px; height: 60px; background-color: #1fd8e3; border-radius: 50%; margin: 0 auto;}
.tab_content .child:nth-of-type(4){position: absolute; text-align: center; top:30px; right: 8%; width: 250px;}
.tab_content .child:nth-of-type(4) .img-block{ width:60px; height: 60px; background-color: #fea424; border-radius: 50%; margin: 0 auto;}
.tab_content .child:nth-of-type(5){position: absolute; text-align: center; top:230px; right: 4%; width: 250px;}
.tab_content .child:nth-of-type(5) .img-block{ width:60px; height: 60px; background-color: #56c997; border-radius: 50%; margin: 0 auto;}
.tab_content .child:nth-of-type(6){position: absolute; text-align: center; top:430px; right: 8%; width: 250px;}
.tab_content .child:nth-of-type(6) .img-block{ width:60px; height: 60px; background-color: #9a14ca; border-radius: 50%; margin: 0 auto;}

.PageVral{padding: 100px 0;overflow: hidden; /*background: url(../images/vr/vr_bg.jpg) no-repeat center;*/}
.PageVral .Vral{font-size: 48px;font-weight: 700;color: #000000;text-align: center;}
.PageVral .Vralc{ width: 100%; position: relative; margin-top: 40px; }
.PageVral .Vralc ul{display: grid;grid-template-columns: repeat(4, 1fr);grid-gap: 20px;}
.PageVral .Vralc ul li{position: relative; overflow: hidden; }
.PageVral .Vralc ul li .vr-img{ width: 100%; position: relative; z-index: 1;}
.PageVral .Vralc ul li .vr-img img{ width: 100%;  transition: all 0.3s ease; }
.PageVral .Vralc ul li .vr-c{ width: 100%; padding:20px 3%; overflow: hidden; position: relative; z-index: 2;  background-color: rgba(255, 255, 255, 1);}
.PageVral .Vralc ul li .vr-c .vr-tit{ font-size: 24px; color: #333333; text-align:center;}
.PageVral .Vralc ul li .vr-c .vr-con{ font-size: 16px; color: #999999;}
.PageVral .Vralc ul li .vr-img .vr-icon{ width: 100%;  height: 100%; background-color: rgba(0, 0, 0, 0.4); position: absolute; left: 0; top: 0; transform: translateY(-101%); transition: all 0.8s ease;}
.PageVral .Vralc ul li .vr-img .vr-icon span{ display: block; width:40px; height: 40px; position: absolute; top: 50%; margin-top: -20px; left: 50%; margin-left: -20px;}
.PageVral .Vralc ul li:hover .vr-img img{transform:scale(1.2)}
.PageVral .Vralc ul li:hover .vr-tit{ color: #9a14ca;}
.PageVral .Vralc ul li:hover .vr-img .vr-icon{transform: translateY(0); opacity:1;}

.PageVrzj{padding: 100px 0;overflow: hidden; /*background: url(../images/vr/vr_bg.jpg) no-repeat center;*/ background-color: #fafafa;}
.PageVrzj .Vrzj{font-size: 48px;font-weight: 700;color: #000000;text-align: center;}
.PageVrzj .Vrzjc{ width: 100%; position: relative; margin-top: 40px; }
.PageVrzj .Vrzjc ul{display: grid; grid-template-columns: repeat(4,1fr); grid-gap: 20px;}
.PageVrzj .Vrzjc ul li{position: relative; overflow: hidden;  text-align: center;}
.PageVrzj .Vrzjc ul li .Vr_t{ margin: 0 auto; }
.PageVrzj .Vrzjc ul li b{ font-size: 22px; color: #000000; padding: 5px 0; width: 100%;display:  inline-block;}
.PageVrzj .Vrzjc ul li p{ font-size: 16px; color: #666666;line-height: 28px;height: 56px; width: 100%; display:  inline-block;}
.PageVrzj .Vrzjc ul li .icon-bowuguan:before{ color: #f87c56; font-size: 50px; }
.PageVrzj .Vrzjc ul li .icon-lvyou:before{ color: #fe83cd; font-size: 50px; }
.PageVrzj .Vrzjc ul li .icon-fangchan:before{ color: #c630b6; font-size:50px; }
.PageVrzj .Vrzjc ul li .icon-jiudian:before{ color: #df4f6a; font-size: 50px; }
.PageVrzj .Vrzjc ul li .icon-dianshang:before{ color: #2ee2c7; font-size: 50px; }
.PageVrzj .Vrzjc ul li .icon-qiye:before{ color: #8d83fe; font-size: 50px; }
.PageVrzj .Vrzjc ul li .icon-zhanlan:before{ color: #46af55; font-size: 50px; }
.PageVrzj .Vrzjc ul li .icon-qchy:before{ color: #1fd8e3; font-size: 50px; }

/* 分享 */
.wechat-qrcode { display: none;position: fixed; z-index: 999; top:0; left: 0; width: 100%; height: 100%;     background: rgba(0, 0, 0, 0.6);-webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px); }
.wechat-qrcode .qrcodebox{position: absolute;left: 0px;top: 0px;width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;}
.wechat-qrcode .wechatbox{ position: relative;padding: 40px;-webkit-backdrop-filter: blur(20px);backdrop-filter: blur(20px);-webkit-border-radius: 10px;border-radius: 10px;background: rgba(255, 255, 255, 1);}
.wechat-qrcode.bottom { top: 40px; left: -84px; }
.wechat-qrcode.bottom:after { display: none; }
.wechat-qrcode h4 { font-weight: normal; font-size: 16px; margin: 0; padding: 0; color: #333333; }
.wechat-qrcode .qrcode {margin: 20px auto; }
.wechat-qrcode .qrcode img{ padding: 10px; border-radius: 5px; background: #f5f5f5; margin: 0 auto;}
.wechat-qrcode .qrcode table { margin: 0 !important; }
.wechat-qrcode .help p { font-weight: normal; font-size: 16px; line-height: 1.6; padding: 0; margin: 0; width: 100%; }
.wechat-qrcode .closeWechat { position: absolute; right: 20px; top: 20px; width: 20px; height: 20px; z-index: 9; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); cursor: pointer; }
.wechat-qrcode .closeWechat:after { width: 2px; height: 100%; position: absolute; left: 50%; margin-left: -1px; content: ''; display: block; background: #666666; }
.wechat-qrcode .closeWechat::before { width: 100%; height: 2px; position: absolute; top: 50%; margin-top: -1px; content: ''; display: block; background: #666666; }
.wechat-qrcode .closeWechat:hover:after,.wechat-qrcode .closeWechat:hover:before{ background: #7783e9;}



/* 客服 */
.fixed-right {position: fixed;right: 20px;top: 50%;transform: translateY(-50%);z-index:999;}
.fixed-right .block {padding: 6px;background-color: #fff;border-radius: 10px;box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);}
.fixed-right .box {
    width: 48px;
    height: 48px;
    position: relative;
    margin-bottom: 11px;
}

.fixed-right .box:after {
    content: '';
    width: 16px;
    height: 1px;
    background-color: #e6e6e6;
    position: absolute;
    bottom: -6px;
    left: 50%;
    margin-left: -8px;
}

.fixed-right .box:last-child:after {
    display: none;
}

.fixed-right .box a {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    transition: all .3s ease;
    z-index: 1;
}

.fixed-right .box .hide {
    position: absolute;
    right: 100%;
    top: 50%;
    transform: translate(0,-50%);
    opacity: 0;
    visibility: hidden;
    transition: all .3s ease;
    z-index: 2;
}

.fixed-right .box:hover .hide{
    transform: translate(-25px,-50%);
    transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.fixed-right .box .hide.pic {
    transform: translate(0,0);
    top: auto;
    bottom: 0;
}

.fixed-right .box:hover .hide.pic{
    transform: translate(-25px,0);
    transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.fixed-right .box .h {
    position: relative;
    width: auto;
    background-color: #fff;
    padding:15px;
    border-radius: 5px;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
}

.fixed-right .box .h:after {
    content: '';
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid #fff;
    position: absolute;
    left: 100%;
    top: 50%;
    margin-top: -10px;
}

.fixed-right .box .h h3 {
    font-size: 20px;
    color: #9a14ca;
}

.fixed-right .box .h p {
    font-size: 12px;
    line-height: 20px;
    color: #2c2c2c;
    margin-top: 10px;
}

.fixed-right .box .ewm-box {
    position: relative;
    width: 135px;
    background-color: #fff;
    padding: 5px;
    border-radius: 5px;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
}

.fixed-right .box .ewm-box:after {
    content: '';
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid #fff;
    position: absolute;
    left: 100%;
    bottom: 14px;
}

.fixed-right .box .ewm-box img {
    display: block;
    width: 100%;
}

.fixed-right .box .ewm-box p {
    font-size: 14px;
    color: #9a14ca;
    text-align: center;
    margin-top: 2px;
}

.fixed-right .box .iconfont{
    width: 18px;
    height: 18px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: auto 18px;
}
.fixed-right .box .obtain{
    background-image: url('../img/fixed-1.svg');
}

.fixed-right .box .tel{
    background-image: url('../img/fixed-2.svg');
}

.fixed-right .box .form{
    background-image: url('../img/fixed-3.svg');
}

.fixed-right .box.ewm {
    margin-bottom: 0;
}
.fixed-right .box.ewm:after {
    display: none;
}
.fixed-right .box .ewm{
    background-image: url('../img/fixed-4.svg');
}
.fixed-right .box .t{
    margin-top:3px;
    font-size: 12px;
    color: #333333;
}
.fixed-right .totop {
    display: none;
    width: 60px;
    height: 60px;
    margin-top: 10px;
    border-radius: 50%;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url('../img/top.svg');
    background-size: auto 12px;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
    cursor: pointer;
}

@media screen and (min-width: 1025px) {
    .fixed-right .box:hover .obtain{
        background-image: url('../img/fixed-1-on.svg');
    }
    .fixed-right .box:hover .tel{
        background-image: url('../img/fixed-2-on.svg');
    }
    .fixed-right .box:hover .form{
        background-image: url('../img/fixed-3-on.svg');
    }
    .fixed-right .box:hover .ewm{
        background-image: url('../img/fixed-4-on.svg');
    }

    .fixed-right .box:hover{
        border-radius: 10px;
        background-color: #9a14ca;
    }
    .fixed-right .box:hover .t{ color:#ffffff;}
    .fixed-right .box:hover .hide {
        opacity: 1;
        visibility: visible;
    }
}


@media screen and (max-width: 1680px){
    .inservice .servicebox .service-item .description{ width:90%; grid-gap: 20px 10px;}
}

@media screen and (max-width: 1560px){
    .target .f58{ font-size:50px;}
    .target .f38{ font-size:34px;}
    .target .f64{ font-size:56px;}
    .target .f42{ font-size:36px;}
    
    .inservice .servicebox .service-item .title{ font-size:32px;}
    
    .pagestrength .strength .item{padding: 55px 35px 185px;}
    .pagestrength .strength .item .title{ font-size:34px;}
    .pagestrength .strength .item .txt{ margin-top:30px;}
    .pagestrength .strength .item .iconfont{bottom:55px; font-size:80px;}
    
    .pagepartner .numbox .num{ font-size:160px;}
    
    .pageservice .servicelist .serviceitem .servicetext .txt{font-size:48px;}
    
    .pagecese .casetest{grid-gap: 25px;}
    .pagecese .casetest .item .title{ font-size:24px;}
    .showcase .casebox .content .title{ font-size:38px;}
     
    .pagenews .newstest .item .text .title{ font-size:28px;}
    .shownews .newsdetail .title{ font-size:46px;}
    
    .pagecontact .pagedemand .demandbox .txtbox .txt{ font-size:50px;}
    .pagecontact .pagedemand .demandbox .txtbox .desc{ font-size:28px;}
    .pagecontact .pagedemand .demandbox .demand .subtitle .p1{ font-size:32px;}
    
    .PageVrshow .Vrshow{font-size: 38px;}
    .PageVrshow .Vrcon .circle{ width: 550px;height: 550px;position: relative;margin: 50px auto 0;}
    .PageVrshow .Vrcon .circle1 {width: 100%;}
    .PageVrshow .Vrcon .circle2 {width: 482px;top: 34px;left: 34px;}
    .PageVrshow .Vrcon .circle3 {width: 440px;top: 55px;left: 55px;}
    .PageVrshow .Vrcon .circle4 {width: 382px;top: 85px;left: 85px;}
    .PageVrshow .Vrcon .circle5 {width: 160px;top: 195px;left: 195px;}
    .PageVrshow .Vrcon .circle6 {width: 132px;top: 209px;left: 209px;}
    .PageVrshow .Vrcon .circle7 {width: 382px;top: 85px;left: 85px;}
    .tab_content .child:nth-of-type(1){ top:20px; }
    .tab_content .child:nth-of-type(2){ top:200px; }
    .tab_content .child:nth-of-type(3){ top:390px; }
    .tab_content .child:nth-of-type(4){top:20px;}
    .tab_content .child:nth-of-type(5){top:200px; }
    .tab_content .child:nth-of-type(6){ top:390px;}
    .PageVral .Vral{font-size: 38px;}
    .PageVrzj .Vrzj{font-size: 38px;}
}

@media screen and (max-width: 1440px){
    .target .f58{ font-size:42px;}
    .target .f38{ font-size:30px;}
    .target .f64{ font-size:50px;}
    .target .f42{ font-size:32px;}
    
    .inservice{padding:80px 0;}
    .inservice .servicebox .service-item{ padding:40px 30px;}
    .inservice .servicebox .service-item .title{ font-size:28px;}
    .inservice .servicebox .service-item .description{ width:100%;margin-top: 30px;}
    
    .inabout{padding:100px 0;}
    .inabout .more{ padding-top:110px;}
    .incase{ padding:80px 0;}
    .incase .casebox{grid-gap: 30px} 
    
    .innews{ padding:80px 0;}
    .innews .newsbox{grid-gap: 25px;}
    .innews .newsbox .item .tiitle{ font-size:22px; line-height:30px; height:60px;}
    
    .pageabout .number .item .T .timer{ font-size:70px;}
    .pagepartner .numbox .num{font-size:140px;}
    
    .showcase .container{padding: 0px 8vw;}
    
    .pageservice .servicelist .serviceitem .servicetext .txt{ font-size:42px;}
    .pagenews .newstest .item .date .day{ font-size:50px;}
    .shownews .newsdetail .title{ font-size:42px;}
    
    .pagecontact .pagedemand .demandbox .txtbox .txt{ font-size:45px;}
    .pagecontact .pagedemand .demandbox .txtbox .desc{ font-size:24px;}
    .pagecontact .pagedemand .demandbox .demand .subtitle .p1{ font-size:28px;}
    .pagecontact .contactbox .contacttxt .contactup .amu .cont{ font-size:25px;}
    .pagecontact .contactbox .contacttxt .contactup .amu .cont a{font-size:25px;}
    .pagecontact .contactMap{ height:45vh;}
    
    .footer .footcont .left .text{ font-size:36px;}
    .footer .footcont .right .text .number a{ font-size:42px;}
    
    .PageVrshow .Vrshow{font-size: 32px;}
    .PageVrshow .Vrcon .circle{ width: 500px;height: 500px;position: relative;margin: 50px auto 0;}
    .PageVrshow .Vrcon .circle1 {width: 100%;}
    .PageVrshow .Vrcon .circle2 {width: 439px;top: 25px;left: 25px;}
    .PageVrshow .Vrcon .circle3 {width: 400px;top: 50px;left: 50px;}
    .PageVrshow .Vrcon .circle4 {width: 348px;top: 76px;left: 76px;}
    .PageVrshow .Vrcon .circle5 {width: 145px;top: 177.5px;left: 177.5px;}
    .PageVrshow .Vrcon .circle6 {width: 120px;top: 189px;left: 189px;}
    .PageVrshow .Vrcon .circle7 {width: 348px;top: 76px;left: 76px;}
    .tab_content .child:nth-of-type(1){ top:10px; }
    .tab_content .child:nth-of-type(2){ top:180px; }
    .tab_content .child:nth-of-type(3){ top:360px;}
    .tab_content .child:nth-of-type(4){ top:10px;}
    .tab_content .child:nth-of-type(5){ top:180px;}
    .tab_content .child:nth-of-type(6){ top:360px; }
    .PageVral .Vral{font-size: 32px;}
    .PageVrzj .Vrzj{font-size: 32px;}
    
}

@media screen and (max-width: 1280px){
    .target .f58{ font-size:38px;}
    .target .f38{ font-size:28px;}
    .target .f64{ font-size:45px;}
    .target .f42{ font-size:28px;}
    
    .PageVrshow{padding: 0 0 80px;}
    .PageVrshow .Vrshow{font-size: 30px;}
    .PageVrshow .Vrcon .circle{ width: 450px;height: 450px;position: relative;margin: 70px auto;}
    .PageVrshow .Vrcon .circle1 {width: 100%;}
    .PageVrshow .Vrcon .circle2 {width: 394px;top: 28px;left: 28px;}
    .PageVrshow .Vrcon .circle3 {width: 360px;top: 45px;left: 45px;}
    .PageVrshow .Vrcon .circle4 {width: 314px;top: 68px;left: 68px;}
    .PageVrshow .Vrcon .circle5 {width: 130px;top: 160px;left: 160px;}
    .PageVrshow .Vrcon .circle6 {width: 108px;top: 171px;left: 171px;}
    .PageVrshow .Vrcon .circle7 {width: 314px;top: 68px;left: 68px;}
    .tab_content .child:nth-of-type(1){ top:-15px; left: 8%;}
    .tab_content .child:nth-of-type(2){ top:180px; left: 4%;}
    .tab_content .child:nth-of-type(3){ top:360px; left: 8%;}
    .tab_content .child:nth-of-type(4){ top:-15px; right: 8%; }
    .tab_content .child:nth-of-type(5){ top:180px; right: 4%; }
    .tab_content .child:nth-of-type(6){ top:360px; right: 8%; }
    .PageVral{ padding:80px 0;}
    .PageVral .Vral{font-size: 30px;}
    .PageVral .Vralc ul li .vr-c{padding:15px 3%}
    .PageVrzj{ padding:80px 0;}
    .PageVrzj .Vrzj{font-size: 30px;}
}

@media screen and (max-width: 1200px){
    .target .f58{ font-size:35px;}
    .target .f38{ font-size:24px;}
    .target .f64{ font-size:40px;}
    .target .f42{ font-size:24px;}
    .header{height:70px;}
    .header .r .nav{ display:none;}
    .header .menuhandler{ margin:0 20px}
    .menubox .menutop{ height:70px;}
    .menubox .menucont .right a{font-size:28px;}
    .menubox .menucont .left .leftitem .tel{ font-size:25px;}
    .menubox .menucont .left .leftitem .add{ font-size:20px;}
    .banner{ height:100%;}
    .inservice{ padding:60px 0;}
    .inservice .servicebox{margin-top:45px;grid-gap: 20px; grid-template-columns: repeat(1, 1fr);}
    .inservice .servicebox .service-item {padding: 30px 20px;}
    .inservice .servicebox .service-item .title{ font-size:24px;}
    .inservice .servicebox .service-item .pic{ width:25%;}
    
    .inabout {padding: 80px 0;}
    .inabout .aboutbox{margin-top: 30px;font-size: 20px;}
    .inabout .more{ padding-top:70px;}
    
    .incase{ padding:60px 0;}
    .incase .casebox{grid-gap: 15px;margin-top:45px;} 
    .incase .casebox .item{ padding:6px;}
    .incase .casebox .item .type{margin: 10px 0 8px 0;}
    .incase .casebox .item .type span{ padding:0 10px;margin-right: 6px;}
    
    .innews{padding:60px 0;}
    .innews .newsbox{grid-gap: 20px;margin-top:45px;}
    .innews .newsbox .item{padding: 30px 20px;}
    .innews .newsbox .item .tiitle{ font-size:18px;}
    .innews .newsbox .item .moretime .more{ font-size:15px;}
    
    .inmessage{padding:60px 0;}
    .inmessage .message{ margin-top:45px;}
    .inmessage .message .myformbox{grid-gap: 20px;}
    .inmessage .message .myformbox .text{ padding:12px;}
    
    .footer .footcont{ padding:50px 0;}
    .footer .footcont .left .text{ font-size:28px;}
    .footer .footcont .right .text .number a{ font-size:36px;}
    .footer .footcont .left .plan{ font-size:16px;}
    .footer .footcont .left .plan a{font-size:16px; margin-right:10px;}
    .footer .footcont .left .links{ font-size:16px;}
    .footer .footcont .left .links a{font-size:16px; margin-right:10px;}
    
    
    .pbanner{ height:180px;}
    
    .pageabout .aboutcont{ padding:0 0 110px; background:linear-gradient(to bottom,transparent 0%, transparent 200px, #f3f4f9 200px,#f3f4f9 calc(100% - 220px),transparent calc(100% - 220px),transparent 100% );}
    .pageabout .abouttxt{ font-size:18px;}
    .pageabout .number{ margin-top:50px; padding: 40px 30px;}
    .pageabout .number .item .T .timer{ font-size:58px;}
    .pageabout .number .item .T .num{ font-size:24px;}
    
    .pagestrength{ padding:60px 0;}
    .pagestrength .strength{grid-gap: 20px}
    .pagestrength .strength .item{padding:30px 20px 140px;}
    .pagestrength .strength .item .title{font-size:26px;}
    .pagestrength .strength .item .txt{margin-top:20px; font-size:16px;}
    .pagestrength .strength .item .iconfont{bottom:30px; font-size:65px;}
    
    .pagepartner .numbox .num{ font-size:110px;}
    .pagepartner{ padding-bottom:60px;}
    .pagepartner .partnerlogo .item{grid-gap: 15px; margin-bottom: 15px;}
    .pagepartner .partnerlogo .item span{padding:15px;}
    
    .pageservice .servicelist .serviceitem{ padding:80px 0;}
    .pageservice .servicelist .serviceitem .servicetext .txt{ font-size:32px;}
    .pageservice .servicelist .serviceitem .servicetext .desc{ font-size:18px;}
    .pageservice .servicelist .serviceitem .servicetext .servicebox{margin-top:40px; grid-gap: 15px;}
    .pageservice .servicelist .serviceitem .servicetext .servicebox .item p{ font-size:18px;}
    
    .pagecese{ padding:0 0 60px;}
    .pagecese .casetest{ margin-top:50px;grid-gap: 15px;}
    .pagecese .casetest .item .title{ font-size:20px;}
    .pagecese .casetest .item .type{ margin:10px 0 0;}
    .pagecese .casetest .item .type span{padding: 0 10px; margin-right: 6px;}
    .pagecese .casetest .item .cont{ padding: 0 15px 15px 15px;}
    .showcase .casebox .content .title{ font-size:30px;}
    .showcase .casebox .content .more a span{ font-size:16px;}
    .showcase .casebox .content .more a{padding: 0px 10px 0px 15px}
    
    .pagenews .newsnav .item a{ font-size:20px;}
    .pagenews .newstest .item{ padding:30px 0;}
    .pagenews .newstest .item .date .day{ font-size:38px;}
    .pagenews .newstest .item .date .year{ font-size:18px;}
    .pagenews .newstest .item .text .title{ font-size:22px;}
    .pagenews .newstest .item .text .content{ margin-top:20px;}
    .shownews .newsdetail .title{font-size:32px;}
    .shownews .newsdetail .newsdetailbox .sharelabel{ width:24%;}
    .shownews .newsdetail .contentdateil{ padding-left:30px;}
    .shownews .newsdetail .newsdetailbox{ padding:30px;}
    
    .pagecontact .pagedemand .demandbox{margin-top:50px;}
    .pagecontact .pagedemand .demandbox .txtbox{ padding:40px 20px;}
    .pagecontact .pagedemand .demandbox .txtbox .txt{ font-size:35px;}
    .pagecontact .pagedemand .demandbox .demand{padding:40px 20px;}
    .pagecontact .pagedemand .demandbox .demand .subtitle .p1{ font-size:24px;}
    .pagecontact .pagedemand .demandbox .demand .subtitle .p2{ font-size:16px;}
    .pagecontact .pagedemand .demandbox .demand .myformbox{ margin-top:30px;}
    .pagecontact .contactbox .contacttxt{padding-bottom:60px;}
    .pagecontact .contactbox .contacttxt .contactup{ padding:30px 20px;}
    .pagecontact .contactbox .contacttxt .contactup .amu .cont{ font-size:22px;}
    .pagecontact .contactbox .contacttxt .contactup .amu .cont a{ font-size:22px;}
    
    .PageVrshow{padding: 0 0 60px;}
    .PageVrshow .Vrshow{font-size: 28px;}
    .PageVrshow .Vrcon .circle{width: 430px;height: 430px;position: relative;margin: 70px auto;}
    .PageVrshow .Vrcon .circle1{width: 100%;}
    .PageVrshow .Vrcon .circle2{width: 378px;top: 26px;left: 26px;}
    .PageVrshow .Vrcon .circle3{width: 344px;top: 43px;left: 43px;}
    .PageVrshow .Vrcon .circle4{width: 300px;top: 65px;left: 65px;}
    .PageVrshow .Vrcon .circle5{width: 124px;top: 153px;left: 153px;}
    .PageVrshow .Vrcon .circle6{width: 102px;top: 164px;left: 164px;}
    .PageVrshow .Vrcon .circle7{width: 314px;top: 68px;left: 68px;}
    .tab_content .child:nth-of-type(1){top:-30px; left: 2%;}
    .tab_content .child:nth-of-type(2){top:150px; left: -2%;}
    .tab_content .child:nth-of-type(3){top:330px; left: 2%;}
    .tab_content .child:nth-of-type(4){top:-30px; right: 2%; }
    .tab_content .child:nth-of-type(5){top:150px; right: -2%; }
    .tab_content .child:nth-of-type(6){top:330px; right: 2%; }
    .PageVral{ padding:60px 0;}
    .PageVral .Vral{font-size: 28px;}
    .PageVral .Vralc ul{grid-template-columns: repeat(3, 1fr);}
    .PageVral .Vralc ul li:last-child,.PageVral .Vralc ul li:nth-last-child(2){ display:none;}
    .PageVral .Vralc ul li .vr-c{padding:10px 3%}
    .PageVral .Vralc ul li .vr-c .vr-tit{ font-size: 18px; }
    .PageVrzj{ padding:60px 0;}
    .PageVrzj .Vrzj{font-size: 28px;}
    .PageVrzj .Vrzjc ul li b{ font-size:18px;}
    
    .pupdemandmain .pupdemandbox .pupdemand .subtitle .p1{ font-size:28px;}
    .pupdemandmain .pupdemandbox .pupdemand .subtitle .p2{ font-size:16px;}
    .pupdemandmain .pupdemandbox .pupdemand{ padding:30px;}
    .pupdemandmain .pupdemandbox .txtbox{ padding:40px 20px;}
    .pupdemandmain .pupdemandbox .title{ font-size:25px; line-height:35px;}
    .pupdemandmain .pupdemandbox .pupdemand .myformbox{ margin-top:20px;}
    .pupdemandmain .pupdemandbox .pupdemand .myformbox .text{ line-height:30px; padding: 5px 7px;}
    .pupdemandmain .pupdemandbox .pupdemand .myformbox .text img{ width:90px !important; height:30px !important;}
    .pupdemandmain .pupdemandbox .pupdemand .myformbox .text input{ font-size:14px;}
    .pupdemandmain .pupdemandbox .pupdemand .myformbox .text .iconfont{ font-size:14px; margin-right: 5px;}
    .pupdemandmain .pupdemandbox .pupdemand .myformbox .inputcheck .title{ font-size:18px;}
    .pupdemandmain .pupdemandbox .pupdemand .myformbox .inputcheck .check{ margin: 5px 5px 0px 0px;}
    .pupdemandmain .pupdemandbox .pupdemand .myformbox .myformbtn{ margin-top:30px;}
    .pupdemandmain .pupdemandbox .pupdemand .myformbox .myformbtn .button{padding: 5px 7px; line-height: 30px; font-size:16px;}
    
}


@media screen and (max-width: 900px){
    .container{padding: 0px 3vw;}
    
    .target .f58{ font-size:24px;}
    .target .f38{ font-size:20px;}
    .target .f64{ font-size:25px;}
    .target .f42{ font-size:22px;}
    
    .placeholder{ height:65px;}
    .header{height:65px;background:#ffffff; box-shadow: 0 0 20px rgba(0, 0, 0, .15);}
    .header .menuhandler{ margin:0 8px;}
    .header.headerUp{top:0;}
    .header .l .logo span{ font-size:25px;}
    .header .r .demandbtn{ padding:6px 10px; font-size:15px;}
    .header .l .logo span{background: linear-gradient(130deg, #fd057d, #9a14ca);-webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;}
    .aheader .l .logo span{ background: linear-gradient(130deg, #b21ae8, #b21ae8);-webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
    .sheader .l .logo span{ background: linear-gradient(130deg, #47a595, #47a595);-webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
    .cheader .l .logo span{ background: linear-gradient(130deg, #e14e6a, #e14e6a);-webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
    .nheader .l .logo span{ background: linear-gradient(130deg, #1677ff, #1677ff);-webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
    .lheader .l .logo span{ background: linear-gradient(130deg, #f77b55, #f77b55);-webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
    .vheader .l .logo span{ background: linear-gradient(130deg, #fd057d, #9a14ca);-webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
    .caseshow .l .logo span{ background: linear-gradient(130deg, #fd057d, #e14e6a);-webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
    .header .menuhandler span,.header .menuhandler span::before, .header .menuhandler span::after{ background:#333333;}
    .banner .bannerpage .autoplay-progress-bar{ width:30px;margin: 0 5px;}
    .banner .bannerpage .bannerbtns{margin: 0 10px;}
    .banner .bannerpage .bannerbtns .banner-prev, .banner .bannerbtns .banner-next{ width:20px; height:20px; font-size:10px; margin:0 3px;}
    .banner .bannerpage .bannernum .swiper-pagination .swiper-pagination-current{ font-size:16px;}
    .banner .bannerpage .bannernum .swiper-pagination{ font-size:14px;}
    .banner .bannerpage{bottom:10px;}
    
    .menubox .menutop .menulogo span{ font-size:25px;}
    .menubox .menutop{ height:65px;}
    .menubox .menucont{ padding-top:40px;}
    .menubox .menucont .right{ width:25%;padding-left: 20px;}
    .menubox .menucont .right a{ font-size:20px;}
    .menubox .menucont .left{max-width:65%;}
    .menubox .menucont .left .leftitem{ margin-bottom:40px;}
    .menubox .menucont .left .leftitem .tel{ font-size:20px;}
    .menubox .menucont .left .leftitem .add{ font-size:18px;}
    
    .inservice .servicebox .service-item {padding: 20px 15px;}
    .inservice .servicebox .service-item .title{font-size:20px;}
    .inservice .servicebox .service-item .description{margin-top:20px;grid-gap: 15px; grid-template-columns: repeat(2, 1fr);}
    .inservice .servicebox .service-item .description p{font-size:16px;}
    .inservice .servicebox .service-item .description p span{font-size:16px;}
    .inservice .servicebox .service-item .pic{width:45%;}
    
    .inabout{ padding:60px 0;}
    .inabout .aboutbox{ width:100%; font-size:17px;}
    .inabout .ten img{ width:120%;}
    .inabout .more{ padding-top:35px;}
    .inabout .more a{ height:42px;padding: 0px 10px 0px 15px;}
    .inabout .more a i{margin-left:10px; height:30px; width:30px; font-size:15px;}
    .inabout .more a span{ font-size:16px;}
    
    .incase .casebox{grid-template-columns: repeat(2, 1fr); grid-gap: 10px;}
    .incase .casebox .item:last-child{display:none;}
    .incase .casebox .item .type span{padding: 0 7px; margin-right: 5px;height: 32px; line-height: 32px}
    
    .innews .newsbox{ grid-template-columns: repeat(2, 1fr);}
    .innews .newsbox .item {padding: 20px 15px;}
    .innews .newsbox .item .tiitle{line-height:26px; height:52px;}
    .innews .newsbox .item .moretime{ margin-top:25px;}
    .innews .explore{padding-top:30px;}
    .innews .explore a{ height:42px;padding: 0px 10px 0px 15px;}
    .innews .explore a i{margin-left:10px; height:30px; width:30px; font-size:15px;}
    .innews .explore a span{ font-size:16px;}
    
    .inmessage{ padding:45px 0;}
    .inmessage .message{margin-top:30px;}
    .inmessage .message .myformbox{grid-gap: 10px; grid-template-columns: repeat(2, 1fr)}
    .inmessage .message .myformbox .text{ padding:10px 7px;}
    .inmessage .message .myformbox .text .iconfont{ font-size:14px; margin-right:5px;}
    .inmessage .message .myformbox .text input{ font-size:14px;}
    .inmessage .message .myformbox .button{ font-size:16px;}
    
    .footer .footcont{ padding:45px 0;flex-direction: column;}
    .footer .footcont .left{ width:100%;}
    .footer .footcont .left .text{ font-size:22px;}
    .footer .footcont .left .plan{ font-size:15px; padding: 10px 0;}
    .footer .footcont .left .plan a{ font-size:15px;}
    .footer .footcont .left .links{font-size:15px;}
    .footer .footcont .left .links a{font-size:15px; line-height:28px;}
    .footer .footcont .right{ width:100%; margin-top:20px;}
    .footer .footcont .right .text{ margin-bottom:10px;}
    .footer .footcont .right .text .tit{ font-size:17px;margin-bottom: 5px;}
    .footer .footcont .right .text .number a{ font-size:28px;}
    .footer .copyright{ padding:20px 0; font-size:15px;}
    .footer .copyright a{ font-size:15px;}
    
    .pbanner{height: 100px;}
    .servicecolor-base,.abootcolor-base,.casecolor-base,.newscolor-base,.contactcolor-base,.vrcolor-base{ top:0;}
    .pbanner-bg{ padding-bottom:100px;}
    .pabout{background: linear-gradient(to bottom,#f3f4f9 0%,#f3f4f9 400px,transparent 400px,transparent 100%);}
    .pageabout .aboutcont{padding: 0 0 70px; background: linear-gradient(to bottom, transparent 0%, transparent 200px, #f3f4f9 200px, #f3f4f9 calc(100% - 140px), transparent calc(100% - 140px), transparent 100%);}
    .pageabout .aboutbox .pagepic{top: 40vw;}
    .pageabout .aboutbox .pagepic img{ width:100%}
    .pageabout .abouttxt{margin-top:20px; font-size: 16px;}
    .pageabout .number{ margin-top:20px; padding:20px;grid-template-columns: repeat(2, 1fr);}
    .pageabout .number .item .T .timer{ font-size:32px;}
    .pageabout .number .item .T .num{ font-size:16px;}
    .pageabout .number .item .c{margin-top:5px; font-size:15px;}
    
    .pagestrength .strength{grid-template-columns: repeat(1, 1fr);}
    .pagestrength .strength .item{ padding:20px 20px 100px;}
    .pagestrength .strength .item .title{ font-size:22px;}
    .pagestrength .strength .item .iconfont{bottom:20px; font-size:45px;}
    
    .pagepartner{ padding-bottom:60px;}
    .pagepartner .top{ flex-direction:column; align-items: normal;}
    .pagepartner .numbox .num{ font-size:65px;}
    .pagepartner .partnerslogan{margin-top:10px; margin-left:0;}
    .pagepartner .partnerlogo{ margin-top:30px;}
    .pagepartner .partnerlogo .item{grid-gap: 10px; margin-bottom:10px;}
    .pagepartner .partnerlogo .item span{ padding:10px;}
    .pagepartner .partnerlogo .item span img{ width:80px;}
    
    .pageservice .servicelist .serviceitem{ padding:60px 0;}
    .pageservice .servicelist .serviceitem.active{ position:relative !important;}
    .pageservice .servicelist .serviceitem .container{ flex-direction:column;}
    .pageservice .servicelist .serviceitem .servicetext{ width:100%} 
    .pageservice .servicelist .serviceitem .serviceimg{ width:100%; margin-top:20px;}
    .pageservice .servicelist .serviceitem .servicetext .txt{ font-size:22px;}
    .pageservice .servicelist .serviceitem .servicetext .desc{ font-size:16px;}
    .pageservice .servicelist .serviceitem .servicetext .servicebox{margin-top: 20px; grid-gap: 10px;}
    .pageservice .servicelist .serviceitem .servicetext .servicebox .item{ line-height:30px;}
    .pageservice .servicelist .serviceitem .servicetext .servicebox .item p{margin-left:5px; font-size:16px;}
    
    .pagecese .casetest{grid-gap: 10px; grid-template-columns: repeat(2, 1fr);}
    .pagecese .casetest .item .type span{padding: 0 7px; margin-right: 5px;height: 32px; line-height: 32px}
    .pagecese .casetest .item .title{ font-size:18px;}
    .showcase{ padding:0 0 60px;}
    .showcase .casebox{ padding: 90px 0 100px; flex-direction:column;}
    .showcase .casebox .content{ width:100%;}
    .showcase .casebox .content .title{ font-size:24px;}
    .showcase .casebox .content .desc{ margin-top:10px;}
    .showcase .casebox .content .more a{ height:42px;padding: 0px 10px 0px 15px;}
    .showcase .casebox .content .more a i{margin-left:10px; height:30px; width:30px; font-size:15px;}
    .showcase .casebox .content .more a span{ font-size:16px;}
    .showcase .casebox .servicebox{ width:100%; margin-top:20px;}
    .showcase .casebox .servicebox .list{ padding:10px 0;}
    .showcase .container{ padding:0 4vw;}
    .showcase .casedetail{ margin-top:-60px; padding:10px;}
    
    .pagenews{ padding:0 0 60px;}
    .pagenews .newsnav{ margin-top:50px;}
    .pagenews .newsnav .item{ margin-right:20px;}
    .pagenews .newsnav .item a{ font-size:18px;}
    .pagenews .newstest{ margin-top:30px;}
    .pagenews .newstest .item{ padding:20px 0;}
    .pagenews .newstest .item .newscont { width: calc(100% - 35%);}
    .pagenews .newstest .item .date{width:80px;}
    .pagenews .newstest .item .text {width: calc(100% - 100px);}
    .pagenews .newstest .item .text .title{ font-size:20px;}
    .pagenews .newstest .item .text .content{ font-size:16px;line-height: 26px; height: 52px;}
    .pagenews .newstest .item .img{ width:32%;}
    .shownews{ padding:100px 0 60px;}
    .shownews .crumbs{ font-size:15px;}
    .shownews .newsdetail .title{font-size:24px;}
    .shownews .newsdetail .sourcetimebox{ margin-top:30px; height: 60px; padding: 0px 20px;}
    .shownews .newsdetail .newsdetailbox{ padding:20px;}
    .shownews .newsdetail .newsdetailbox .sharelabel .hotlabel .title{ font-size:20px;}
    .shownews .newsdetail .newsdetailbox .sharelabel .hotlabel .list a{ font-size:16px; padding: 0 0 20px; margin-bottom: 20px}
    .shownews .newsdetail .newsdetailbox .sharelabel .newsdateilshare .title{ font-size:18px;}
    .shownews .newsdetail .newsdetailbox .sharelabel .newsdateilshare .detailShare a{font-size: 17px; width: 35px; height: 35px;}
    .shownews .newsdetail .paging_nav{ margin-top:30px;padding:15px 10px;}
    .shownews .newsdetail .paging_nav a{font-size: 15px; padding:0 10px;}
    .shownews .newsdetail .contentdateil{padding-left: 20px;}
    .shownews .newsdetail .contentdateil .content{ font-size:16px;}
    
    .pagecontact .pagedemand .demandbox .txtbox .txt{ font-size:26px;}
    .pagecontact .pagedemand .demandbox .txtbox{width:32%; padding:30px 20px;}
    .pagecontact .pagedemand .demandbox .txtbox .desc{ font-size:18px;}
    .pagecontact .pagedemand .demandbox .demand{padding:30px 20px;}
    .pagecontact .pagedemand .demandbox .demand .myformbox .text{line-height: 30px; padding: 5px 7px;}
    .pagecontact .pagedemand .demandbox .demand .myformbox .text .iconfont,.pagecontact .pagedemand .demandbox .demand .myformbox .text input{margin-right: 5px; font-size:14px;}
    .pagecontact .pagedemand .demandbox .demand .myformbox .textbox{ grid-gap: 10px;}
    .pagecontact .pagedemand .demandbox .demand .myformbox .text img{width: 70px !important; height: 25px !important;}
    .pagecontact .pagedemand .demandbox .demand .myformbox .button{font-size:16px;line-height: 30px; padding: 5px 7px;}
    .pagecontact .contactbox .contacttxt .contactup{ padding:20px; margin-top:-50px;}
    .pagecontact .contactbox .contacttxt .contactup .amu .iconfont{ width:50px; height:50px; font-size:20px;}
    .pagecontact .contactbox .contacttxt .contactup .amu .cont a,.pagecontact .contactbox .contacttxt .contactup .amu .cont{ font-size:18px;}
    .pagecontact .pagedemand{padding: 0 0 100px;background:linear-gradient(to bottom,transparent 0%, transparent 200px, #ffffff 200px,#ffffff calc(100% - 200px),transparent calc(100% - 200px),transparent 100% )}
    .pagecontact .contactMap{ height:320px;}
    
    .PageVrshow{padding: 0 0 60px;}
    .PageVrshow .Vrshow{font-size: 24px;}
    .PageVrshow .Vrcon .circle{width: 430px;height: 430px;position: relative;margin: 50px auto;}
    .PageVrshow .Vrcon .circle1{width: 100%;}
    .PageVrshow .Vrcon .circle2{width: 378px;top: 26px;left: 26px;}
    .PageVrshow .Vrcon .circle3{width: 344px;top: 43px;left: 43px;}
    .PageVrshow .Vrcon .circle4{width: 300px;top: 65px;left: 65px;}
    .PageVrshow .Vrcon .circle5{width: 124px;top: 153px;left: 153px;}
    .PageVrshow .Vrcon .circle6{width: 102px;top: 164px;left: 164px;}
    .PageVrshow .Vrcon .circle7{width: 314px;top: 68px;left: 68px;}
    .tab_content{ display:grid; grid-gap: 20px;grid-template-columns: repeat(2, 1fr);}
    .tab_content .child:nth-of-type(1){position: relative;text-align: center;top: 0;left: 0;width: 100%;margin: 0 auto;}
    .tab_content .child:nth-of-type(2){position: relative;text-align: center;top: 0;left: 0;width: 100%;margin: 0 auto;}
    .tab_content .child:nth-of-type(3){position: relative;text-align: center;top: 0;left: 0;width: 100%;margin: 0 auto;}
    .tab_content .child:nth-of-type(4){position: relative;text-align: center;top: 0;left: 0;width: 100%;margin: 0 auto;}
    .tab_content .child:nth-of-type(5){position: relative;text-align: center;top: 0;left: 0;width: 100%;margin: 0 auto;}
    .tab_content .child:nth-of-type(6){position: relative;text-align: center;top: 0;left: 0;width: 100%;margin: 0 auto;}
    .PageVral{ padding:60px 0;}
    .PageVral .Vral{font-size: 24px;}
    .PageVral .Vralc ul{grid-template-columns: repeat(2, 1fr);grid-gap: 10px;}
    .PageVral .Vralc ul li:last-child,.PageVral .Vralc ul li:nth-last-child(2){ display:none;}
    .PageVral .Vralc ul li .vr-c{padding:10px 3%}
    .PageVral .Vralc ul li .vr-c .vr-tit{ font-size: 18px; }
    .PageVrzj{ padding:60px 0;}
    .PageVrzj .Vrzj{font-size: 24px;}
    .PageVrzj .Vrzjc ul{grid-template-columns: repeat(2, 1fr);grid-gap: 20px;}
    .PageVrzj .Vrzjc ul li b{ font-size:18px;}
    
    .pupdemandmain .pupdemandbox{width:92vw; border-radius:10px;}
    .pupdemandmain .pupdemandbox .txtbox{ display:none;}
    .pupdemandmain .pupdemandbox .pupdemand{width:100%; border-radius:10px;padding:15px 10px;}
    .pupdemandmain .pupdemandbox .pupdemandclose{right:10px; top:10px;}
    .pupdemandmain .pupdemandbox .pupdemand .subtitle .p1{font-size:24px;}
    .pupdemandmain .pupdemandbox .pupdemand .subtitle .p2{font-size:15px;}
    .pupdemandmain .pupdemandbox .pupdemand .myformbox .textbox{grid-gap: 10px;}
    .pupdemandmain .pupdemandbox .pupdemand .myformbox .text img{width: 70px !important; height: 25px !important;}
    .pupdemandmain .pupdemandbox .pupdemand .myformbox .inputcheck{ margin-top:20px;}
    
}

@media screen and (max-width: 580px){
    .incase .casebox{grid-template-columns: repeat(1, 1fr);}
    .innews .newsbox{grid-template-columns: repeat(1, 1fr);}
    .pagecese .casetest{grid-template-columns: repeat(1, 1fr);}
    .showcase .casebox .content .title{font-size:22px;}
    .showcase .casebox .content .more a span{font-size:15px;}
    .showcase .casebox .content .more a{height:40px;}
    .showcase .casebox .content .more a i{width:28px; height:28px;}
    .showcase .casebox .servicebox .list .listTitle,.showcase .casebox .servicebox .list .desc{font-size:16px;}
    .pagenews .newstest .item a{flex-direction: column;}
    .pagenews .newstest .item .newscont{margin-top:10px; width:100%;order: 2;}
    .pagenews .newstest .item .date{ width:70px;}
    .pagenews .newstest .item .date .day{ font-size:25px;}
    .pagenews .newstest .item .date .year{ font-size:16px;}
    .pagenews .newstest .item .text .title{ font-size:18px;}
    .pagenews .newstest .item .text .content{margin-top:5px; font-size:15px;}
    .pagenews .newstest .item .img{ width:100%; order: 1;}
    .pagenews .newstest .item .text {width: calc(100% - 80px);}
    .shownews .newsdetail .title{ font-size:22px;}
    .shownews .newsdetail .sourcetimebox{ margin-top:20px; padding: 0px 10px;}
    .shownews .newsdetail .newsdetailbox{ margin-top:20px; flex-direction:column;}
    .shownews .newsdetail .newsdetailbox .sharelabel{margin-top:20px; width:100%;order: 2;border-right:none; padding-right:0;}
    .shownews .newsdetail .contentdateil{ width:100%;order: 1; padding-left: 0;}
    .shownews .newsdetail .paging_nav{ margin-top:20px; padding:15px 0;}
    .shownews .newsdetail .sourcetimebox .sourcetime p{ padding:0 10px;}
    .shownews .newsdetail .sourcetimebox .sourcetime p:last-child{ display:none;}
    .newspages{margin: 30px auto 0}
    .newspages li{ line-height:32px; height:35px;border-radius: 3px}
    .newspages li a{padding: 0 10px; font-size:15px;}
    
    .pagecontact .pagedemand .demandbox{flex-direction:column;}
    .pagecontact .pagedemand .demandbox .txtbox{ width:100%; padding: 20px}
    .pagecontact .pagedemand .demandbox .txtbox .txt{ font-size:22px;}
    .pagecontact .pagedemand .demandbox .txtbox .desc{ font-size:16px;}
    .pagecontact .pagedemand .demandbox .demand .subtitle .p1{ font-size:22px;}
    .pagecontact .contactbox .contacttxt .contactup{flex-direction:column;}
    .pagecontact .contactbox .contacttxt .contactup .amu{ margin-bottom:20px;}
    .pagecontact .contactbox .contacttxt .contactup .amu:last-child{ margin-bottom:0;}
    .pagecontact .contactbox .contacttxt .contactup .amu .txt{ margin-top:10px;}
    .pagecontact .contactMap{ height:280px;}
    
    .PageVrshow{padding:0 0 50px;}
    .PageVrshow .Vrcon .circle{ width: 90%;position: relative;margin: 40px auto; height: auto;}
    .PageVrshow .Vrcon .circle1{width: 100%;}
    .PageVrshow .Vrcon .circle2{width: 88%;top: 6%;left: 6%;}
    .PageVrshow .Vrcon .circle3{width: 80%;top: 10%;left: 10%;}
    .PageVrshow .Vrcon .circle4{width: 70%;top: 15%;left: 15%;}
    .PageVrshow .Vrcon .circle5{width: 28%;top: 36%;left: 36%;}
    .PageVrshow .Vrcon .circle6{width: 24%;top: 38%;left: 38%;}
    .PageVrshow .Vrcon .circle7{width: 70%;top: 15%;left: 15%;}
    .tab_content{grid-template-columns: repeat(1, 1fr);}
    .tab_content .child .item-title{font-size:16px;}
    .tab_content .child .img-block{width:50px !important; height:50px !important;}
    .tab_content .child .img-block span{font-size:20px; line-height:50px;}
    .PageVral{padding:50px 0;}
    .PageVral .Vralc{ margin-top:30px;}
    .PageVral .Vralc ul li .vr-c .vr-tit{ font-size:17px;}
    .PageVrzj{padding:50px 0;}
    .PageVrzj .Vrzjc ul li b{font-size:16px;}
    .PageVrzj .Vrzjc ul li p{font-size:15px; line-height:26px;}
    .PageVrzj .Vrzjc ul li .icon-bowuguan:before{font-size: 40px;}
    .PageVrzj .Vrzjc ul li .icon-lvyou:before{font-size: 40px;}
    .PageVrzj .Vrzjc ul li .icon-fangchan:before{font-size:40px;}
    .PageVrzj .Vrzjc ul li .icon-jiudian:before{font-size: 40px;}
    .PageVrzj .Vrzjc ul li .icon-dianshang:before{font-size: 40px;}
    .PageVrzj .Vrzjc ul li .icon-qiye:before{font-size: 40px;}
    .PageVrzj .Vrzjc ul li .icon-zhanlan:before{font-size: 40px;}
    .PageVrzj .Vrzjc ul li .icon-qchy:before{font-size: 40px;}
}