@charset "utf-8";


/* CSS Reset */
html{-webkit-text-size-adjust:none; }
body{overflow-x:hidden;margin:0; padding:0;background: #000; font-family:PingFang SC,Microsoft Yahei,Helvetica Neue,Arial;}
img {max-width: 100%;max-height:100%;margin: 0;padding: 0;border: 0;width: 100%;height: auto;}
header,nav,section,article,aside,footer {display: block;}
a{text-decoration:none;color:#222;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;} 
a * {-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.fullscreen,.fullscreen body {height: 100%;overflow: hidden}
.alltransition {-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.table {display: table;width: 100%;height: 100%;}
.table-cell {display: table-cell;vertical-align: middle;}
.pcshow { display:block;}
.mbshow { display:none!important;}
.left{ float:left;}
.right{ float:right;}
.clear { clear:both;}
.img {position: relative;overflow: hidden;}
.img-center {position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;display: block;width: auto!important;height: auto!important;z-index: 1;}
.img-block {display: block;width: 100%;height: auto;}
.img-inline {display: inline-block;width: auto;height: auto;}
::-webkit-scrollbar{height:4px; width:0px;background: #ccc;}
::-webkit-scrollbar-button{height:0; width:0}
input,select,textarea {-webkit-appearance: none;border-radius: 0;outline: none}
input[type="button"], input[type="submit"], input[type="reset"],input[type="text"],input[type="password"] {-webkit-appearance: none;}
* {touch-action:pan-y;}





/* header */
.xh-header {position:absolute;left: 0;top: 0;z-index: 900;width: 100%; transition:all .9s ease;}
.xh-content {width: 1200px;margin: auto;position: relative;}
.xh-header .xh-content {z-index: 999;height: 145px;overflow: hidden;}
.xh-logo {position: absolute;left:2%;top:50%;margin-top: -25px;width:360px;height:50px;z-index: 11;display: block;}
.xh-logo a {display: block;overflow: hidden;}
.xh-logo img.default {display: block;}
.xh-logo img.hover{display: none;}



 

/* footer */
.xh-footer {overflow: hidden;color: #fff;position: relative;padding-top: 110px;}
.xh-footer::before {content: '';width: 100%;height: 1px;background: #585b64;top: 18px;left: 0;position: absolute;z-index: 1;}
.xh-footer .xh-content {position: relative;overflow: hidden;}
.xh-footer-logo {position: absolute;left: 0;top: 12%;}
.xh-footer-logo a{display: block;width:173px;height: 119px;}
.xh-footer-right {float: right;width:66%;position: relative;}
.xh-footer-right li{list-style: none;margin-bottom: 30px;}
.xh-footer-right li:nth-child(5) {margin-bottom: 0;}
.xh-footer-right li a{color: #fff;font-size: 16px;line-height: 30px;font-weight: 300;position: relative;padding-left:150px;display: block;}
.xh-footer-right li a::before {content: '';width:19px;height: 11px;background:url('../images/jiantour.png');position: absolute;top:10px;left:0px;display: none;}
.xh-footer-right li a:hover::before {display: block;}
.xh-footer-right li a:hover {color: #28AEFF;font-weight: 800;}
.xh-footer-contact  li a {padding: 0;}
.xh-footer-contact {position: absolute;right: 0;bottom: 0;z-index: 3;}
.xh-footer-contact .add{color: #fff;font-size: 13px;font-weight: normal;opacity: .6;}
.xh-footer-contact li {margin-bottom: 20px;}
.xh-footer .box {position: absolute;top:0;right:20%; width: 88px;height: 18px;background: #263AFF;z-index: 1;cursor: pointer;transition:all .4s ease;}
.xh-footer .box:hover {background: #20a1dd;}
.niegoweb {display: block;font-size: 14px;color: #ccc;padding-top: 5px;}
.niegoweb a{font-size: 14px;color: #ccc;}




/* nav */
#cd-nav-container {position: fixed; z-index: 499; top: 0; left: 0; height: 100%; width: 100%; background:url('../images/navbg.jpg') center no-repeat;background-size: cover;-webkit-transform: translateX(-100%); transform: translateX(-100%); -webkit-transition: -webkit-transform 0.5s; -moz-transition: -moz-transform 0.5s; transition: transform 0.5s;}
.no-touch #cd-nav-container {-webkit-transform: translateX(0); transform: translateX(0); }
.cd-nav-trigger {width:50px;height:50px;display: block;overflow: hidden;}
/* .no-touch .cd-nav-trigger {background: #000;border-radius: 100%;} */
.xh-header .xh-content .xh-menu-toggle {position:absolute;right:15%;top:50%;margin-top: -25px; }
.xh-menu-toggle {display:block;width:50px;height:50px; position:fixed;right:19%;top:5%; z-index: 9999;overflow: hidden;}
.xh-menu-toggle span.hamburger {background:none!important;}
.xh-menu-toggle span.hamburger,
.xh-menu-toggle span.hamburger:after,
.xh-menu-toggle span.hamburger:before {content:"";display:block;width:24px;height:3px;background:#fff;position:absolute;top:50%;margin-top:-1px;left:50%;margin-left:-12px;-webkit-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-webkit-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);transition-delay:0.15s;}
.xh-menu-toggle span.hamburger,
.xh-menu-toggle span.hamburger:after,
.xh-menu-toggle span.hamburger:before {content:"";display:block;width:24px;height:3px;background:#fff;position:absolute;top:50%;margin-top:-1px;left:50%;margin-left:-12px;-webkit-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-webkit-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);transition-delay:0.15s;}
.xh-menu-toggle span.hamburger:after {margin-top:-5px;top:0;transition-delay:0.27s;}
.xh-menu-toggle span.hamburger:before {margin-top:5px;top:0;transition-delay:0.2s;}
.xh-menu-toggle span.cross:before,
.xh-menu-toggle span.cross:after {content:"";display:block;width:24px;height:3px;background:#fff;position:absolute;top:50%;margin-top:-1.5px;left:50%;margin-left:-12px;-webkit-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-webkit-transform:translateY(-70px) translateX(-70px) rotate(45deg);transform:translateY(-70px) translateX(-70px) rotate(45deg);transition-delay:0.12s;}
.xh-menu-toggle span.cross:after {transition-delay:0s;-webkit-transform:translateY(70px) translateX(-70px) rotate(-45deg);transform:translateY(70px) translateX(-70px) rotate(-45deg);}
.xh-menu-toggle span.cross:after {-webkit-transform:translateY(-70px) translateX(70px) rotate(-45deg);transform:translateY(-70px) translateX(70px) rotate(-45deg);}
.no-touch .xh-menu-toggle span.hamburger,
.no-touch .xh-menu-toggle span.hamburger:after,
.no-touch .xh-menu-toggle span.hamburger:before {transition-delay:0.12s;-webkit-transform:translateX(-70px);transform:translateX(-70px);}
.no-touch .xh-menu-toggle span.hamburger,
.no-touch .xh-menu-toggle span.hamburger:after,
.no-touch .xh-menu-toggle span.hamburger:before {-webkit-transform:translateX(70px);transform:translateX(70px);}
.no-touch .menu-toggle span.hamburger:after {transition-delay:0s;}
.no-touch .menu-toggle span.hamburger:before {transition-delay:0.07s;}
.no-touch .xh-menu-toggle span.cross:before {transition-delay:0.12s;-webkit-transform:rotate(45deg);transform:rotate(45deg);}
.no-touch .xh-menu-toggle span.cross:after {transition-delay:0.24s;-webkit-transform:rotate(-45deg) !important;transform:rotate(-45deg) !important;}

.xh-header-nav {font-size: 0;width: 900px;margin: 10% auto auto;position: relative;}
.xh-header-nav li{display: block;position: relative;padding:3% 0px 3% 50px;font-size: 0;}
.xh-header-nav li a{display: inline-block;color: #fff;font-size: 22px;font-weight: 300;}
.xh-header-nav li a::after {content: '';width: 28px;height: 16px;background:url('../images/Jt.png') left center no-repeat;position: absolute;top:50%;left:-50px;margin-top: -8px; transition:all .4s ease;opacity: 0;}
.xh-header-nav li.cur a{font-weight: 900;}
.xh-header-nav li.cur a::after{left:0;opacity: 1;}
.xh-header-nav li a:hover::after{left:0;opacity: 1;}
.xh-header-nav li a:hover {font-weight: 900;color: #28AEFF;}
.xh-header-contact {font-size: 14px;color: #fff;position: absolute;right: 20%;bottom: 4%;}
.xh-header-contact strong{font-size: 18px;}
.xh-header-contact p{opacity: .5;font-weight: 100;}




 
/* index */
.xh-index {overflow: hidden;}
.xh-index-content {position: relative;overflow: hidden;}
.absolute {position: absolute;}
.xh-index-content .text{color: #fff;text-align: justify;}
.xh-index-content .text-1{font-size: 58px;line-height: 62px;}
.xh-index-content .text-2{font-size: 18px;line-height: 30px;}
.xh-index-content .more-3{margin-top: 6%;clear: both;}
.xh-index-content .more-3 a {display: inline-block;padding-right: 35px;font-size: 14px;position: relative;color: #fff;}
.xh-index-content .more-3 a::after {content: '';background: url('../images/ljgd.png') center no-repeat;width: 25px;height:14px;position: absolute;right: 0;top:50%;margin-top: -7px;animation:leftright1 3000ms ease 0s infinite normal;}
@keyframes leftright1{0%{right: -20px;} 50%{right: 5px;}100%{right: -20px;}}

.xh-index-content .text .line {background: #263AFF;width: 43px;height: 13px;display: block;margin-top:5%;}
.xh-index-content .title-1 {position: relative;overflow: hidden;width: 100%; height: 100px;text-align: left;}
.xh-index-content .title-1 span {color: #15F5F2;position: absolute;left: 0;top: 0;z-index: 5;font-size:54px;letter-spacing: 3px;}
.xh-index-content .title-1.txtbg1 span:first-child{background: linear-gradient(to right, #15F5F2 80%, #1569f5 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.xh-index-content .title-1 span:nth-child(2) {color: #000;left: -3px;top: 1px;z-index: 4;text-shadow: #F82DDE 1px 0 0, #F82DDE 0 1px 0, #F82DDE -1px 0 0, #F82DDE 0 -1px 0;}
.xh-index-content .title-1 span:last-child {color: #000;left: 2px;top: 1px;z-index: 3;text-shadow: #5121F0 1px 0 0, #5121F0 0 1px 0, #5121F0 -1px 0 0, #5121F0 0 -1px 0;}
.xh-index-content .text-en2{position: relative;height: 40px;overflow: hidden;}
.xh-index-content .text-en2 span {font-size: 44px;position: absolute;left: 0;bottom: -23px;font-style: italic;font-weight: 600;letter-spacing: 3px;color: #fff;}
.xh-index-content .text-3 {font-size: 14px;line-height: 24px;font-weight: 100;padding: 10px 0;}

.xh-index-content .title-1 span.animate{animation:sandong1 100ms ease 3;}
.xh-index-content .title-1 span.animate:nth-child(2){animation:sandong1 100ms ease 4;}
.xh-index-content .title-1 span.animate:last-child{animation:sandong2 100ms ease 4;}
@keyframes sandong1{0%{left:0px;opacity: .2;}10%{left: 10px;}20%{left: 5px;}30%{left: 0px;}60%{left: 0px;opacity: .8;}70%{left: 0px;}80%{left: 0px;}100%{left: 0px;}}
@keyframes sandong2{0%{left:0px;}10%{left: 0px;}20%{left: 0px;opacity: .3;}30%{left: 0px;}60%{left: 0px;}70%{left: -5px;}80%{left: -10px;opacity: .7;}100%{left: 0px;}}


.title-y {overflow: hidden;width:80px; height:100%;text-align: left;z-index:30;position: absolute;left: 15%;top: 18%;}
.title-y span {color: #15F5F2;position: absolute;left: 0;top: 0;z-index: 5;font-size: 70px;line-height: 80px;}
.title-y span:nth-child(1) {background: linear-gradient(to bottom, #4db4f0 0%, #d133e5 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.title-y span:nth-child(2) {color: #000;left: -3px;top: 1px;z-index: 4;background:none;text-shadow: #F82DDE 1px 0 0, #F82DDE 0 1px 0, #F82DDE -1px 0 0, #F82DDE 0 -1px 0;}
.title-y span:last-child {color: #000;left: 2px;top: 1px;z-index: 3;background:none;text-shadow: #5121F0 1px 0 0, #5121F0 0 1px 0, #5121F0 -1px 0 0, #5121F0 0 -1px 0;}




 
.xh-index-1 {position: relative;overflow: hidden;}
.xh-index-1 .text{font-weight: 400;margin-left: 5%;}
.xh-index-1 .text.text-1{width: 85%;left:15%;top: 26%;z-index: 15;}
.xh-index-1 .text.text-1::before {content: '';width: 70px;height: 16px;background: #263AFF;margin-bottom:60px;display: block;}
.xh-index-1 .text.text-1 p {margin: 1% 0;}
.xh-index-1 .text.text-2{width: 450px;right:5%;top: 69%;z-index: 5;font-size: 18px;}
.xh-index-1 .jiantou-4 {background: url('../images/jiantouc.png') center bottom no-repeat;width: 8px;height:60px;display: block;position: absolute;left: 20%;top:63%;z-index: 6;opacity: .4;}
.xh-index-1 .img{position: relative;}
.xh-index-1 .img .pic1 {position: absolute;left: 50%;width: 863px;margin-left: -431.5px; top:10%;z-index: 1;display: none;}
.xh-index-1 .text.text-2::after {position: absolute;bottom: -150px;left: 0;animation:updown1 3000ms ease 0s infinite normal;}
@keyframes updown1{0%{bottom: -40px;} 50%{bottom: -70px;}100%{bottom: -40px;}}
#output {display: block;position: absolute;width: 100%!important;height: 100%!important;z-index: 1;left: 0;top: 0;}
.xh-index-1 .img .pic2 {position: absolute;left:0;width:100%;height: 101%;top:0;z-index: 3;text-align: center;}
.xh-index-1 .img .pic2 img {display:block;width: 100%;height: 100%;}


.xh-index-right1 {width: 38px;right: 5%;top:100%;z-index: 5;position: absolute;display: none;}
.xh-index-left1 {width: 38px;left: 5%;top:1%;z-index: 5;position: absolute;display: none;}
.xh-index-2 .absolute {width: 1100px;left: 50%;top: 24%;z-index: 5;margin-left: -580px;}
.xh-index-2 .text.text-1{position: relative;text-shadow: #fff 1px 0 0, #fff 0 1px 0, #fff -1px 0 0, #fff 0 -1px 0;color: #000;letter-spacing: -2px;font-size:60px;margin: 0;padding: 0; line-height: 90px;}
.xh-index-2 .text.text-1 h1 {font-weight: normal;text-shadow: #fff 1px 0 0, #fff 0 1px 0, #fff -1px 0 0, #fff 0 -1px 0;color: #000;font-size: 76px;margin: 0;padding: 0; line-height: 90px;}
.xh-index-2 .text.text-2{margin-top: 5%;padding-left: 3%;padding-top: 1%; position: relative;}
.xh-index-2 .text.text-2::after {content: '';background: url('../images/jiantouc.png') center no-repeat;width: 7px;height:130px;position: absolute;left: 0;top: 0;}
.xh-index-2 .text.line-1 {background: #263AFF;width: 61px;height: 13px;display: block;margin-top:5%;}
.guangxian1 {width: 1300px;height:1300px;position: absolute;bottom:-67%;right:-44%; z-index: 2;border-radius: 100%;background-color: #000;opacity: 1;}
.guangxian1::before {content: '';position: absolute;width: calc(100% + 1%);height: calc(100% + 1%);background-image:linear-gradient(20deg, #000 10%, #1596ff, #0069c2 70%, #000 100%); z-index: -1;background-size: 300%;border-radius: 100%;animation: animate_bg 5s infinite;}
.guangxian1::after {content: '';z-index:1;background-color: #000;width:101%;height:101%;left: .1%;top: .1%; position: absolute;border-radius: 100%;box-shadow:rgb(0, 39, 124) 0px 0px 50px inset;}
@keyframes animate_bg {0% {transform:rotate(0deg);}100% {transform:rotate(360deg);}}
 

.text-effect {overflow: hidden;position: relative;filter: contrast(110%) brightness(190%);}
.neon {position: relative;background: black;color: transparent;}
.neon::before, .neon::after {content: attr(data-text);color: transparent;filter: blur(0.01em);position: absolute;top: 0;left: 0;pointer-events: none;}
.neon::after {mix-blend-mode: difference;}
.neon:focus {outline: none;border: 1px dotted white;}
.gradient,.spotlight {position: absolute;top: 0;left: 0;bottom: 0;right: 0;pointer-events: none;z-index: 10;}
.gradient {background: linear-gradient(45deg, #fff, #2137ff);mix-blend-mode: multiply;}
.spotlight {-webkit-animation: light 5s infinite linear;animation: light 5s infinite linear;background: radial-gradient(circle, white, transparent 25%) 0 0/25% 25%, radial-gradient(circle, white, black 25%) 50% 50%/12.5% 12.5%;top: -100%;left: -100%;mix-blend-mode: color-dodge;}
@-webkit-keyframes light {100% {transform: translate3d(50%, 50%, 0);}}
@keyframes light {100% {transform: translate3d(50%, 50%, 0);}}





.xh-index-3 {position: relative;overflow: hidden;}
.xh-index-3 .top{position: absolute;width: 100%;height: auto;z-index: 5;}
.xh-index-3 .center{position: absolute;width: 100%;top: 27%;z-index: 6;left: 0;}
.xh-index-3 .center .text {position: absolute;width: 670px; right: 5%;top: 15%;z-index: 10;}
.xh-index-3 .center .text .text-1{background: linear-gradient(0deg, #15F5F2 67.626953125%, #F82DDE 75.390625%, #5121F0 83.6669921875%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.xh-index-3 .center .text .title-1 span {letter-spacing: 0px;}
.xh-index-3 .center .text .text-3{font-size: 24px;font-weight:600;margin-top: 15%;letter-spacing: 5px;}
.xh-index-3 .center .text .text-4{font-size: 18px;line-height: 24px;font-weight: 100;letter-spacing: 2px;padding: 10px 0;}
.xh-index-3 .center .text .text-4 p:first-child strong{font-size: 30px;color: #18ECEC;margin-top: 10px;padding-top: 20px;padding-bottom: 10px; display: block;}
.xh-index-3 .center .text .text-4 p {margin: 13px 0;font-weight: 400;}
.xh-index-3 .center .more-3 {display: block;}
.xh-index-3 .center .kuang {width: 1432px;height: 728px;position: relative;}
.xh-index-3 .center .kuang .product {position:absolute;width: 426px;height: auto;left: 50%;margin-left: -213px;top: 20%;z-index: 20;}
.xh-index-3 .center .kuang .product img:first-child {margin-bottom: 30px;}
.xh-index-3 .left {position: absolute;bottom: 15%;z-index: 6;left: 5%;display: none;}
.biankuang {width: 100%;height: auto;overflow: hidden;position: relative;}
.bkuang {width: 100%;height:94%;position: absolute;left: 0;top: 0;z-index: 1; overflow: hidden;background: #000;box-sizing: border-box; border: 2px solid;border-image: linear-gradient(20deg, #00114D, #FFFFFF, #000387 70%, #000387 100%) 10 10;}
.yuanjui {position: absolute;width: 50%;height: 60px;left:25%;bottom: 2%;z-index: 8;border-radius: 100%;background: radial-gradient(ellipse at center center, rgba(60,100,130,1) 10%, rgba(0,0,0,0) 50%);}
.yuanjui1 {position: absolute;width: 100%;height:20px;left:5%;bottom:4%;z-index:9;border-radius: 100%;background: radial-gradient(ellipse at center center, rgba(255,255,255,.5) 10%, rgba(0,0,0,0) 50%);}
.yuanjui2 {position: absolute;width: 70%;height: 60px;right:15%;bottom: 2%;z-index: 7;border-radius: 100%;background: radial-gradient(ellipse at center center, rgba(190,0,250,.5) 10%, rgba(0,0,0,0) 50%);}
.yuanjui,.yuanjui2,.yuanjui1{animation:opacity1 3000ms ease 0s infinite normal;}
@keyframes opacity1{0%{opacity:.5;} 50%{opacity: 1;}100%{opacity: .5;}}
/*.bkuang {animation: jianbian2 2s linear infinite;}*/
@keyframes jianbian2{
	0%{filter: hue-rotate(0deg);} 
	100%{filter: hue-rotate(360deg);}
}
.bkuang1 {width: 100%;height:97%;position: absolute;left: 0;top: 0;z-index: 1; overflow: hidden;background:rgba(0,0,0,.8);box-sizing: border-box; border: 2px solid;border-image: linear-gradient(20deg, #00114D,#000, #ccc, #000387 70%,#000, #000387 100%) 10 10;}
.bkuang2 {width: 100%;height:100%;position: absolute;left: 0;top: 0;z-index: 1; overflow: hidden;background:none;box-sizing: border-box; border: 2px solid;border-image: linear-gradient(20deg, #00114D,#000, #ccc, #000387 70%,#000, #000387 100%) 10 10;}
.janban1 {position: absolute;width: 80%;height:40px;left:-10%;bottom:0;z-index: 8;border-radius: 100%;background: radial-gradient(ellipse at center center, rgba(60,100,130,1) 10%, rgba(0,0,0,0) 40%);}
.janban2 {position: absolute;width: 80%;height:40px;left:-10%;bottom:0;z-index: 7;border-radius: 100%;background: radial-gradient(ellipse at center center, rgba(190,0,250,.5) 10%, rgba(0,0,0,0) 40%);}
.janban3 {position: absolute;width:50%;height:20px;left:-10%;bottom:1.5%;z-index:9;border-radius: 100%;background: radial-gradient(ellipse at center center, rgba(255,255,255,.5) 10%, rgba(0,0,0,0) 50%);opacity: .8;}
.janban4 {position: absolute;width: 80%;height:40px;left:-10%;bottom:0;z-index: 8;border-radius: 100%;background: radial-gradient(ellipse at center center, rgba(53,170,250,1) 10%, rgba(0,0,0,0) 40%);}
.janban1{animation:opacity2 2500ms ease 0s infinite normal;}
.janban2{animation:opacity2 2500ms ease 0s infinite normal;}
.janban3{animation:opacity2 2500ms ease 0s infinite normal;}
.janban4{animation:opacity2 2500ms ease 0s infinite normal;}
@keyframes opacity2{0%{left:-10%;opacity:0;} 50%{left:15%;opacity: 1;}100%{left:50%;opacity: 0;}}


.xh-index-4 {position: relative;overflow: hidden;}
.xh-index-4 .text {position: absolute;width: 540px; right:18%;top: 18%;text-align: right;z-index: 5;}
.xh-index-4 .text .text-en2 span,.xh-index-4 .text .title-1 span {left: auto;right: 0;}
.xh-index-4 .text .title-1 span:first-child {background: linear-gradient(to right, #4db4f0 0%, #d133e5 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.xh-index-4 .text .title-1 span:nth-child(2) {right: 3px;}
.xh-index-4 .text .title-1 span:last-child {right: -2px;}
.xh-index-4 .text .line {display: inline-block;clear: both;}
.xh-index-4 .text .text-4{font-size: 14px;line-height: 24px;font-weight: 100;letter-spacing: 2px;padding: 40px 0 10px 0;}
.xh-index-4 .left {position: absolute;top: 15%;z-index: 3;left: 0;}
.xh-index-4 .left img.img-center {z-index: 5;max-width: 98%;}
.xh-index-4 .right {position: absolute;top: 1%;z-index: 6;right: 5%;display: none;}
.xh-index-4 .kuang {width: 1509px;height:597px;position: absolute;right: 0;bottom: 15%;z-index: 3;}
.xh-index-4 .kuang .item-3 {width: 100%;height:100%;position: absolute;z-index: 4;text-align: center;font-size: 0;}
.xh-index-4 .kuang .item-3 .item {width: 26%;display: inline-block;vertical-align:top;margin:5% 1% 0 1%;position: relative;z-index: 10;}
.xh-index-4 .kuang .item-3 .item .pic{position: relative;}
.xh-index-4 .kuang .item-3 .item .touying{padding:0px 0 10px 0;}
.xh-index-4 .kuang .item-3 .item .title{color: #fff;font-size:20px;font-weight: 300;letter-spacing: 0px;color: #18ECEC;}
.xh-index-4 .kuang .item-3 .item a {display: block;overflow: hidden;}
.xh-index-4 .kuang .item-3 .item a:hover {margin-top: -20px;}
.xh-index-4 .kuang .item-3 .item a:hover .title{color:#fff;}


.xh-index-5 {position: relative;overflow: hidden;}
.xh-index-5 .text .line {margin-top: 2%;}
.xh-index-5 .text {top: 5%;position: absolute;left: 20%;z-index: 5;}
.xh-index-5 .text .title-1 span:first-child {background: linear-gradient(to right, #4db4f0 0%, #d133e5 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.xh-index-5 .text .text-4{font-size: 14px;line-height: 24px;font-weight: 100;letter-spacing: 2px;padding:40px 0 10px 0;}
.xh-index-5 .more-3 {margin-top:2%;}
.xh-index-5 .absolute {position: absolute;width: 80%;left:20%;top:0;height: auto; z-index: 5;}
.xh-index-5 footer{position: absolute;width: 100%;bottom:9%;left: 0;z-index: 10;}

.xh-zhankai {margin-top: 50px;width: 100%;height: 564px;overflow: hidden;position: relative;}
.xh-zhankai-box {position: absolute;width:50%;height: 564px;overflow: hidden;left:0px;top: 0;}
.xh-zhankai-box:first-child {margin-left: 0;}
.xh-zhankai-box .border1{display: none; position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 3; border: 2px solid;border-image: linear-gradient(68deg, #00114D, #FFFFFF, #000387) 10 10;background: linear-gradient(68deg, #00114D 15%, #FFFFFF 53%, #000387 80%);opacity: 0.6;}
.xh-zhankai-box .kuang2{position: relative;width: 100%;height: 550px;background: url('../images/zhankai2.png') left top no-repeat;}
.xh-zhankai-box img {width: auto;height: auto;max-width: none;display: inline-block;}
.xh-zhankai-box .title-3{width: 100%;height: auto;position: absolute;left: 0;bottom: 15%;overflow: hidden;color: #fff;z-index: 11;text-align: center;opacity: 0;}
.xh-zhankai-box .title-3 strong {font-size: 24px;letter-spacing: 4px;padding-bottom: 10px;}
.xh-zhankai-box .title-3 p{font-size: 18px;margin: 0;}
.xh-zhankai-box .product-2{width: 100%;height: 100%;overflow: hidden;position: absolute;left: 10px;top: 0;z-index: 5;}
.xh-zhankai-box .product-2 img{clip-path: polygon(0% 100%,20% 0%,50% 0%,30% 100%,0% 100%);opacity: .5;margin-left: 53px;}
.xh-zhankai-box a {display: block;overflow: hidden;} 
.xh-zhankai-box.cur .kuang2  {background: url('../images/zhankai3.png') left top no-repeat;}
.xh-zhankai-box.cur:first-child .kuang2 {background: url('../images/zhankai.png') left top no-repeat;}
.xh-zhankai-box.cur .title-3 {opacity: 1;width: 90%;}
.xh-zhankai-box.cur:first-child .title-3 {width: 80%;}
.xh-zhankai-box.cur .title-3 {opacity: 1;width: 90%;}
.xh-zhankai-box.cur .product-2 img{clip-path: polygon(0% 0%,20% 0%,100% 0%,75% 100%,0% 100%);opacity: 1;margin-left:0px;}
.xh-zhankai-box.cur:first-child .product-2 {left:3%;}
.xh-zhankai-box.cur .product-2 {left: 8%;}
.xh-zhankai-box.xzb-1 {left:0px;z-index: 1;}
.xh-zhankai-box.xzb-2 {left:590px;z-index: 2;}
.xh-zhankai-box.xzb-3 {left:885px;z-index: 3;}
.xh-zhankai-box.xzb-4 {left:1185px;z-index: 4;}
.xh-zhankai-box.left300 {left: 300px;}
.xh-zhankai-box.left590 {left: 590px;}
.xh-zhankai-box.left600 {left: 600px;}
.xh-zhankai-box.left885 {left: 885px;}
.xh-zhankai-box.left900 {left: 900px;}
.xh-zhankai-box.left940 {left: 940px;}
.xh-zhankai-box.left1185 {left: 1185px;}
.xh-zhankai-box.left1240 {left: 1240px;}

.xh-index-product4 {position: relative;padding-left:6%;}
.product4-item{position: relative;width:16%;height: 540px;transform: skewX(-20deg);overflow: hidden;display: inline-block;vertical-align: middle;}
.product4-item.cur {width: 45%;transform: skewX(-20deg);}
.product4-item.cur .title-3,.product4-item.cur .product-2 {transform: skewX(20deg);}
.product4-item.cur .title-3,.product4-item.cur .guang4 {display: block;}
.product4-item.cur .product-2 img {width: auto;margin-left:0%;opacity: 1;}
.product4-item a{width: 100%;height: 100%;display: block;overflow: hidden;}
.product4-item .title-3 {transform: skewX(20deg);position: absolute;left: 10%;bottom:15%;width:90%;text-align:center;color: #fff;z-index: 20;display: none;}
.product4-item .title-3 strong{font-size: 24px;letter-spacing: 4px;padding-bottom: 10px;}
.product4-item .title-3 p{font-size: 18px;margin: 0;}
.product4-item .product-2{width: 100%;height: 100%;transform: skewX(20deg);position: relative; z-index: 18;}
.product4-item .product-2 img {width: auto;max-width: none;margin-left: -40%;opacity: .5;}
.product4-item .guang4 {width: 100%;height: 100%;position: absolute;left: 0;top: 0;display: none;}
.product4-item .janban2,.product4-item .janban4 {height:20px;bottom: 1.5%;}
.product4-item .janban3 {height:5px;bottom:2.6%;margin-left: 5%;}
.product4-item .janban2 {z-index: 10;margin-left: 5%;}
.product4-item .janban4 {margin-left: -5%;}
.product4-item .bkuang1 {border: 2px solid;border-image: linear-gradient(60deg, #00114D,#000, #ccc, #000387 70%,#000, #000387 100%) 10 10;}






/* technology */
.left-1 {width: 37px;height: auto;position: absolute;left:5%;top: 100%;z-index: 3;}
.right-1 {width: 37px;height: auto;position: absolute;right:5%;top:0;z-index: 3;}
.num-2 {position: absolute;right:2%;top:16%;z-index: 5;}
.num-2 strong {color: #000;font-size: 260px;line-height: 260px;text-shadow: #31FB9A 1px 0 0, #31FBE6 0 1px 0, #0088FF -1px 0 0, #124BFF 0 -1px 0;font-weight: 900;opacity: .5;}
.xh-index-content .line-2{width: 100%;height: 2px;background: linear-gradient(to left, rgba(40, 162, 255, 0) 0%, #28A2FF 100%);opacity: 0.7;margin: 50px 0;position: relative;}
.xh-index-content .line-2::before{content: '';position: absolute;width: 6px;height: 6px;left: 0;top:50%;background: #08B5F5;border-radius: 100%;margin-top: -3px; }
.xh-technology-1  {position: relative;overflow: hidden;}
.xh-technology-1 .text {position: absolute;width: 540px; left:20%;top: 1%;z-index: 5;}
.xh-technology-1 .title-1 span:first-child {background: linear-gradient(to right, #36DAF1 0%, #F021DF 50%, #7222EB 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.xh-technology-1 .main {position: absolute;width: 100%;height: 100%;left:0;top: 15%;z-index: 5;}
.xh-technology-1 .pic-1 {position: absolute;width:34%; left:13%;top: 20%;z-index: 5;}
.xh-technology-1 .pic-3 {position: absolute;width:50%; right:10%;top: 25%;z-index: 4;}
.xh-technology-1 .pic-3 .technology-1 {position: absolute;width:62%;height: 100%;right:15%;top: 20%;z-index: 5;}
.xh-technology-1 .pic-3 .title-1{padding-bottom: 20px;}
.xh-technology-1 .pic-3 .title-1 span {font-size: 60px;}
.xh-technology-1 .pic-3 .line-1{padding-bottom: 30px;}
.xh-technology-1 .pic-3 .text-2{font-size: 18px;color: #fff;font-weight: 600;padding: 30px 0;}
.xh-technology-1 .pic-3 .text-3{font-size: 18px;line-height: 30px; color: #ccc;font-weight: 300;text-align: justify;letter-spacing: 0px;}
.xh-technology-1 .pic-3 .text-3 strong {color: #18ECEC;font-size: 24px;line-height: 44px;}
.xh-technology-1 .pic-3 .kuang-4 {position: relative;}
.xh-technology-1 .pic-3 .kuang-4 .bkuang1{border-image: linear-gradient(140deg, #00114D,#000, #ccc, #000387 70%,#000, #000387 100%) 10 10;}




.xh-technology-2 {position: relative;}
.xh-technology-2 .main {position: absolute;width:82%;height: 100%;right:7%;top:0;z-index: 5;}
.xh-technology-2 .text {width: 50%;position: absolute;left:18%;top:1%;z-index: 11;}
.xh-technology-2 .num-2 {position: relative;right: auto;top: auto;}
.xh-technology-2 .num-2 strong {opacity: .7;}
.xh-technology-2 .title-1 span {font-size: 60px;}
.xh-technology-2 .title-1 span:first-child {background: linear-gradient(to right, #36DAF1 0%, #F021DF 50%, #7222EB 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.xh-technology-2 .group-1 {width: 50%;float: left;margin: auto;}
.xh-technology-2 .text-1 {width:65%;color: #fff;z-index: 10;position: relative;margin:auto;}
.xh-technology-2 .text-1 .num-1 {font-size: 36px;color: #28AEFF;}
.xh-technology-2 .text-1 .title-2 {font-size: 48px;padding: 20px 0;font-weight: 900;}
.xh-technology-2 .text-1 .text-3 {font-size: 18px;line-height: 30px;font-weight: 200;text-align: justify;}
.xh-technology-2 .pic-1 {width: 100%;margin-top: 10%;padding-bottom:2%;z-index: 1;position: relative;}
.xh-technology-2 .pic-1 .img {width: 100%;height: 100%;}
.xh-technology-2 .group-1 .text-1 {margin: 5% auto 100px auto;}
.xh-technology-2 .group-2 {width: 50%;float: right;margin:47% auto auto;}
.xh-technology-2 .group-3 {width: 50%;float: left;clear: both;margin-top: -13%;}
.xh-technology-2 .pic-1 .bkuang2 {height:100%;}
.xh-technology-2 footer{position: absolute;left: 0;bottom: 5%;width: 100%;height: auto;z-index: 111;}




/* product */
.xh-product-1  {position: relative;overflow: hidden;}
.xh-product-1 .main {position: absolute;width: 100%;height: 100%;left:0;top: 25%;z-index: 5;}
.xh-product-1 .text {position: relative;width: 700px;margin-left:20%;}
.xh-product-1 .title-1 span:first-child {background: linear-gradient(to right, #36DAF1 0%, #F021DF 50%, #7222EB 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.xh-product-1 .text-3 {margin-top: 20px;}
.xh-product-1 .xh-product {margin-top:50px;margin-left:20%;}

.xh-product-2 .main {position: absolute;width:80%;height: 100%;right:0;top: 0;z-index: 5;}
.xh-product-swiper .text{color: #fff;float: left;width:35%;}
.xh-product-swiper .ntitle-1 {color: #4EC2FF;font-size: 60px;font-weight: bold;margin-top: 40px;}
.xh-product-swiper .title-1 span:first-child {background: linear-gradient(to right, #36DAF1 0%, #F021DF 50%, #7222EB 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.xh-product-swiper .text-2{font-size: 36px;padding:20px 0 1px 0;font-weight: 400;}
.xh-product-swiper .text-2 span {margin:5px 0;padding: 0;font-weight: 400;line-height: normal;display: inline-block;vertical-align: middle;}
.xh-product-swiper .text-2 span:last-child{color: #08B5F5;}
.xh-product-swiper .text-2 span:last-child{color: #08B5F5;line-height:normal;}
.xh-product-swiper .text-3{font-size: 16px;line-height: 36px;}
.xh-product-swiper .more-3 {margin-top:5%;}
.xh-product-swiper .product-3 {position: relative;float: left;width: 45%;margin-top: 3%;}
.xh-product-swiper .product-3 .top {position: absolute;width: 100%;height: 100%;z-index: 1;left: 0;top: 0;text-align: center;}
.xh-product-swiper .product-3 .top .product{position: relative;width: 100%;height: 100%;display: inline-block;}
.xh-product-swiper .product-3 .top .product::after {content: '';width: 70%;height: 50px;position: absolute;bottom: 20%;left: 15%; background: url('../../product/images/touying.png') center no-repeat;background-size: 100%  100%;}
.xh-product-swiper .swiper-button-next,.xh-product-swiper .swiper-button-prev{width: 68px;height:68px;top: auto;bottom:0;left: auto;right:auto;border: 1px solid rgba(255,255,255,.5);}
.xh-product-swiper .swiper-button-next:after,.xh-product-swiper .swiper-button-prev:after {font-size: 24px;font-weight: bold;color: #fff;}
.xh-product-swiper .swiper-button-next:after {color:#08B5F5;}
.xh-product-swiper .swiper-button-next{left: 50%;margin-left: -340px;}
.xh-product-swiper .swiper-button-prev{left: 50%;margin-left: -420px;}
.xh-product-swiper .product-3 .top .product img.img-center {max-width: 70%;max-height: 70%;}
.xh-product-swiper .product-3 .top .product {animation:fudong1 3000ms ease 0s infinite normal;}
@keyframes fudong1{0%{margin-top: 10px;} 50%{margin-top: 0px;}100%{margin-top: 10px;}}


.xh-product-3 .main {position: absolute;width:80%;height: 100%;right:0;top:0%;z-index: 5;}
.xh-product-3 .xh-product-swiper .swiper-button-next{left: auto;right:50%;margin-left:0px;margin-right: -230px;}
.xh-product-3 .xh-product-swiper .swiper-button-prev{left: auto;right:50%;margin-left:0px;margin-right: -150px;}
.xh-product-3 .xh-product-swiper .text {margin-left: 10%;margin-top: 1%;}

.xh-product-4 .main {position: absolute;width:80%;height: 100%;right:0;top: 1%;z-index: 5;}
.xh-product-4 footer {position: absolute;width:100%;left:0;bottom: 10%;z-index: 5;}

.xh-product-detail {position: relative;overflow: hidden;}
.xh-product-detail .main {position: absolute;width:60%;height: 80%;right:20%;top:27%;z-index: 5;}
.xh-product-detail .main.top40{top:20%;}
.xh-product-detail .main.center {text-align: center;}
.xh-product-detail .main .product-text {color: #fff;}
.product-text {position: relative;overflow: hidden;}
.product-text .title1{font-size: 60px;line-height: 56px;font-weight: 800;}
.product-text .title2{margin:50px auto;font-size: 22px;line-height:60px;background: url('../../product/upload/Xq_Bt.png') center no-repeat;background-size:auto 100%;}
.product-text .title2 h3 {display: block;margin: 0;padding: 0;font-weight: normal;font-size: 22px;line-height:60px;background: url('../../product/upload/ds.png') center no-repeat;}
.product-text .title2{animation:shansuo2 1000ms ease 0ms infinite normal;}
@keyframes shansuo1{0%{opacity: .5;} 50%{opacity: 1;}100%{opacity: .5;}}
@keyframes shansuo2{
	0%{background: url('../../product/upload/Xq_Bt.png') center no-repeat;} 
	50%{background: url('../../product/upload/Xq_Bt2.png') center no-repeat;}
	100%{background: url('../../product/upload/Xq_Bt.png') center no-repeat;}
}


.product-text .text3{font-size: 18px;line-height:32px;width:90%;margin: 20px auto;font-weight: 300;}
.product-text .product4{position: relative;overflow: hidden;width:100%;height: 300px;margin: 5% auto auto;}

.scope-application {position: relative;overflow: hidden;width: 100%; height: 100%;}
.scope-application-left {position: absolute;overflow: hidden;width: 40%;left: 0; top:10%; text-align: left;}
.scope-application .text1{font-size: 50px;line-height: 79px;font-family: 'OPPOSans-H',Arial;background-image: linear-gradient(90deg, #008DC8 0%, #00D9BD 50%);-webkit-background-clip:text;color: transparent;margin-top: 50px;}
.scope-application .text2{font-size: 225px;font-family: 'OPPOSans-L';line-height: 230px;background-image: linear-gradient(90deg, #008DC8 0%, #00D7C1 100%);-webkit-background-clip:text;color: transparent;}
.scope-application .text3{position: absolute;right: 5%;top:0;font-size: 400px;line-height: 350px; font-family: 'OPPOSans-R';}
.scope-application .text3{background:#019F98 -webkit-linear-gradient(right,#019F98 0%,#00D9BD 50%,#019F98 100%) no-repeat 0 0;background-size:20% 100%;-webkit-background-clip: text;-webkit-text-fill-color: transparent;animation: jianbian1 2s linear infinite;}
@keyframes jianbian1{
	0%{ background-position: 0 0;} 
	100%{background-position: 100% 100%;}
}
.scope-application-right2 {position: absolute;right: 0;bottom: 15%;width:50%;box-sizing: border-box;padding:3% 5%;font-size: 16px;color: #fff;line-height: 30px;z-index: 10;background-image:linear-gradient(90deg, #06142f, #09193a, #1036a4 70%, #1036a4 100%);}


.scope-application-right {position: absolute;overflow: hidden;width: 50%;margin-left: 10%;margin:0;top: 15%;right: 0;text-align: left;}
.scope-application-right li{display: block;list-style: none;margin: 0;padding: 0;color: #fff;float: left;padding-right:100px;position: relative;z-index: 50;}
.scope-application-right li:nth-child(2),.scope-application-right li:last-child {padding-right: 0;}
.scope-application-right li a {color: #fff;}
.scope-application-right li a i{display: block; font-size: 16px;font-style: normal;}
.scope-application-right li a span{overflow: hidden;display: block;font-size: 28px;padding:10px 0;margin-top: 10px;border-radius: 5px;border: 2px solid rgba(0,0,0,0);}
.fgline{clear: both;margin:0;position: relative;padding: 50px 0;}
.fgline::after {content: '';width: 100%;height: 2px;background: linear-gradient(to left, rgba(40, 162, 255, 0) 0%, #28A2FF 100%);opacity: 0.7;position: absolute;top: 50%;margin-top: -1px;left: 0;}
.fgline::before{content: '';position: absolute;width: 8px;height: 8px;left: 0;top:50%;background: #08B5F5;border-radius: 100%;margin-top: -4px;}
.scope-application-right li a:hover span{border-image: linear-gradient(0deg, #27E7F0, #F422DF, #4B1EDE) 10 10;background-clip: content-box,padding-box;text-align: center;padding: 20px 20px;}
.scope-application-right li *{transition:all .4s ease;}
.scope-application-show-pic {position: absolute;left: 0;top: 0;width:300px;height: 199px;z-index: 10;display: none;}
.scope-application-right.num5 li:nth-child(2) {padding-right: 100px;}
.scope-application-right.num5 li:nth-child(3) {padding-right: 0px;}


.product-right1 {width: 37px;height: auto;position: absolute;right: 5%;top: 150%;z-index: 3;}     

.equipment-characteristics{text-align: center;color: #fff;width: 100%;margin: auto;overflow: hidden;}
.equipment-characteristics.num5 {width: 100%;}
.equipment-characteristics.num5 .equipment-bottom li{width: 20%;}
.equipment-characteristics.num6 .equipment-bottom li{width: 15%;}
.equipment-characteristics .equipment-top{}
.equipment-characteristics .equipment-top .text1{font-size: 60px;font-weight: 800;color: #4EA5D3;}
.equipment-characteristics .equipment-top .text2{font-size: 18px;line-height: 30px;font-weight: 300;padding:40px 0;}
.equipment-characteristics .equipment-bottom{padding: 20px 0  0px 0;overflow: hidden;font-size: 0;}
.equipment-characteristics .equipment-bottom li{list-style: none;display: inline-block;vertical-align: middle;width: 30%;position: relative;}
.equipment-characteristics .equipment-bottom li::after {content: '';position: absolute;right:-5%;top: 50%;width: 1px;height: 80px;margin-top: -40px;background: #fff;opacity: .2;}
.equipment-characteristics .equipment-bottom li:last-child::after {display: none;}
.equipment-characteristics .equipment-bottom li i{display: block;position: relative;width: 63px;height: 63px;margin: auto;}
.equipment-characteristics .equipment-bottom li span{display: block;width: 100%;font-size: 14px;font-weight: 300;padding:20px 0  10px 0;}
.equipment-characteristics .equipment-bottom li strong{display: block;width: 100%;font-size: 18px;}
.equipment-characteristics .product4{width:600px;margin: 70px auto auto;clear: both;position: relative;overflow: hidden;}
.equipment-characteristics .product4 img {display: inline-block;width: auto;height: auto;}

.equipment-characteristics .equipment-bottom .ebx1 {width: 22%;margin: 2% 5%;overflow: hidden;position: relative;display: inline-block;}
.equipment-characteristics .equipment-bottom .ebx1 .texttop {position: absolute;width: 100%;height: 100%;z-index: 34;left: 0;top: 0;text-align: center;}
.equipment-characteristics .equipment-bottom .ebx1 .texttop i {display: block;position: relative;width: 63px;height: 63px;margin: auto;border: 1px solid #fff;border-radius: 100%;margin-top: 8%;}
.equipment-characteristics .equipment-bottom .ebx1 .texttop span {display: block;width: 100%;font-size: 34px;font-weight: 700;padding:10px 0  5px 0;position: relative;}
.equipment-characteristics .equipment-bottom .ebx1 .texttop span::before {content: '';width: 20px;height: 1px;margin: 10px auto 20px auto;display: block;background: #fff;opacity: .5;}
.equipment-characteristics .equipment-bottom .ebx1 .texttop strong {display: block;width: 100%;font-size: 18px;}
.equipment-characteristics .equipment-bottom .ebx1 .pic {background: rgba(0,0,0,.7);border-radius:20px;overflow: hidden;position: relative;}
.equipment-characteristics .equipment-bottom .ebx1 .pic img.img-center {opacity: .5;filter: grayscale(100%);filter: gray;}
.equipment-characteristics .equipment-bottom .ebx1 .pic::before {content: '';position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index:1;background-blend-mode: multiply;}
.equipment-characteristics .equipment-bottom .ebx1:hover i{background: #233CFF;border: 1px solid #233CFF;}
.equipment-characteristics .equipment-bottom .ebx1:hover .pic::before {background:#233CFF; }
.equipment-characteristics .equipment-bottom.num5 .ebx1:nth-child(1) .texttop i{margin-top: 27%;}
.equipment-characteristics .equipment-bottom.num5 .ebx1:nth-child(2) .texttop i{margin-top: 27%;}
.equipment-characteristics .equipment-bottom.num5 .ebx1:nth-child(3) .texttop i{margin-top: 27%;}
.equipment-characteristics .equipment-bottom.num5 .ebx1:nth-child(4){width: 37%;margin: 2% 2%;}
.equipment-characteristics .equipment-bottom.num5 .ebx1:nth-child(5){width: 37%;margin: 2% 2%;}





.market-capacity {color: #fff;width:100%;margin: auto;overflow: hidden;}
.market-capacity-top {}
.market-capacity-top .text1{font-size: 60px;font-weight: 800;}
.market-capacity-top .text2{font-size: 18px;line-height: 30px;font-weight: 300;padding:40px 0;}
.market-capacity-bottom {margin-top: 100px;overflow: hidden;font-size: 0;}
.market-capacity-bottom li{list-style: none;display: inline-block;vertical-align: middle;position: relative;margin-right: 100px;}
.market-capacity-bottom li:last-child {margin-right: 0;}
.market-capacity-bottom li:nth-child(4) {margin-right: 0!important;}
.market-capacity-bottom li strong{display: block; font-size: 34px;line-height: 54px;font-weight: 800;padding-bottom: 10px;}
.market-capacity-bottom li span{display: block;font-size: 22px;font-weight: 300;}
.market-capacity-bottom.num4 li{margin-right: 80px;}
.market-capacity-bottom .tip {font-size: 22px;font-weight: 300;color: #666;}
.xh-product-detail .main.top10 {top: 10%;}
.xh-product-detail .main.top15 {top: 15%;}
.xh-product-detail footer {position: absolute;width:100%;left:0;bottom:7%;z-index: 5;}

#myCanvas {width: 100%;height: 100%;position: absolute;z-index: 3;right:30%;top:30%;opacity: .3;transform: rotateY(180deg);}




/* about */
.xh-about-1 {position: relative;}
.xh-about-1 .main {position: absolute;width:86.5%;height: 100%;right:0;top: 35%;z-index: 5;}
.xh-about-1 .title-1 span:first-child {background: linear-gradient(to right, #36DAF1 0%, #F021DF 50%, #7222EB 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.xh-about-1 .text {width: 30%;position: relative;z-index: 10;margin-top: 5%;}
.xh-about-1 .text-3 {margin-top:50px;font-size:18px;line-height: 42px;color: #fff;font-weight: 400;letter-spacing: 0;}
.xh-about-1 .ppic {position: absolute;width:83%;right: 0;top: 0;z-index: 3;}
.xh-about-1 .ppic img.img-center{max-width: 50%;}
.xh-about-1 .ppic  .janban1 {bottom: 3.5%;}
.xh-about-1 .ppic  .janban2 {bottom: 3.5%;}
.xh-about-1 .ppic  .janban3 {bottom: 3%;}

.xh-about-2 .main {position: absolute;width:100%;height: 100%;right:0;top:1%;z-index: 5;}
.xh-about-2 .text {width: 74%;margin: auto;text-align: center;}
.xh-about-2 .text .year-1 {position: relative;overflow: hidden;width:64%;margin: 20% auto auto auto;}
.xh-about-2 .text .year-1 .cheng1 {position: absolute;left: 0;top: 0;z-index: 3;width: 100%;height: 100%;}
.xh-about-2 .text .year-1 .cheng2 {position: absolute;left: 0;top: 0;z-index: 2;width: 100%;height: 100%;}
.xh-about-2 .text .year-1 .cheng3 {position: absolute;left: 0;top: 0;z-index: 1;width: 100%;height: 100%;}
.xh-about-2 .text-3 {margin-top:5%;font-size:18px;line-height: 52px;color: #fff;font-weight: 400;letter-spacing: 0;position: relative;}
.xh-about-2 .text .year-1 .cheng1.animate{animation:doudong1 100ms ease 3;}
.xh-about-2 .text .year-1 .cheng2.animate{animation:doudong2 100ms ease 4;}
@keyframes doudong1{0%{left:0px;}10%{left: 10px;}20%{left: 5px;}30%{left: 0px;}60%{left: 0px;}70%{left: 0px;}80%{left: 0px;}100%{left: 0px;}}
@keyframes doudong2{0%{left:0px;}10%{left: 0px;}20%{left: 0px;}30%{left: 0px;}60%{left: 0px;}70%{left: -5px;}80%{left: -10px;}100%{left: 0px;}}
.xh-about-2 .ppic {position: relative;width:70%;z-index: 3;}
.xh-about-2 .ppic  .janban1 {bottom: 3.5%;}
.xh-about-2 .ppic  .janban2 {bottom: 3.5%;}
.xh-about-2 .ppic  .janban3 {bottom: 4%;}
.xh-about-2 .ntext-4 {position: absolute;right: 11%;top: 20%;z-index: 33;font-size: 18px;line-height: 46px;width: 26%;text-align: justify;}



.xh-about-3 .text {margin-left: 14%;margin-top: 10%;width: 80%;position: absolute;z-index: 6;}
.xh-about-3 .main {position: absolute;width:100%;height: 100%;right:0;top:9%;z-index: 5;}
.xh-about-3 .text .ntitle-1  {font-size: 70px;color: #4EC2FF;}
.xh-about-3 .title-1 span:first-child {background: linear-gradient(to right, #36DAF1 0%, #F021DF 50%, #7222EB 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.xh-about-3 .text .line {margin-top:30px;}
.xh-about-3 .certificate {position: relative;width:80%;margin:8% 10% 0 0;float: right; overflow: hidden;}
.xh-certificate-swiper {width: 40%;float: left;margin-left: 11%;}
.zhengshu {position: relative;}
.xh-certificate-text {position: absolute;top: 0;right: 0;width:58%;height: 100%;z-index: 3;}
.xh-about-3 .certificate .yuan {width:96%; height: 96%;position: relative;padding:2%;}
.xh-about-3 .certificate .yuan::before {content: '';width: 20px;height: 20px;position: absolute;left: 0;top: 5px;border-radius: 100%;background: #fff;z-index: 2;}
.xh-about-3 .certificate .yuan::after {content: '';width: 20px;height: 20px;position: absolute;left: 0;bottom:5px;border-radius: 100%;background: #fff;z-index: 2;}
.xh-about-3 .certificate .yuan img{display: block; width: auto; height: 100%;}
.xh-certificate-title {position: absolute;width:100%;height: 100%;}
.xh-certificate-title.num1 {}
.xh-certificate-title .zstitle.cur span{font-size: 30px;color: #28AEFF;}
.xh-certificate-title .zstitle.cur i {width: 30px;height: 30px;margin-top:-15px;background: #28AEFF;}
.xh-certificate-title .zstitle.cur  {margin-left: -5px;}
.xh-certificate-title .zstitle{transition:all .4s ease;}
.zstitle a:hover span{color: #28AEFF;}
.zstitle {position: absolute;width: 100%;z-index: 2}
.zstitle a{display: block;}
.zstitle i{width: 20px;height: 20px;position: absolute;left: 0;top:50%;margin-top:-10px;border-radius: 100%;background: #fff;z-index: 2;}
.zstitle span{font-size: 18px;font-weight: 400;color: #fff;padding-left: 50px;line-height: 50px;}
.zst1 {left: 14%;top: 4%;}
.zst2 {left: 26%;top: 13%;}
.zst3 {left: 33.5%;top: 24%;}
.zst4 {left: 38%;top: 36%;}
.zst5 {left: 39.4%;top: 47%;}
.zst6 {left: 38%;bottom: 36%;}
.zst7 {left: 33.5%;bottom: 24%;}
.zst8 {left: 26%;bottom: 13%;}
.zst9 {left: 14%;bottom: 4%;}

.xh-about-3 footer {position: absolute;width:100%;left:0;bottom: 10%;z-index: 5;}





/* news */
.xh-news-1 {position: relative;}
.xh-news-1 .main {position: absolute;width:80%;height: 100%;right:0;top:15%;z-index: 5;}
.xh-news-1 .text {width: 50%;}
.xh-news-1 .ntitle-1 {color: #4EC2FF;font-size: 60px;font-weight: bold;}
.xh-news-1 .title-1 span:first-child {background: linear-gradient(to right, #36DAF1 0%, #F021DF 50%, #7222EB 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.xh-news-1 .newslist {overflow: hidden;clear: both;width:80%;position: relative;margin-top: 100px;margin-left: 5%;}
.xh-news-1 .newslist .news {position: relative;overflow: hidden;}
.xh-news-1 .newslist .news a{display: block;position: relative;overflow: hidden;}
.xh-news-1 .newslist .news .kuang-1{position: absolute;z-index: 3;width: 40%;height: 100%;right:55%;top:14%;}
.xh-news-1 .newslist .news .pic-2{position: absolute;left:7%;top: 4%;z-index: 4;background: #000000;border: 4px solid;width: 78%;height: 70%;overflow: hidden;border-image: linear-gradient(0deg, #27E7F0, #F422DF, #4B1EDE) 10 10;}
.xh-news-1 .newslist .news .pic-2 img.img-center {width: 100%!important;max-height: none;opacity: .5;}
.xh-news-1 .newslist .news .kuang-3{position:relative;width: 75%;margin:5% auto ; z-index: 2;}
.xh-news-1 .newslist .news .kuang-3::after {content: '';background: url('../../news/images/jiantou.png') center no-repeat;background-size: 100%;position: absolute;right: 70px;bottom: 0px;z-index: 5;width:118px;height: 80px;opacity: 0;transition:all .4s ease;}
.xh-news-1 .newslist .news .news-4{position: absolute;color: #fff;width: 52%;right:5%;top:20%;z-index: 5;}
.xh-news-1 .newslist .news .news-4 i{color: #6380FE;position: absolute;left: -50px;top: -30px; font-style: italic;font-size: 24px;font-weight: 800;opacity: 0.6;}
.xh-news-1 .newslist .news .news-4 strong{font-size: 24px;display: block;padding-top: 10px;font-weight: 800;}
.xh-news-1 .newslist .news .news-4 p{font-weight: 200;font-size: 14px;line-height: 24px;letter-spacing: 3px;display: block;margin: 10px 0;opacity: .7;}
.xh-news-1 .newslist .news a:hover .pic-2{left:1%;top:1%;width:84%;height: 65%;box-shadow: 18px 44px 59px 0px rgba(1, 2, 47, 0.48);}
.xh-news-1 .newslist .news a:hover .kuang-3{width: 90%;background: url('../../news/images/kuang1.png') center top no-repeat;background-size: 100%;}
.xh-news-1 .newslist .news a:hover .kuang-3 img{opacity: 0;}
.xh-news-1 .newslist .news a:hover .kuang-3::after {opacity: 1;right: -50px;}
.xh-news-1 .newslist .news a:hover .kuang-1{width: 40%;right:60%;top:0;}
.xh-news-1 .newslist .news a:hover .news-4{width: 50%;right:10%;top:10%;}
.xh-news-1 .newslist .news a:hover .news-4 i{font-size: 34px;top: -50px;}
.xh-news-1 .newslist .news a:hover .pic-2 img.img-center{opacity: 1;}

.pageturn {margin: 3% 0 3% 30%;text-align: center;float: left;}
.pageturn a {font-size: 16px;color: #666;border: 1px solid #263BFF;width: 28px;height: 28px;line-height: 28px;border-radius: 2px;margin: 0 5px;display: inline-block;vertical-align: middle;}
.pageturn a.on,.pageturn a:hover {color: #fff;}
.pageturn a.on {background: #263BFF;}
.pageturn a.prev {background: url('../../news/images/zuo.png');background-size: 100%;}
.pageturn a.next {background: url('../../news/images/you.png');background-size: 100%;}



.xh-news-1 footer {position: absolute;width:100%;left:0;bottom: 5%;z-index: 5;}

.xh-news-content {position: relative;overflow: hidden;}
.xh-news-content footer {position: relative;width:100%;padding-bottom:5%;}
.xh-path {margin-top: 13%;width: 100%;overflow: hidden;border-bottom: 1px solid rgba(255,255,255,.36);position: relative;}
.xh-path::after {content: '';width: 90px;height: 17px;position: absolute;bottom: 0;right: 15%;background: #263AFF;}
.xh-path-content {width: 60%;margin: auto;overflow: hidden;padding: 20px 0;}
.xh-path-content a{display: inline-block;vertical-align: middle;color: #fff;font-size: 16px;}
.xh-path-content span{width: 5px;height: 10px;margin: 0 5px;display: inline-block;vertical-align: middle;background: url('../../news/images/jt.png') center no-repeat;background-size: 90%;}
.xh-news-detail {overflow: hidden;width: 70%;margin: 5% auto;}
.xh-news-detail-main {border: 2px solid;border-image: linear-gradient(50deg, #00114D, #FFFFFF, #000387 70%, #000387 100%) 10 10;}
.xh-news-detail-main-content {min-height: 500px;overflow: hidden;background:rgba(0,0,0,.3);padding: 5% 15% 10% 15%;}
.xh-news-detail-main-content .time-1 {color: #fff;font-weight: 300;font-size: 14px;letter-spacing: 2px;}
.xh-news-detail-main-content .title-2 {color: #fff;font-size: 48px;font-weight: 800;padding:20px 0 50px 0;border-bottom: 1px solid #fff;}
.xh-news-detail-main-content .detail-3 {color: #fff;font-size: 18px;font-weight: 400;line-height: 30px;padding-top: 50px;overflow: hidden;}
.xh-news-detail .return-4 {margin:5% auto;overflow: hidden;position: relative;}
.xh-news-detail .return-4 a{color: #fff;font-size: 14px;display: block;float: left;width: 50%;overflow: hidden;}
.xh-news-detail .return-4 a i{width: 20px;height: 12px; display: inline-block;vertical-align: middle;background: url('../../news/images/jtl-b.png') center;background-size: 90%;}
.xh-news-detail .return-4 a span{display: inline-block;vertical-align: middle;position: relative;padding: 0 20px;margin: 0 20px;width: 70%;} 
.xh-news-detail .return-4 .next{text-align: right;}
.xh-news-detail .return-4 a.next i{background: url('../../news/images/jtr-b.png') center;background-size: 90%;}
.xh-news-detail .return-4 a.prev span::before {content: '';width: 1px;height: 100%;background: #fff;position: absolute;left: 0;top: 0;}
.xh-news-detail .return-4 a.next span::after {content: '';width: 1px;height: 100%;background: #fff;position: absolute;right: 0;top: 0;}
.xh-news-detail .return-4 a.return {width: 28px;height: 28px;position: absolute;left: 50%;top: 50%;margin:-14px 0 0 -14px; background: url('../../news/images/zhuangshi.png') center no-repeat;background-size: 90% 90%;z-index: 5;}
.xh-news-detail .return-4 a:hover span{color: #0697ff;}
.xh-news-detail .return-4 a:hover span::before,.xh-news-detail .return-4 a:hover span::after {background: #0697ff;}		 
.xh-news-detail .return-4 a.next:hover i{background: url('../../news/images/jtr-l.png') center;background-size: 90%;}
.xh-news-detail .return-4 a.prev:hover i{background: url('../../news/images/jtl-l.png') center;background-size: 90%;}


    


/* contact */
.xh-contact-1 {position: relative;}
.xh-contact-1 .main {position: absolute;width:68%;height: auto;right:12%;top:15%;z-index: 5;}
.xh-contact-1 .left {float: left;width: 25%;}
.xh-contact-1 .right {float: right;width: 65%;position: relative;}
.xh-contact-1 .text {width: 100%;}
.xh-contact-1 .ntitle-1 {font-size: 60px;color: #4EC2FF;font-weight: bold;}
.xh-contact-1 .title-1 span:first-child {background: linear-gradient(to right, #36DAF1 0%, #F021DF 50%, #7222EB 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.xh-contact-1 .contact {margin-top: 50px;overflow: hidden;}
.xh-contact-1 .contact .item{margin-top: 50px;overflow: hidden;}
.xh-contact-1 .contact .item .top-1{color: #fff;}
.xh-contact-1 .contact .item .top-1 i{width: 24px;height: 24px;position: relative; display: inline-block;vertical-align: middle;}
.xh-contact-1 .contact .item .top-1 span{display: inline-block;vertical-align: middle;font-size: 17px;margin:0 10px;}
.xh-contact-1 .contact .item .bottom-2{color: #fff;font-size: 19px;margin:10px 0px;font-weight: 300;}
.xh-contact-1 .right .top-2{position: absolute;top:10%;left: 0;z-index: 3;width: 100%;height: 100%;}
.xh-contact-1 .right .map {background: #1a212d;width: 100%;height: 100%;border-radius:60px;overflow: hidden;position: relative;}
.xh-contact-1 .right .map #map {background: #1a212d;background-color:#000!important;}
.xh-contact-1 footer {position: absolute;width:100%;left:0;bottom: 5%;z-index: 5;padding-bottom:5%;}



 
 
.xh-news-1 .newslist .news .news-4 strong,.xh-news-detail .return-4 a span{text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.xh-news-1 .newslist .news .news-4 p{display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;}



/* add - 20210820 */
.xh-index-3 .center .center-content {width: 60%;margin: auto;position: relative;overflow: hidden;}
.xh-index-3 .center .ntext {background: rgba(38,58,255,.9);width: 50%;position: absolute;right: 0;top:14%;z-index: 20;color: #fff;box-sizing: border-box;padding:3% 5%;overflow: hidden;}
.xh-index-3 .center .ntext-1 {font-size: 18px;}
.xh-index-3 .center .ntext-2 {font-size: 40px;padding-top: 10px;position: relative;}
.xh-index-3 .center .ntext-2::after {content: '';width: 40px;height: 10px;background: #fff;margin:20px 0;display: block;}
.xh-index-3 .center .ntext-3 {font-size: 16px;line-height: 30px;letter-spacing: 2px;}
.xh-index-3 .center .more-3 {margin-top: 50px;}
.xh-index-3 .center .ppic {width: 70%;position: relative;overflow: hidden;padding-bottom:18px;}
.xh-index-4 .index-main { width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 3;}
.xh-index-4 .index-main-content { color: #fff;width: 60%;margin: auto;position: relative;overflow: hidden;}
.xh-index-4 .index-main-list {position: relative;overflow: hidden;}
.xh-index-4 .index-main-list-item {margin-bottom: 130px;overflow: hidden;}
.xh-index-4 .index-main-list .ntext{float: left;width: 36%;position: relative;overflow: hidden;}
.xh-index-4 .index-main-list .ntext-kuang {border: 1px solid #263aff;box-sizing: border-box;padding:15% 12%;background: rgba(0,0,0,.3);margin-bottom:15px;}
.xh-index-4 .index-main-list .ntext .guang4 {position: absolute;height: 50px;width: 100%;z-index: 999;bottom: 0;left: 0;}
.xh-index-4 .index-main-list .ntext .guang4 .janban4 {width: 100%;height: 30px;left:0;bottom: 0;}
.xh-index-4 .index-main-list .ntext .guang4 .janban3 {width: 100%;height: 10px;left:0;bottom: 20%;z-index: 9;}
.xh-index-4 .index-main-list .ntext .guang4 .janban2 {width: 100%;height: 50px;left:0;bottom: -20%;z-index: 10;background: radial-gradient(ellipse at center center, rgba(207, 50, 255, 0.5) 10%, rgba(0,0,0,0) 50%);margin-left: 10%;}
.xh-index-4 .index-main-list .ntext-1{font-size: 28px;}
.xh-index-4 .index-main-list .pic{float: left;width: 60%;position: relative;margin-left:4%;}
.xh-index-4 .index-main-list .index-main-list-item:nth-child(2) .ntext {float: right;}
.xh-index-4 .index-main-list .index-main-list-item:nth-child(2) .pic {float: right;margin-left:auto;width: 60%;margin-right:4%;}
.xh-index-4 .index-main-top  {margin:100px 0;}
.index-main-top {position: relative;color: #fff;margin-bottom:100px;}
.index-main-top .ntitle-1{font-size: 20px;position: relative;}
.index-main-top .ntitle-1::after {content: '';width: 43px;height: 13px;background: #263AFF;margin:25px 0;display: block;}
.index-main-top .ntitle-2{font-size: 36px;line-height: 48px;}
.xh-index-4 .index-main-list .ntext .guang4 .janban2{animation:opacity3 2500ms ease 0s infinite normal;}
.xh-index-4 .index-main-list .ntext .guang4 .janban3{animation:opacity3 2500ms ease 0s infinite normal;}
.xh-index-4 .index-main-list .ntext .guang4 .janban4{animation:opacity3 2500ms ease 0s infinite normal;}
@keyframes opacity3{0%{left:-40%;opacity:0;} 50%{left:-5%;opacity: 1;}100%{left:35%;opacity: 0;}}
.index-main-title .ntitle-1	{font-size: 70px;color: #4EC2FF;position: relative;font-weight: bold;}
.index-main-title .ntitle-1::after {content: '';width: 64px;height: 14px;background: #263AFF;margin:30px 0;display: block;}
.xh-technology-1 .index-main-title {position: absolute;left: 20%;top: 5%;} 
.xh-technology-1 .pic-3 .ntitle-1 {font-size: 18px;color:#019F98;padding-bottom: 30px;font-weight: bold;}
.xh-technology-1 .ntitle-1 {font-size: 70px;color: #4EC2FF;font-weight: bold;}
.xh-technology-1 .ntext-2 {font-size: 50px;color: #4EC2FF;font-weight: bold;}
.xh-technology-1 .ntext-3 {font-size: 19px;color: #fff;line-height: 34px;margin-top: 40px;position: relative;padding-left: 30px;font-weight: 300;opacity: .9;}
.xh-technology-1 .ntext-3::before {content: '';width: 7px;height: 100%;background: url('../upload/jiantouc.png') bottom no-repeat;position: absolute;left: 0;top: 0;opacity: .5;}
.xh-technology-1 .npic-1 {width:100%;height: 100%;}
.xh-technology-2 .ntitle-1 {font-size: 18px;color:#019F98;font-weight: bold;}
.xh-technology-2 .line-1 img.img-block,.xh-technology-1 .pic-3 .line-1 img.img-block{width: auto;max-width: none;}
.xh-technology-2 .text-1 .title-2 {margin-top:10px;color:#4EC2FF;}
.xh-technology-2 .text-1 {width: 85%;float: right;overflow: hidden;margin-bottom: 50px;}
.xh-technology-2 .group-1,.xh-technology-2 .group-2,.xh-technology-2 .group-3 {width: 48%;}
.xh-product-1 .text{background: url('../upload/kuang.png') left center no-repeat;background-size:auto 100%;height: 340px;padding: 120px 0px 0px 200px;margin-left: 25%;}
.xh-product-1 .text .ntitle-1{color: #00EED1;font-size: 72px;}
.xh-product-1 .text .ntext-3 {font-size: 18px;line-height: 28px;padding-top: 10px;width: 80%;}
.xh-about-1 .ntitle-1 {font-size: 70px;color: #4EC2FF;position: relative;font-weight: bold;}
.xh-technology-1 .janban1 {bottom: -2%;}
.xh-technology-1 .janban2 {bottom: -2%;}
.xh-technology-1 .janban3 {bottom: -1%;}
.xh-technology-1 .bkuang2 {border-image: linear-gradient(319deg, #00114D,#000, #ccc, #000387 70%,#000, #000387 100%) 10 10;}
.equipment-characteristics .equipment-bottom * {transition:all .4s ease;}
.equipment-characteristics .equipment-bottom .ebx1 .janban1,
.equipment-characteristics .equipment-bottom .ebx1 .janban2,
.equipment-characteristics .equipment-bottom .ebx1 .janban3 {display: none;background-blend-mode: multiply;}
.equipment-characteristics .equipment-bottom .ebx1:hover .janban1,
.equipment-characteristics .equipment-bottom .ebx1:hover .janban2,
.equipment-characteristics .equipment-bottom .ebx1:hover .janban3 {display: block;}
.equipment-characteristics .equipment-bottom .ebx1 .janban1 {bottom:-13px;width: 120%;height: 30px;left: 0;margin-left: -27%;background: radial-gradient(ellipse at center center, rgb(123, 197, 253) 10%, rgba(0,0,0,0) 40%);}
.equipment-characteristics .equipment-bottom .ebx1 .janban2 {bottom:-13px;width: 120%;height: 30px;left: 0;margin-left: -27%;}
.equipment-characteristics .equipment-bottom .ebx1 .janban3 {bottom:-13px;width: 120%;height: 30px;left: 0;margin-left: -27%;}
.equipment-characteristics .equipment-bottom .ebx1 .pic img {transition:all .4s ease;}
.equipment-characteristics .equipment-bottom .ebx1:hover .pic img.img-center {transform: scale(1.1);}
.equipment-characteristics .equipment-bottom .ebx1 {overflow:visible;}
.xh-product-detail .main.center.mhauto {top: 15%;}
.equipment-characteristics .equipment-bottom .ebx1.cur i{background: #233CFF;border: 1px solid #233CFF;}
.equipment-characteristics .equipment-bottom .ebx1.cur .pic::before {background:#233CFF; }
.equipment-characteristics .equipment-bottom .ebx1.cur .janban1,
.equipment-characteristics .equipment-bottom .ebx1.cur .janban2,
.equipment-characteristics .equipment-bottom .ebx1.cur .janban3 {display: block;}
.equipment-characteristics .equipment-bottom .ebx1.cur .pic{transform: scale(1.1);z-index: 10;}
.xh-menu-toggle{transition:all .4s ease;}
.scroll-down .xh-menu-toggle,.scroll-top .xh-menu-toggle{right:0;top:0;background: rgba(0,0,0,.5);width: 100px;height: 100px;}
.scroll-down .xh-menu-toggle:hover,.scroll-top .xh-menu-toggle:hover{background: rgba(78,194,255,.9);}





@media screen and (max-width: 5120px) {
 
}
@media screen and (max-width: 3840px) {
		
}
@media screen and (max-width: 2560px) {
	
}
@media screen and (max-width: 2048px) {
	
}
@media screen and (max-width: 1920px) {
	
}
@media screen and (max-width: 1680px) {
	.xh-product-detail .main.top15 {top: 10%;}
	.scope-application-right2 {bottom: 5%; width: 60%;padding: 3% 5%;font-size: 16px;}
	.scope-application-right li a span {font-size: 20px;}
	.equipment-characteristics .equipment-top .text2 {font-size: 14px;line-height: 22px;}
	.equipment-characteristics .equipment-bottom li strong { font-size: 18px;}
	.equipment-characteristics .equipment-bottom li i {width: 50px;height: 50px;}
	.equipment-characteristics .equipment-bottom li span {font-size: 14px;padding: 10px 0 5px 0;}
	.equipment-characteristics .equipment-top .text1 {font-size:50px;}
	.xh-index-4 .text .title-1{text-align: right}
	.xh-index-1 .img .pic2 img.img-center {max-height: 90%;}
	.title-y span {font-size: 50px;line-height: 60px;}
	.xh-technology-1 .pic-3 .title-1 span {font-size: 50px;}
	.xh-index-1 .text.text-2 {right: 5%;width:20%;}
	.xh-index-2 .text.text-1 h1,.xh-news-1 .ntitle-1 {font-size: 50px;}
	.xh-index-3 .center .ntext-2 {font-size: 38px;}
	.xh-index-3 .center .ntext-1,.index-main-top .ntitle-1 {font-size: 16px;}
	.xh-index-3 .center .ntext-2::after {height: 10px;margin: 20px 0;}
	.xh-index-3 .center .ntext-3 {font-size: 14px;line-height: 30px;}
	.xh-index-3 .center .center-content,.xh-index-4 .index-main-content {width: 70%;}
	.xh-index-3 .center .ntext {padding: 5%;}
	.index-main-top {margin: 50px 0 40px 0;}
	.xh-index-4 .index-main-list .ntext-1 {font-size: 20px;}
	.index-main-top .ntitle-2 {font-size: 26px;line-height: 34px;}
	.xh-index-4 .index-main-list-item {margin-bottom: 50px;}
	.xh-index-4 .index-main-list .ntext-kuang {padding: 12% 12%;}
	.xh-index-4 .index-main-list .pic,.xh-index-4 .index-main-list .index-main-list-item:nth-child(2) .pic {width: 50%;}
	.xh-technology-1 .index-main-title {left: 10%;}
	.xh-technology-1 .ntitle-1,.xh-about-1 .ntitle-1,.xh-about-3 .text .ntitle-1 {font-size: 50px;}
	.xh-technology-1 .ntext-2 {font-size: 40px;}
	.xh-technology-1 .ntext-3,.equipment-characteristics .equipment-bottom .ebx1 .texttop strong {font-size: 16px;line-height: 24px;}
	.xh-technology-2 .group-1 .text-1 {margin: 5% auto 50px auto;}
	.xh-index-content .text-1 {margin-bottom: 50px;}
	.xh-technology-2 .pic-1 {position: relative;}
	.xh-product-1 .text {height: 250px;}
	.xh-product-1 .text .ntitle-1 {font-size: 52px;}
	.xh-product-1 .text .ntext-3 {font-size: 14px;line-height: 24px;width: 100%;}
	.equipment-characteristics .equipment-bottom .ebx1 .texttop span {font-size: 24px;}
	.equipment-characteristics.num5 {margin-top: -10%;}
	.equipment-characteristics .equipment-bottom .ebx1 {width: 21%;}
	.equipment-characteristics .equipment-bottom.num5 .ebx1:nth-child(5),.equipment-characteristics .equipment-bottom.num5 .ebx1:nth-child(4) {width: 32%;}
	.equipment-characteristics .equipment-bottom .ebx1 .texttop i {width: 55px;height: 55px;}
	.xh-about-1 .ppic {width: 80%;}
	.xh-about-2 .ppic img.img-center {max-width: 60%;max-height: 70%;}
	.xh-about-2 .ntext-4 {top: 20%;line-height: 36px;width: 26%;font-size: 16px;line-height: 32px;}
	.xh-product-detail .main.center.top40 .equipment-characteristics.num5 {margin-top:0;}
	.xh-index-3 .center .ntext-2 {padding-top: 0px;}
	.xh-menu-toggle {right: 10%;top: 5%;}
}
@media screen and (max-width: 1600px) {	
	.xh-index-content .text-1 {font-size: 40px;}
	.xh-index-4 .kuang {width: 80%;bottom: 0;}
	.xh-index-content .title-1 span {font-size: 44px;}
	.xh-index-4 .text {top: 12%;}
	.xh-index-4 .left {top: 13%;}
	.xh-index-5 .absolute {top: 25%;}
	.xh-index-2 .text.text-1 {font-size: 50px; line-height: 60px;}
	.xh-index-3 .center .kuang {width: 70%;height: auto;}
	.xh-index-3 .center .text { width: 40%;right: 0;top: 8%;}
	.xh-index-3 .center .ntext-1, .index-main-top .ntitle-1,.xh-index-content .more-3 a {font-size: 14px;}
	.xh-index-3 .center .ntext-2::after {margin: 10px 0;}
}
@media screen and (max-width: 1500px) {	
	.xh-technology-1 .text {width: 540px;left: 10%;}
	.xh-technology-1 .pic-1 {width: 30%;left: 10%;}
	.xh-technology-1 .pic-3 {width: 55%;right: 10%;top: 25%;}
	.xh-technology-1 .pic-3 .technology-1 {width: 63%;right: 16%;}
	.num-2 strong {font-size: 200px;line-height: 200px;}
	.xh-technology-2 {position: relative;}
	.xh-technology-2 .text {position: absolute;left: 15%;}
	.xh-technology-1 .pic-3 .text-3,.xh-technology-2 .text-1 .text-3 {font-size: 16px;line-height: 26px;}
	.xh-technology-2 .text-1 {width: 70%;}
	.xh-technology-2 .text-1 .title-2 {font-size: 30px;padding: 10px 0;}
	.xh-index-content .right-1 {right: 5%;}
	.xh-technology-2 .group-1 {width: 45%;position: relative;margin:0 auto auto;}
	.xh-technology-2 .group-2 {width: 45%;position: relative;margin:40% auto auto;}
	.xh-technology-2 .group-3 {width: 45%;position: relative;margin-top: -15%;}
	.xh-technology-2 .text-1 {position: relative;left:auto;width: 70%;top: auto;}
	.xh-technology-3 {bottom: 20%;}
	.xh-technology-2 .main {width: 80%;right: 10%;top: 5%;}
	.xh-product-1 .text { width: 700px;margin-left: 10%;}
	.xh-product-1 .xh-product {margin-top: 30px;margin-left: 10%;}
	.xh-product-swiper .text-2 p {font-size: 30px;}
	.xh-index-content .line-2 {margin: 10px 0;}
	.xh-product-swiper .text-3 {font-size: 14px;line-height: 30px;letter-spacing: 0px;}
	.xh-product-swiper .swiper-button-next, .xh-product-swiper .swiper-button-prev {width:55px;height: 55px;}
	.xh-footer {padding-top: 80px;}
	.xh-footer-right li {margin-bottom: 30px;}
	.xh-about-1 .main {width: 80%;right: 10%;}
	.xh-about-1 .text {width: 35%;}
	.xh-index-content .xh-about-1 .line {margin-top: 3%;}
	.xh-about-1 .text-3 {margin-top: 2%;font-size: 16px;line-height: 32px;}
	.xh-about-2 .text-3 {font-size: 16px;line-height: 34px;}
	.xh-certificate-title .zstitle.cur span {font-size: 24px;}
	.zstitle span {font-size: 16px;}
	.xh-certificate-swiper {margin-left: 9%;}
	.xh-about-3 .certificate {width: 85%;margin: 8% 5% 0 0;}
	.xh-news-1 .main {width: 80%;height: 100%;right: 10%;top: 10%;}
	.xh-news-1 .newslist {width: 100%; margin-top: 30px; margin-left: 3%;}
	.xh-news-1 .newslist .news .news-4 strong {font-size: 18px;}
	.xh-news-1 .newslist .news .news-4 p {line-height: 22px;letter-spacing: 0px;}
	.xh-news-1 .newslist .news .kuang-1 { width: 40%;right: 55%; top: 12%;}
	.xh-news-1 .newslist .news .kuang-3 { width: 75%;margin: 4% auto;}
	.xh-news-1 .newslist .news a:hover .kuang-3::after {right: -30px;}
	.xh-news-1 .newslist .news .kuang-3::after {width: 90px;}
	.xh-path-content {width: 80%;}
	.xh-path-content a { font-size: 14px;}
	.xh-news-detail-main-content .title-2 {font-size: 40px;}
	.xh-news-detail-main-content .detail-3 {font-size: 16px;line-height: 26px;}
	.xh-news-detail-main-content {padding: 5% 10% 10% 10%;}
	.xh-contact-1 .main { width: 80%;right: 10%;}
	.xh-contact-1 .left { width: 30%;}
	.xh-contact-1 .contact {margin-top: 0px;}
	.product-text .title1 {font-size: 44px;}
	.market-capacity-top .text1,.equipment-characteristics .equipment-top .text1 {font-size: 50px;}
	.product-text .title2 {margin: 10px auto;font-size: 18px;line-height: 50px;}
	.product-text .text3 {font-size: 16px;line-height: 28px;}
	.product-text .product4 { height: 200px; margin: 50px auto auto;}
	.xh-product-detail .main {width: 80%;right: 10%;top: 20%;}
	.product-text .title1 {font-size: 38px;}
	.product-text .title2 h3 {font-size: 18px;line-height: 50px;}
	.scope-application-left {top: 5%;}
	.market-capacity-top .text2 {font-size: 16px;line-height:28px;padding: 20px 0;}
	.equipment-characteristics .equipment-bottom li strong {font-size: 16px;}
	.equipment-characteristics .equipment-bottom {padding: 20px 0 0px 0;}
	.equipment-characteristics .product4 {width: 500px;margin: 40px auto auto;}
	.market-capacity-bottom li span,.market-capacity-bottom .tip {font-size: 18px;}
	.market-capacity-bottom li strong {font-size: 28px;line-height:44px;}
	.fgline { padding: 30px 0;}
	.xh-product-swiper .text-2 {font-size: 30px;}
	.xh-about-2 .text .year-1 { margin: 15% auto auto auto;}
	.xh-about-3 .text {margin-top: 5%;}
	.guangxian1 {width: 900px;height: 900px;bottom: -58%;right: -38%;}
	.xh-index-right1,.xh-index-left1,.xh-index-3 .left,.xh-index-4 .right {width: 30px;}
	.xh-product-detail .main.top40{top:15%;}
	.product4-item {height: 500px;}
	.scope-application-right2 {bottom: 0%;font-size: 14px;padding: 2% 3%;}
	.xh-product-detail .main.top15{top: 5%;}
	.scope-application-right2 {width: 50%;}
}
@media screen and (max-width: 1440px) {
	.xh-index-1 .text.text-1 {left: 15%;top: 28%;}
	.xh-index-content .text-1 {font-size: 38px;}
	.xh-index-1 .text.text-1 p {margin:0;}
	.xh-index-2 .absolute {width: 1000px;left: 50%;top: 14%;margin-left: -500px;}
	.xh-index-2 .text.text-1 {font-size: 50px;line-height: 60px;}
	.xh-index-3 .center .kuang {width: 75%;height: auto;}
	.xh-index-3 .center .kuang .product {width: 30%;margin-left:0px;left: 35%;}
	.xh-index-content .title-1 { height: 80px;}
	.xh-index-content .title-1 span {font-size: 38px;}
	.xh-index-2 .text.text-2::after {background: url(../images/jiantouc.png) center bottom no-repeat;height: 90px;}
	.xh-index-content .text-en2 {height: 30px;}
	.xh-index-content .text-en2 span {font-size: 34px;bottom: -15px;}
	.xh-index-3 .center .text .text-3 {font-size: 20px;margin-top: 10%;}
	.xh-index-3 .center .text .text-4,.xh-index-2 .text.text-2,.xh-index-1 .text.text-2,.xh-index-4 .text .text-4,.xh-index-5 .text .text-4 {font-size: 12px;line-height: 22px;}
	.xh-index-3 .center .text {width: 600px;right: 1%;top: 10%;}
	.xh-index-content .text .line {height: 10px;}
	.xh-index-3 .center .text .text-4 {padding: 0px 0;}
	.xh-index-4 .text {width: 540px;right: 18%;top:11%;}
	.xh-index-4 .text .text-4 { padding:20px 0 0px 0;}
	.xh-index-4 .left {width: 40%;}
	.xh-index-4 .kuang {width: 90%;height: auto;right: 0;bottom: 15%;}
	.xh-index-4 .kuang .item-3 .item .title  {font-size:17px;}
	.xh-index-5 .text {top: 7%;left: 15%;}
	.xh-index-5 .absolute {width: 85%;left: 15%;top:0;}
	.xh-zhankai {margin-top: 20px;height: 480px;}
	.xh-zhankai-box {width: 50%;height: auto;}
	.xh-zhankai-box .title-3 strong  {font-size: 20px;}
	.xh-zhankai-box .title-3 p {font-size: 16px;}
	.xh-zhankai-box .kuang2 {height: 480px;background: url(../images/zhankai2.png) left top no-repeat;background-size: 100% 100%;}
	.xh-zhankai-box.cur:first-child .kuang2 {background: url(../images/zhankai.png) left top no-repeat;background-size: 100% 100%;}
	.xh-zhankai-box.cur .kuang2 {background: url(../images/zhankai3.png) left top no-repeat;background-size: 100% 100%;}
	.xh-zhankai-box .product-2 {left: 0px;}
	.xh-zhankai-box img {width: 100%;}
	.xh-zhankai-box.xzb-2 {left:500px;}
	.xh-zhankai-box.xzb-3 {left:750px;}
	.xh-zhankai-box.xzb-4 {left:1000px;}
	.xh-zhankai-box.left300 {left: 250px;}
	.xh-zhankai-box.left590 {left: 500px;}
	.xh-zhankai-box.left600 {left: 500px;}
	.xh-zhankai-box.left885 {left: 750px;}
	.xh-zhankai-box.left900 {left: 750px;}
	.xh-zhankai-box.left940 {left: 750px;}
	.xh-zhankai-box.left1185 {left: 1000px;}
	.xh-zhankai-box.left1240 {left: 1000px;}	
	.xh-index-5 .index-main-top {margin: 0px 0 40px 0;}
	.xh-index-4 .index-main-list-item {margin-bottom: 100px;}
		
}
@media screen and (max-width: 1366px) {
	.xh-technology-1 .pic-3 .title-1 span {font-size: 50px;}
	.xh-technology-1 .pic-3 .text-2 {font-size: 16px;}
	.xh-technology-2 .text-1 .title-2 {font-size: 30px;}
	.left-1 {width: 30px;left: 3%;}
	.xh-index-content .right-1 {width: 30px;right:3%;}
	.xh-product-2 .main {width: 80%;right: 10%;}
	.xh-product-swiper .product-3 { width: 60%;margin-top: 0;float: right;}
	.xh-product-swiper {width: 90%;margin: 2% auto auto;}
	.xh-product-3 .xh-product-swiper .text {margin-left: 0;}
	.xh-product-3 .main,.xh-product-4 .main {width: 80%;right: 10%;}
	.xh-product-3 .xh-product-swiper .text {margin-left: 0;position: absolute;right: 0;}
	.xh-product-3 .xh-product-swiper .product-3 { float: left;}
	.xh-product-3 .xh-product-swiper .swiper-button-next { margin-right: -270px;}
	.xh-product-3 .xh-product-swiper .swiper-button-prev { margin-right: -200px;}
	.product-text .text3 {font-size: 14px;line-height: 24px;}
	.product-text .title2 {font-size: 16px;}
	.product-text .title1 {font-size: 34px;}
	.scope-application .text1 {font-size: 40px;line-height: 49px;}
	.scope-application .text3 {right: 5%;font-size: 300px;}
	.scope-application .text2 {font-size: 200px;}
	.scope-application-left {width: 35%;}
	.scope-application-right li span {font-size: 20px;}
	.xh-product-detail .main {width: 80%;right: 10%;top: 20%;}
	.equipment-characteristics .product4 {width: 300px;margin: 20px auto auto;}
	.market-capacity-bottom {margin-top:60px;}
	.market-capacity-top .text2 {font-size: 14px;line-height: 24px;}
	.market-capacity-top .text1, .equipment-characteristics .equipment-top .text1 {font-size: 40px;}
	.xh-index-content .text-1 {font-size: 38px;}
	.guangxian1 {bottom: -60%;right: -42%;}
	.xh-technology-2 .pic-1 {padding-bottom: 3%;}
	.xh-index-content .title-1 span:first-child{position: relative;}
	.xh-index-content .title-1 span:nth-child(2) { left: -1px;}
	.product4-item {height: 450px;}
	.product4-item .title-3 strong {font-size:18px;}
	.product4-item .title-3 p{font-size:14px;}
	.xh-about-2 .ntext-4 {top: 10%;}
	
}
@media screen and (max-width: 1280px) {
	.xh-index-1 .text.text-1 {left: 10%;top: 30%;font-size: 50px;}	
	.xh-index-2 .absolute {width: 80%;left: 10%;top: 20%;margin-left:0px;}
	.xh-index-2 .text.text-1 {font-size:50px;line-height: 60px;}
	.xh-index-content .text-en2 span {font-size: 28px;}
	.xh-index-content .title-1 {height: 60px;}
	.xh-index-content .title-1 span {font-size:30px;}
	.xh-index-3 .center .text {width: auto;right: 5%;}
	.xh-zhankai-box.xzb-2 {left:440px;}
	.xh-zhankai-box.xzb-3 {left:660px;}
	.xh-zhankai-box.xzb-4 {left:880px;}
	.xh-zhankai-box.left300 {left: 220px;}
	.xh-zhankai-box.left590 {left: 440px;}
	.xh-zhankai-box.left600 {left: 450px;}
	.xh-zhankai-box.left885 {left: 670px;}
	.xh-zhankai-box.left900 {left: 670px;}
	.xh-zhankai-box.left940 {left: 670px;}
	.xh-zhankai-box.left1185 {left: 890px;}
	.xh-zhankai-box.left1240 {left: 890px;}
	.xh-technology-1 .pic-3 .text-3, .xh-technology-2 .text-1 .text-3 {font-size: 14px;line-height: 24px;}
	.xh-contact-1 .contact .item .bottom-2 {font-size: 16px;}
	.xh-footer-right li a {font-size: 14px;line-height: 24px;}
	.product4-item {height: 400px;}
	.scope-application-right li a:hover span { padding: 10px 10px;}
	.scope-application-right li a span {font-size: 18px;padding: 5px 0;margin-top: 0px;}
	.scope-application-right2 {line-height: 24px;}
	.xh-about-2 .ntext-4 {top: 17%;font-size: 14px;line-height: 28px;}
	.xh-about-1 .text-3 {font-size: 14px;line-height: 28px;}
}
@media screen and (max-width: 1152px) {
 	.xh-content {width: 90%;}
}
@media screen and (max-width: 1024px) {}
@media screen and (max-width: 640px) {
	.pcshow{display: none!important;}
	.mbshow{display: block!important;}
	.xh-header {position: absolute;}
	.xh-header .xh-content { height: 50px;}
	.xh-logo {width: 200px;margin-top: -10px;height: 30px;}
	.xh-header-nav { width: 80%;margin: 20% auto auto;}
	.xh-header-contact {position: relative;right: auto;bottom: auto;width: 80%; margin: 10% 0 0 15%;}
	.xh-header-nav li { padding: 3% 0px 3% 14%;}
	.xh-header-nav li a:hover::after {left: 4%;}
	.xh-header-nav li a {display: block;}
	.xh-footer-logo { width: 40%;left: 0;top: 1%;}
	.xh-footer-logo a {width: 100%;height: auto;}
	.niegoweb {font-size: 10px;}
	.xh-footer-right {float: right;width: 60%;}
	.xh-footer-right li a {font-size: 14px;line-height: 30px;padding-left: 30%;}
	.xh-footer-right li a:hover {padding-left: 10%;}
	.xh-footer-right li {margin-bottom: 0px;}
	.xh-footer-contact {position: relative;}
	.xh-footer-logo {width: 20%;left: auto;top: 1%;right: 0;}
	.niegoweb,.xh-index-3 .left,.xh-index-right1,.xh-index-right1, .xh-index-left1, .xh-index-3 .left, .xh-index-4 .right, .product-right1,.xh-index-content .right-1,.left-1 {display: none}
	.xh-footer-right {float: none;width: 100%;}
	.xh-footer-right li a {padding-left: 0;}
	.xh-footer-right li:nth-child(4) {margin-bottom: 0px;}
	.xh-index-5 footer {bottom: 4%;}
	.xh-footer {padding-top: 40px;}
	.xh-footer .box {top: 0;right: 10%;width: 50px;height: 8px;}
	.xh-footer::before {top: 8px;}
	.xh-header-contact p {opacity: .5;font-weight: 300;font-size: 12px;}
	.xh-index-1 .text.text-1 {width: 90%;left: 5%;margin-left: 0;font-size: 25px;}
	.xh-index-1 .text.text-2 {width: 90%;right: 5%;top: 70%;margin: 0;}
	.xh-index-2 .absolute {width: 90%;left: 5%;top: 20%;margin-left: 0px;}
	.xh-index-2 .text.text-1 {font-size: 20px;line-height: 30px;}
	.xh-index-2 .text.text-1 {text-shadow: none;color: #fff;font-weight: bold;}
	.xh-index-2 .text.text-1::after {width: 50px;height: 8px;}
	.yuanjui,.yuanjui1,.yuanjui2,.janban1,.janban2,.janban3 {height: 20px;bottom: 1%;}
	.bkuang1 {height: 95%;}
	.xh-index-3 .left { width: 5%;bottom: 5%;left: 5%;}
	.xh-index-4 .right { width: 5%;bottom: 5%;right: 5%;}
	.xh-index-2 .text.text-1 {width: 100%;}
	.xh-index-2 .text.text-2 {margin: 10% 0;padding-left: 10%;padding-top:0;width:90%;}
	.xh-index-2 .text.text-1::after { width: 50px;height: 8px; margin-top: 10%;}
	.xh-index-3 .center {top: 20%;}
	.xh-index-3 .center .text {width: 90%;left: 5%;right: auto;top:20%;}
	.xh-index-3 .center .kuang {width: 100%;}
	.xh-index-3 .center .kuang .product {width:40%;margin-left: 0px;left: 30%;top: 15%;}
	.xh-index-3 .center .kuang .product img:first-child {margin-bottom: 0px;}
	.xh-index-3 .center .text .text-4 p:first-child,.xh-index-3 .center .text .text-4 {font-size: 14px;letter-spacing: 0px;}
	.xh-index-3 .center .text .text-4 p:first-child strong{font-size: 16px;margin: 0; display: block;}
	.xh-index-content .title-1 span {font-size: 37px;}
	.xh-index-content .title-1 {height: 50px;}
	.xh-index-content .text-en2 span {font-size: 20px;bottom: -10px;}
	.xh-index-3 .center .text .text-3 {font-size: 20px;margin-top: 10%;letter-spacing: 0px;}
	.xh-index-3 .center .kuang,.xh-about-1 .text,.xh-about-2 .text,.xh-index-1 .jiantou-4 {width:100%;float: none;}
	.xh-index-3 .center .text .text-4 p {margin: 1px 0;}
	.xh-index-3 .center .text {top: 100%;}
	.xh-index-3 .center .text .text-4 {padding: 30px 0 10px 0;}
	.xh-index-4 .kuang {width: 90%;height: auto;right: 10%;bottom: 10%;padding: 10% 0;}
	.xh-index-4 .kuang .item-3 .item {width: 26%;margin:2%;}
	.xh-index-4 .kuang .item-3 .item .title {font-size: 12px;letter-spacing: 0;}
	.xh-index-4 .left {top: 50%;width: 40%;}
	.xh-index-4 .text {width: 90%;right: 5%;}
	.xh-index-4 .kuang {width: 100%;right: 0%;}
	.xh-index-5 .absolute { top: 30%;width: 100%;left: 0;}
	.xh-index-5 .text .line {margin-top: 10%;}
	.xh-index-5 .text {top: 7%;left: 5%;width: 90%;}
	.xh-index-product4 { padding-left: 0;width: 100%;}
	.product4-item.cur {width: 100%;transform: skewX(0deg)}
	.product4-item.cur .product-2 img, .product4-item.cur .product-2 img,.product4-item.cur .title-3, .product4-item.cur .product-2,.product4-item,.product4-item .product-2,.product4-item .title-3 {transform: skewX(0deg)}
	.product4-item {width: 100%;height:150px;}
	.product4-item .title-3 strong {font-size: 16px;letter-spacing: 0;}
	.product4-item .title-3 {display: block;}
	.product4-item.cur .product-2 img {width: auto;margin: auto;display: inline-block;opacity: 1;transform: translateY(8%);}
	.product4-item .product-2 img {width: auto;max-width: none;margin: auto;display: inline-block;opacity: 1;transform: translateY(8%);}
	.product4-item .title-3 p {font-size: 14px;}
	.product4-item .title-3 {left: auto; right: 5%; bottom: 35%;width: 50%;text-align: left;}
	.xh-index-5 .more-3 {margin-top: 3%;margin-left: 5%;}
	.xh-zhankai { height: auto;}
	.xh-index-right1, .xh-index-left1, .xh-index-3 .left, .xh-index-4 .right,.product-right1 {width: 5%;}
	.xh-technology-1 .text ,.xh-technology-1 .pic-1{width: 90%;left: 5%;}
	.num-2 strong {font-size: 120px;line-height: 170px;}
	.num-2 {top: 10%;}
	.xh-technology-1 .pic-3 {width: 90%;height: auto;right: 5%;top: 20%;}
	.xh-technology-1 .pic-3 .technology-1 {width: 80%;right: 10%;}
	.xh-technology-1 .pic-1,.xh-news-1 .newslist .news .news-4 strong, .xh-news-detail .return-4 a span,.guangxian1 {display: none;}
	.xh-technology-1 .pic-3 .text-2 {font-size: 18px; padding: 0px 0;}
	.xh-technology-2 .group-1,.xh-technology-2 .group-2,.xh-technology-2 .group-3 {width: 100%;margin: 0 0 3% 0;}
	.xh-technology-2 .text-1 .title-2 {font-size: 24px;}
	.xh-technology-2 .text {left: 5%;width: 90%;}
	.xh-technology-2 .pic-1 {width: 100%;margin: 5% auto auto;}
	.xh-product-1 .text {width: 80%;margin-left: 10%;}
	.xh-product-swiper .text,.equipment-characteristics,.xh-news-1 .text,.xh-contact-1 .left,.xh-contact-1 .right {float: none;width: 100%;}
	.xh-product-3 .xh-product-swiper .text { position: relative;right: auto;padding-bottom: 50%;}
	.xh-product-3 .xh-product-swiper .product-3 {float: left;}
	.product-text .title1 {font-size: 24px;}
	.xh-product-detail .main {width: 90%;right: 5%;top:15%;height:auto;}
	.scope-application-left {width: 90%;top: 0;padding-left: 10%;position: relative;}
	.scope-application-right {position: relative;width: 100%;margin-left: 0;margin: 0;top: auto;}
	.scope-application-right li a span { font-size: 18px;padding: 0px;margin-top: 0px;}
	.scope-application-right li {border: 1px solid #333;margin:2%;float: none;padding-right: 0px;padding:10px;text-align: center;}
	.market-capacity-top .text1, .equipment-characteristics .equipment-top .text1 {font-size: 30px;}
	.equipment-characteristics .equipment-bottom {padding: 0px 0 0px 0;}
	.equipment-characteristics .equipment-bottom li {width: 33%;}
	.equipment-characteristics .equipment-bottom li span {font-size: 10px;}
	.equipment-characteristics .equipment-bottom li strong {font-size: 12px;}
	.scope-application .text1 {font-size: 35px;line-height: 35px;}
	.scope-application .text2 {font-size: 150px;line-height: 150px;}
	.scope-application .text3 {right: 5%;font-size: 250px;line-height: 250px;}
	.market-capacity-bottom li strong {font-size: 22px;line-height: 34px;}
	.market-capacity-bottom li span, .market-capacity-bottom .tip {font-size: 14px;}
	.xh-about-1 .main {width: 90%;right: 5%;top: 20%;height: auto;}
	.xh-about-2 .main {width: 90%;right: 5%;}
	.xh-about-2 .text .year-1 {margin: 0 auto auto auto;width: 80%;}
	.xh-about-2 .text-3 {font-size: 14px;line-height: 22px;width:100%;margin:30px auto;font-weight: normal;text-align: justify;}
	.xh-about-3 .text {margin-left: 5%;}
	.xh-index-content .xh-about-1 .line {margin-top: 5%;}
	.xh-certificate-text {display: none;}
	.xh-certificate-swiper {margin-left: auto;margin: auto;width: 80%;float: none;}
	.xh-about-3 .main {top: 20%;}
	.xh-about-3 .certificate {width: 85%;margin: 8% auto auto auto;float: none;}
	.xh-news-1 .newslist {width: 100%;margin-top: 30px; margin-left: 0;}
	.xh-news-1 .newslist .news a .kuang-1 {width: 100%;right: 0;height: 200px;position: relative;}
	.xh-news-1 .newslist .news .kuang-3 {width: 100%;margin:auto;}
	.xh-news-1 .newslist .news .news-4 {position: relative; width: 100%;right: auto;top: auto;}
	.xh-news-1 .newslist .news img.img-block,.fgline {display: none;}
	.xh-news-1 .newslist .news a:hover .news-4 {width: 100%;right: auto;top: auto;}
	.xh-news-1 .newslist .news a:hover .kuang-1 {width: 100%;right: auto;top: auto;}
	.xh-news-detail {width: 90%;}
	.xh-path::after,.xh-footer .box {width: 50px; height: 10px;right: 5%;}
	.xh-news-detail-main-content .title-2 {font-size: 30px;}
	.xh-contact-1 .contact .item {margin-top: 20px;}
	.xh-technology-1 .pic-3 .title-1 span {font-size: 40px;}
	.xh-technology-1 .pic-3 .kuang-4 {position: relative;left:auto;top: auto;width: 100%;height: 100%;}
	.xh-technology-1 .pic-3 .technology-1 {width: 100%;right: auto;position: absolute;top:0;height: auto;padding: 10%;box-sizing: border-box;}
	.npic-1 img.img-block {opacity: 0;}
	.npic-1 {background-size: 100% 100%!important;padding-bottom: 50px;}
	.xh-technology-1 .pic-3 .ntitle-1,.xh-technology-1 .pic-3 .line-1 {padding-bottom: 10px;}
	.xh-technology-1 .pic-3 .text-3 {font-size: 14px;line-height: 20px;letter-spacing: 0px;}
	.xh-technology-1 .bkuang1 {height: 98%;}
	.xh-technology-2 .line-1 {margin-top: 4%;}
	.xh-technology-2 .main {width: 90%;right: 5%;top: 5%;}
	.xh-technology-2 .text-1 {width: 100%;}
	.xh-index-content .text-3 {font-size: 14px;line-height: 20px;letter-spacing: 0px;}
	.xh-product-1 .main {top: 10%;height: auto;}
	.xh-product-1 .xh-product {margin-top: 30px;margin: 30px auto auto;width: 90%;}
	.xh-product-2 .main,.xh-product-3 .main, .xh-product-4 .main {width: 90%;right: 5%;}
	.xh-product-3 .xh-product-swiper .product-3 {float: right;position: absolute;right: 0;bottom: 0;}
	.xh-product-4 footer,.xh-product-detail footer,.xh-about-3 footer {bottom: 5%;}
	.xh-product-swiper .swiper-button-next, .xh-product-swiper .swiper-button-prev {width: 35px;height: 35px;}
	.xh-product-swiper .swiper-button-prev {left: 0!important;margin-left: 0px;margin-right:0px;right: auto;}
	.xh-product-swiper .swiper-button-next {left: 40px!important;margin-left: 0px;margin-right:0px;right: auto;}
	.product-text .product4 {height: auto;}
	.product-text .product4 .img-center {position: relative;max-width: 60%;}
	.scope-application { margin-top: 20%;}
	.scope-application-right li a:hover span {border-image: none;padding:0px;text-align: left;}
	.equipment-characteristics .product4 {width: 70%;}
	.market-capacity-bottom li { display: block;margin-right: 0px;margin-top: 40px;}
	.market-capacity-bottom .tip,.market-capacity-bottom {margin-top: 30px;}
	.scope-application-right.num5 li:nth-child(2),.scope-application-right.num5 li:nth-child(3),.scope-application-right li:nth-child(2), .scope-application-right li:last-child {padding:10px;}
	.market-capacity-bottom li strong {padding-bottom: 0px;}
	.market-capacity-bottom.num4 li {margin-right: 0px;width: 100%;margin-top: 30px;}
	.product-text .title2 {font-size: 16px;line-height: 20px;padding: 10px;}
	.xh-news-1 .newslist .news .pic-2 {width: 100%;height: 100%;box-sizing: border-box;top: 0;left: 0;}
	.xh-news-1 .newslist .news .news-4 p {display: none;}
	.xh-news-1 .newslist .news .news-4 strong {display: block;white-space: normal;}
	.xh-news-1 .newslist .news {margin-top: 30px;}
	.xh-news-1 .newslist .news a:hover .pic-2 {left: 0;top:0;width: 100%;height: 100%;}
	.xh-news-1 .newslist .news a:hover .kuang-3::after {display: none;}
	.xh-news-1 .newslist .news a:hover .kuang-3 {width: 100%;background: none;}
	.pageturn {margin: 50px auto auto;text-align: center;float: none;}
	.xh-news-1 .main {top: 5%;}
	.xh-news-detail-main-content .title-2 { padding: 20px 0 20px 0;}
	.xh-news-detail-main-content .detail-3 {padding-top: 20px;}
	.xh-contact-1 .main {width:90%;right:5%;top: 10%;}
	.xh-contact-1 .contact .item .bottom-2 {margin: 5px 0px;}
	.xh-contact-1 footer {padding-bottom: 0;}
	.scope-application-right2 {position: relative;width: 100%;padding: 5%;margin-top: 5%;}
	.scope-application-right li a i {display: none;}
	.scope-application-right li a:hover span {text-align: center;}
	.xh-index-content .text-1 { line-height:30px;}
	.title-y {width: 100%;height: 100%;left: 5%;top: -40%;}
	.title-y span {font-size: 37px;line-height: 40px;}
	.product-text .title2 h3 {font-size: 18px;line-height: 22px;}
	.equipment-characteristics.num5 .equipment-bottom li::after {display: none;}
	.equipment-characteristics .equipment-top .text2 {font-size: 12px;line-height:18px;}
	.equipment-characteristics .equipment-bottom li strong {width: 85%;margin: auto;}
	.equipment-characteristics .equipment-bottom li {vertical-align: top;}
	.xh-index-3 .center .center-content, .xh-index-4 .index-main-content {width: 90%;}
	.xh-index-3 .center .ntext {width: 100%;position: relative;right: auto;top: auto;}
	.xh-index-3 .center .ntext-2 {font-size: 28px;}
	.xh-index-3 .center .ppic {width: 100%;}
	.index-main-top .ntitle-2 {font-size: 20px;}
	.xh-index-4 .index-main-list .ntext,.xh-product-swiper {width: 100%;}
	.xh-index-4 .index-main-list .pic, .xh-index-4 .index-main-list .index-main-list-item:nth-child(2) .pic {width: 100%;margin-left: 0;}
	.xh-index-5 .absolute {top: 10%;width: 100%;}
	.xh-index-5 .index-main-top  {width: 90%;margin: auto auto 50px auto;}
	.xh-technology-1 .ntitle-1, .xh-about-1 .ntitle-1, .xh-about-3 .text .ntitle-1 {font-size: 30px;}
	.xh-technology-1 .ntext-2 {font-size: 24px;}
	.xh-technology-1 .ntext-3::before {display: none;}
	.xh-technology-1 .ntext-3 {font-size: 14px;line-height: 24px;margin-top: 20px;padding-left: 0px;}
	.npic-1 img.img-block {height: 100%;}
	.xh-technology-2 .line-1 img.img-block, .xh-technology-1 .pic-3 .line-1 img.img-block {width: 100%;}
	.xh-technology-1 .text, .xh-technology-1 .pic-1 {display: block;}
	.xh-technology-1 .index-main-title,.xh-technology-1 .pic-1,.xh-technology-1 .pic-3 {position: relative;}
	.xh-technology-1 .pic-1,.xh-technology-1 .index-main-title,.xh-technology-1 .pic-3 {top: auto;right: auto;margin: auto;left: auto;overflow: hidden;}
	.xh-technology-1 .index-main-title {width: 90%;}
	.xh-product-1 .text {height: auto;padding: 25% 0 30% 15%;background: url(../upload/kuang1.png) left top no-repeat;background-size: 50% 100%;width: 90%;box-sizing: border-box;margin-top: 15%;margin-left: 5%;}
	.xh-product-1 .text .ntitle-1 {font-size: 32px;}
	.xh-product-swiper .ntitle-1,.xh-index-2 .text.text-1 h1, .xh-news-1 .ntitle-1 {font-size: 40px;}
	.product-text .product4 .img-center {max-width: 100%;}
	.equipment-characteristics .equipment-bottom .ebx1 {width: 31%;margin: 2% 1%;}
	.equipment-characteristics .equipment-bottom.num5 .ebx1:nth-child(4) {margin: 2% 0;}
	.equipment-characteristics .equipment-bottom .ebx1 .texttop i {width:35px;height: 35px;}
	.equipment-characteristics .equipment-bottom .ebx1 .texttop span::before {margin: 10px auto 10px auto;display: none;}
	.equipment-characteristics .equipment-bottom .ebx1 .texttop span {font-size: 12px;}
	.xh-technology-1 .ntext-3, .equipment-characteristics .equipment-bottom .ebx1 .texttop strong {font-size: 14px;}
	.equipment-characteristics .equipment-bottom.num5 .ebx1:nth-child(5), .equipment-characteristics .equipment-bottom.num5 .ebx1:nth-child(4) {width:48%;}
	.equipment-characteristics .equipment-bottom .ebx1 .texttop strong {display: none;}
	.xh-about-1 .ppic,.xh-about-2 .ppic {position: relative;width: 100%;right: auto;}
	.xh-about-2 .ntext-4 {position: relative;right: auto;width: 100%;font-size: 13px;line-height: 24px;padding: 5%;box-sizing: border-box;}
	.xh-menu-toggle {right:5%;top: 1%;}
	.xh-index-1 .text.text-1::before {width: 60px;height: 7px;}
	.xh-index-4 .index-main-top {margin: 100px 0 50px 0;}
	.xh-index-4 .index-main-list-item {margin-bottom: 50px;}
	.xh-product-swiper .text-2 {font-size: 24px;}
	.xh-product-swiper .ntitle-1 {font-size: 30px;}
	.product-text .product4 {height: auto;margin: 20% auto auto;}
	.product-text .product4 .img-center {max-width: 80%;}
	.equipment-characteristics .equipment-bottom .ebx1 .pic {border-radius: 10px;}
	.xh-product-detail .main.mhauto {position: relative;margin: auto;right: auto;overflow: hidden;padding-bottom: 80px;z-index: 10;}
	.xh-product-detail .mhauto footer {position: relative;margin: auto;right: auto;overflow: hidden;padding-bottom: 60px;}
	.equipment-characteristics.num5 {margin-top: 20%;}
	.mbshow.mhauto {position: absolute;height: 100%;width: 100%;top: 0;}
	.xh-about-3 .text {margin-top: 15%;margin-left: 10%;}
	.xh-contact-1 .ntitle-1 {font-size: 30px;}
	.xh-contact-1 .right .map {border-radius: 0px;}
	.xh-index-1 .jiantou-4 {display: none;}
	.scroll-down .xh-menu-toggle,.scroll-top .xh-menu-toggle{width: 50px;height:50px;}
	.bkuang1 {background: rgba(0,0,0,.2);}
	.product4-item .title-3 {right: 15%;width: 30%;}
	.xh-about-1 .ppic img.img-center,.xh-about-2 .ppic img.img-center {max-width: 100%;position: relative;}
	.xh-about-1 .ppic img.img-block,.xh-about-1 .ppic .janban1,.xh-about-1 .ppic .janban2,.xh-about-1 .ppic .janban3 {display: none;}
	.xh-about-2 .ppic img.img-block,.xh-about-2 .ppic .janban1,.xh-about-2 .ppic .janban2,.xh-about-2 .ppic .janban3 {display: none;}
}



/* iPad */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px)  {}


@media only screen and (max-height : 650px)  {
		
	
}

/*仅IE6和IE7识别*/
@media screen\9 {  }  

/*仅IE6和IE7、IE8识别*/
@media \0screen\,screen\9 {  } 

/*仅IE8识别*/
@media \0screen {  } 

/*仅IE8-10识别*/
@media screen\0 {  }  

/*仅IE9和IE10识别*/
@media screen and (min-width:0\0) {  }  

/*仅IE10/11识别*/ 
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {  
 
	.xh-index-content .title-1.txtbg1 span:first-child,.xh-index-4 .text .title-1 span:first-child,.xh-index-5 .text .title-1 span:first-child,.xh-technology-1 .title-1 span:first-child,.xh-technology-2 .title-1 span:first-child,.xh-product-1 .title-1 span:first-child,.xh-product-swiper .title-1 span:first-child,.xh-about-1 .title-1 span:first-child,.xh-about-3 .title-1 span:first-child,.xh-news-1 .title-1 span:first-child,.xh-contact-1 .title-1 span:first-child{background: none;}
	.scope-application .text1,.scope-application .text2,.scope-application .text3 {background: none;color: #00E4D9;font-family: "OPPOSans-R", Arial, PingFang SC,Microsoft Yahei;}
	.gradient, .spotlight {display: none;}


}