@charset "utf-8";

@import "font/Inter/stylesheet.css"; 

@charset "utf-8";
/* CSS Document */
a,big,blockquote,body,caption,cite,code,dd,div,dl,dt,em,fieldset,font,form,h1,h2,h3,h4,h5,h6,html,iframe,label,legend,li,object,ol,p,pre,q,s,samp,small,span,strike,strong,sub,sup,table,tbody,td,th,thead,tr,tt,ul,var{border:0;font-family:inherit;font-size:100%;font-weight:inherit;font-style:inherit;margin:0;outline:0;padding:0;}
body{line-height:1}
body,html{-moz-text-size-adjust:100%;text-size-adjust:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
body{background-color:#fff;}



/*清除默认样式 */
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,audio,video{display:block;margin:0;padding:0}
h1,h2,h3,h4,h5,h6{font-weight:normal}
ul,ol{list-style:none}
a{text-decoration:none;color:inherit}
a:hover{text-decoration:none}
p,span{color:inherit}
table{border-collapse:collapse}
input,textarea{outline:none;border:none}
input{border:none;appearance:none;-moz-appearance:none;outline:none;-webkit-appearance:none}
:-moz-placeholder,::-moz-placeholder,input:-ms-input-placeholder,input::-webkit-input-placeholder{color:inherit;opacity:0.55;font-size:14px}
textarea{resize:none;overflow:auto}
input:-webkit-autofill{box-shadow:0 0 0px 1000px white inset}
button,input,select,textarea{font-size:100%}
img{max-width:100%}
a img{border:0}
*{margin:0;padding:0;box-sizing:border-box}
input,textarea,select{outline:none}
a,a:hover{text-decoration:none;outline:none}
ul li{list-style-type:none}
img{border:none}


.clearfix:before, .clearfix:after{content:"";display:block;height:0;overflow:hidden;}  
.clearfix:after{clear:both;}  
.clearfix{zoom:1;} 

html {-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;box-sizing: border-box;-webkit-text-size-adjust: 100%;}
*,*::before,*::after {box-sizing: inherit;}
html *,html :after,html :before {box-sizing: border-box}

.fl{float:left;}
.fr{float:right;}
.hide{display:none;}
textarea{outline:none;}
table{border-spacing:0;}
b,strong{font-weight:Bold;}
em{font-style:italic}
sup{font-size:small;vertical-align:top}


.fixed{position:fixed}
.flex{display:flex;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;}
.flex-wrap{flex-flow:wrap}
.flex-between{-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}
.inline-block{display:inline-block}
.block{display:block}
.hide{display:none}
*{text-decoration:none;padding:0;margin:0;-webkit-tap-highlight-color:transparent}
.text-left{text-align:left}
.text-center{text-align:center}
.text-right{text-align:right}
a,a:hover,a:active,a:visited,a:link,a:focus{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;outline:none;background:none;text-decoration:none}

.w1400{width:70%;max-width:72.91667vw;margin: 0 auto;}
.container{margin:0 auto; padding:0 0.4rem;}
@media screen and (max-width:1024px){
.w1400{width:90%;max-width:80%;}
.container{padding:0 0.5rem;}
}
@media screen and (max-width:768px){
.w1400{width:94%;max-width:80%;}
.container{padding:0 0.3rem;}
}


body{font-family:"Inter","Microsoft YaHei","Helvetica Neue","Hiragino Sans GB","WenQuanYi Micro Hei",Arial,sans-serif;font-weight:normal;position:relative;}
html {width: 100%;scroll-behavior: initial;overflow-x: hidden;/*font-size:100px;*/font-size: 5.20833vw; }
@media screen and (max-width:1024px){
html {font-size:80px}
}
@media screen and (orientation: portrait) {
html {font-size:50px}
.f-36,.f-34{font-size:16px}
.f-32,.f-24,.f-20,.f-18{font-size:14px}
.f-16,.f-14{font-size:13px}
.f-12{font-size:12px}
}
@media screen and (max-width:450px){
html {font-size:60px}
}



/*slick初始化*/
.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-touch-callout:none;-moz-user-select:none;user-select:none;touch-action:pan-y;-webkit-tap-highlight-color:transparent}
.slick-list{position:relative;overflow:hidden;display:block;margin:0;padding:0}
.slick-list:focus{outline:none}
.slick-list.dragging{cursor:pointer;cursor:hand}
.slick-slider .slick-track,.slick-slider .slick-list{transform:translate3d(0,0,0)}
.slick-track{position:relative;left:0;top:0;display:block;margin-left:0;margin-right:0}
.slick-track:before,.slick-track:after{content:"";display:table}
.slick-track:after{clear:both}
.slick-loading .slick-track{visibility:hidden}
.slick-slide{float:left;height:100%;min-height:1px}
[dir=rtl] .slick-slide{float:right}
.slick-slide img{display:block}
.slick-slide.slick-loading img{display:none}
.slick-slide.dragging img{pointer-events:none}
.slick-initialized .slick-slide{display:block}
.slick-loading .slick-slide{visibility:hidden}
.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}
.slick-arrow.slick-hidden{display:none}
.slick-loading .slick-list{background:#fff url(../images/ajax-loader.gif) center center no-repeat}
.slick-prev,.slick-next{position:absolute;display:block;height:1.5625rem;width:1.8125rem;line-height:0;font-size:0;cursor:pointer;background:0 0;color:transparent;top:50%;transform:translate(0,-50%);padding:0;border:none;outline:none;z-index:1}
.slick-prev:hover,.slick-prev:focus,.slick-next:hover,.slick-next:focus{outline:none;background:0 0;color:transparent}
.slick-prev:hover:before,.slick-prev:focus:before,.slick-next:hover:before,.slick-next:focus:before{opacity:1}
.slick-prev.slick-disabled:before,.slick-next.slick-disabled:before{opacity:.25}
.slick-prev:before,.slick-next:before{font-family:slick;font-size:28px;line-height:1;color:#000;opacity:.75;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.slick-prev{left:-25px}
[dir=rtl] .slick-prev{left:auto;right:-25px}
.slick-next{right:-25px}
[dir=rtl] .slick-next{left:-25px;right:auto}
.slick-dotted.slick-slider{margin-bottom:30px}
.slick-dots{position:absolute;bottom:-25px;list-style:none;display:block;text-align:center;padding:0;margin:0;width:100%}
.slick-dots li{position:relative;display:inline-block;height:20px;width:20px;margin:0 5px;padding:0;cursor:pointer}
.slick-dots li button{border:0;background:0 0;display:block;height:20px;width:20px;outline:none;line-height:0;font-size:0;color:transparent;padding:5px;cursor:pointer}
.slick-dots li button:hover,.slick-dots li button:focus{outline:none}
.slick-dots li button:hover:before,.slick-dots li button:focus:before{opacity:1}





/*****************************header*****************************/
.header-wrapper{position:fixed;left:0;right:0;top:0;z-index:30;transition:all 0.4s ease;-webkit-transition:all 0.4s ease;-moz-transition:all 0.4s ease;-ms-transition:all 0.4s ease;-o-transition:all 0.4s ease}
.header-wrapper.shadow{box-shadow:0 2px 30px rgba(0,0,0,0.1)}
.header-wrapper.on{background-color:#fff}
.header-wrapper.on .logo-box .logo1{display:none!important;}
.header-wrapper.on .logo-box .logo2{display:block!important;}
.header-wrapper.on .pc-nav-box ul li:hover > a{color:#203570}
.header-wrapper.on .pc-nav-box ul li a{color:#000000;}
.header-wrapper.on .pc-nav-box ul li a i{background-image:url(../images/icon-v2.png)}
.header-wrapper.on .language .top-lan{background-image:url(../images/icon-lan2.png)}


/*logo-box*/
.header-wrapper .box{display:flex;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;align-items:center;height:0.8rem;}
.header-wrapper .logo-box{}
.header-wrapper .logo-box a{display:block; line-height:0; font-size:0;}
.header-wrapper .logo-box img{height:0.3rem;}
.header-wrapper .logo-box .logo1{display:inline-block;}
.header-wrapper .logo-box .logo2{display:none;}

@media screen and (max-width:1024.1px){
.header-wrapper .logo-box .logo1{display:none;}
.header-wrapper .logo-box .logo2{display:inline-block;}
}


@media screen and (min-width:1024.1px){
.headerWhite .header-wrapper .logo-box .logo1{display:none;}
.headerWhite .header-wrapper .logo-box .logo2{display:inline-block;}
}



.header-wrapper .other-box{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;align-items:center}
/*language*/
.header-wrapper .language{display:inline-block; position:relative; line-height:0;z-index:3;}
.header-wrapper .language .top-lan{height:0.2rem;padding-left:0.2rem;background:url(../images/icon-lan.png) no-repeat left center; background-size:100%;display:inline-block; vertical-align:middle;position:relative; cursor:pointer; transition:all 0.5s ease;}

.header-wrapper .language .lan_list{width:0.4rem; position:absolute;left:auto;right:-0.1rem;}
.header-wrapper .language:hover .lan_list{opacity:0.8;pointer-events: auto;transform:translateY(0);}



.header-wrapper .language .lan-bg{margin-top:16px;width:0.4rem; padding:0.1rem 0; background:#000;border-radius:0.2rem; box-shadow:0 5px 10px 0 rgba(0,0,0,0.1);transition: opacity .3s ease-in-out,transform .3s ease-in-out;opacity: 0;pointer-events: none;transform:translateY(.1rem);}
.header-wrapper .language:hover .lan-bg{opacity:0.8;pointer-events: auto;transform:translateY(0);}



.header-wrapper .language .lan_list dd{color:#fff;font-size:0.16rem;line-height:1.5;padding:.05rem 0;box-sizing:border-box;text-align:center;}
.header-wrapper .language .lan_list dd a{position:relative;color:#afafaf;display:block;}
.header-wrapper .language .lan_list dd:hover a{color:#fff;}
.header-wrapper .language .lan_list dd.on a{color:#fff;}

.mask{background:url(../images/bg50.png); position:fixed; top:0; left:0; width:100%; height:100%; z-index:3; display:none;}


/*pc-nav-box li a*/
.pc-nav-box{flex:1;text-align:center;line-height:0;font-size:0;}
.pc-nav-box ul{font-size:0; display:inline-block; /*margin-right:0.45rem;*/}
.pc-nav-box li{position:relative; padding:0 0.28rem;display:inline-block;*display:inline;zoom:1; vertical-align:top;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.pc-nav-box li > a{position:relative;font-size:0.17rem;line-height:0.8rem;color:#fff;font-weight:normal; text-transform: uppercase;}
.pc-nav-box a{display:block;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}

.pc-nav-box li > a:hover{ color:#afafaf;}

/*pc-nav-box .nav*/
.pc-nav-box .nav{background-color:#000;border-radius:.1rem;/*min-width:2.6rem;*/left:0; margin-left:0.28rem;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;box-shadow:0 -6px .2rem -2px rgba(0,0,0,.15); position:absolute;top:100%;left:0;transform:translateY(.1rem);opacity:0;pointer-events:none;}
.pc-nav-box li:hover .nav{opacity:0.8;pointer-events: auto;transform:translateY(0)}
.pc-nav-box .nav .navB{ padding:0.3rem 0.3rem 0.1rem 0.3rem;}
.pc-nav-box .nav a{position:relative;z-index:1;font-size:0.17rem;line-height:0.20rem;padding-bottom:0.20rem;color:#afafaf;text-align:left;white-space:nowrap;display:block;}
.pc-nav-box .nav a:hover{ color:#fff;}

.header-wrapper.on .pc-nav-box .nav a{color:#afafaf;}
.header-wrapper.on .pc-nav-box .nav a:hover{ color:#fff;}

.phone-nav{display:none}
@media screen and (min-width:1024px){
.header-wrapper.active{transform:translate(0,-1.3rem)}
.header-wrapper.on .box{height:0.8rem;}
}

@media screen and (max-width:1024px){
.box-container{width:100%;}
.pc-nav-box{display:none}

.header-wrapper{background-color:#fff}
.header-wrapper .box{-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;align-items:center;height:60px;}
.header-wrapper .logo-box{width:auto}
.header-wrapper .logo-box a{display:block}
.header-wrapper .logo-box img{height:16px;max-width: none;}
.header-wrapper .other-box{display:flex;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;align-items:center}

.header-wrapper .language{order:0;margin-right:10px;margin-left:10px;}
.header-wrapper .language .top-lan{padding-left:26px;height:26px;font-size:0;background-image:url(../images/icon-lan2.png);}


.header-wrapper.on .Mobilemenu span{background-color:#000}
/*Mobilemenu*/
.Mobilemenu{font-size:0;order:2;width:26px;height:26px;position:relative}
.Mobilemenu.on span:nth-child(1){transform:rotate(45deg);margin:0;transition:margin 180ms cubic-bezier(0.215,0.61,0.355,1),transform 270ms cubic-bezier(0.215,0.61,0.355,1) 180ms,-webkit-transform 270ms cubic-bezier(0.215,0.61,0.355,1) 180ms}
.Mobilemenu.on span:nth-child(2){opacity:0}
.Mobilemenu.on span:nth-child(3){transform:rotate(-45deg);margin:0;transition:margin 180ms cubic-bezier(0.215,0.61,0.355,1),transform 270ms cubic-bezier(0.215,0.61,0.355,1) 180ms,-webkit-transform 270ms cubic-bezier(0.215,0.61,0.355,1) 180ms}
.Mobilemenu span{display:inline-block;width:100%;height:2px;background:#000;position:absolute;left:0;top:12px;z-index:10;transform-origin:center center;border-radius:5px;transition:margin 140ms cubic-bezier(0.25,0.46,0.45,0.94) 230ms,transform 280ms cubic-bezier(0.215,0.61,0.355,1) 0ms,-webkit-transform 280ms cubic-bezier(0.215,0.61,0.355,1) 0ms}
.Mobilemenu span:nth-child(1){margin-top:-8px}
.Mobilemenu span:nth-child(2){margin-top:0}
.Mobilemenu span:nth-child(3){margin-top:8px}
/*phone-nav*/
.phone-nav{width:100%;height:calc(100% - 60px);position:fixed;right:0;top:60px;background:#fff;z-index:501;overflow:auto;}
.phone-nav ul{width:100%;margin:0 auto;position:relative;height:100%;overflow-y:auto;overflow-x:hidden;transition:max-height 0.8s ease;-webkit-transition:max-height 0.8s ease;-moz-transition:max-height 0.8s ease;-ms-transition:max-height 0.8s ease;-o-transition:max-height 0.8s ease}
.phone-nav ul::-webkit-scrollbar{width:4px}
.phone-nav ul::-webkit-scrollbar-track{background-color:#eaeaea}
.phone-nav ul::-webkit-scrollbar-thumb{background-color:#203570}
.phone-nav ul li{position:relative}
.phone-nav ul li.active .a1{color:#5586ab;font-weight:500}
/*.phone-nav ul li.active .a1:before{transform:rotate(90deg);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg)}*/
.phone-nav ul li .a1{position:relative;display:block;font-size:20px; font-weight:500;color:#000;line-height:60px;padding:0 30px;border-bottom:1px solid #f3f3f3}
.phone-nav ul li .a1:before{content:"";display:inline-block;background:#203570;position:absolute;z-index:10}
.phone-nav ul li .a1:before{width:26px;height:26px;right:13px;top:50%; margin-top:-13px;background:url(../images/icon-v2.png) no-repeat center; background-size:10px;transition:transform 0.3s ease;-webkit-transition:transform 0.3s ease;-moz-transition:transform 0.3s ease;-ms-transition:transform 0.3s ease;-o-transition:transform 0.3s ease}

.phone-nav ul li.on .a1{font-weight:bold;color:#203570}
.phone-nav ul li .navs{background:#f9f9f9;width:100%;display:none}
.phone-nav ul li .navs .navB{ padding:15px;}
.phone-nav ul li .navs a{font-size:18px;display:block;color:#000;padding-left:0;line-height:50px;padding:0 30px;}
.phone-nav ul li .navs a:last-child{margin-bottom:0;border-bottom:none}


.headerWhite{ }
.headerWhite .header-wrapper .Mobilemenu span{background-color:#000}
}






/*****************************index banner start*****************************/
.pagination-wrapper{margin-top:2.5em}
@media all and (min-width:1200px){
	.pagination-wrapper{margin-top:4.5em}
}
.pagination{display:flex;align-items:center;justify-content:center}
.pagination .page-numbers{font-size:15px;background-color:transparent;color:#aa7568;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;margin:10px}
.pagination .page-numbers:not(.next):not(.prev){width:40px;height:40px;border-radius:50%}
.pagination .page-numbers.current{background-color:#aa7568;color:#fff}


.homepage-section-with-blocks .block{display:flex;flex-direction:column;justify-content:flex-end;position:relative}
.homepage-section-with-blocks .block::before{content:'';display:block;position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-repeat:no-repeat;background-color:rgba(0,0,0,0.4);z-index:2}
.homepage-section-with-blocks .block-image{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-repeat:no-repeat;z-index:1;overflow:hidden}
.homepage-section-with-blocks .block-image img{transition:transform 1200ms cubic-bezier(0.445,0.05,0.55,0.95);width:100%;-o-object-fit:cover;object-fit:cover}
.homepage-section-with-blocks .block-content{position:relative;z-index:3;color:#fff;padding:65% 1.25em 2.5em 1.25em}
.homepage-section-with-blocks .block+.block{margin-top:1.25em}
@media all and (min-width:600px){
	.homepage-section-with-blocks .blocks-container{display:grid;grid-template-columns:repeat(2,minmax(-webkit-min-content,1fr));grid-template-columns:repeat(2,minmax(min-content,1fr));gap:1.25em}
    .homepage-section-with-blocks .block+.block{margin:0}
}
@media all and (min-width:1200px){
   .homepage-section-with-blocks .blocks-container{gap:2.5em}
   .homepage-section-with-blocks .block-content{padding:65% 3.5em 3.5em 3.5em}
}



.page-hero{box-sizing:border-box;min-height:100vw;display:flex;align-items: center;position:relative;z-index:1;color:#fff;padding-top:20vw;padding-bottom:20vw}
.page-hero .bannerVideoB{display:block; position:absolute; left:0;top:0; height:100%; width:100%; z-index:0; font-size:0; line-height:0;}
.page-hero .bannerVideoB video{display:block;position:absolute;top:0;left:0;z-index:2;width:100%;height:100%;max-width:100%;object-fit:cover;}
.page-hero .bannerVideoB img{display:block;position:absolute;top:0;left:0;z-index:2;width:100%;height:100%;max-width:100%;object-fit:cover;} 
@media all and (min-width:768px){
	.page-hero{min-height:99vh;padding-top:2.5em;padding-bottom:2.5em}
}
@media all and (min-width:1200px){
	.page-hero{min-height:99vh;padding-top:2.5em;padding-bottom:2.5em}
}
.page-hero .page-hero__media-wrapper{position:absolute;width:100%;height:100%;top:0;left:0;z-index:1}
.page-hero .page-hero__media-wrapper::after{content:'';display:block;position:absolute;z-index:5;top:0;left:0;width:100%;height:100%;pointer-events:none}
.page-hero .page-hero__content-wrapper{flex-grow:1;position:relative;z-index:2;display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap}
@media (max-width:700px){
	.page-hero .page-hero__content-wrapper .hero-slider__controls-wrapper{margin-top:20px}
}
.page-hero .page-hero-content{/*max-width:45ch*/width:100%;}
.page-hero .hero-tagline{/*max-width:16ch*/}
.page-hero.with-simple-overlay .page-hero__media-wrapper::after{background-image:radial-gradient(circle at center,rgba(0,0,0,0.15),transparent 65%),radial-gradient(circle farthest-side at 60% 50%,transparent 0,transparent 40%,rgba(0,0,0,0.2) 100%)}
.page-hero.with-blue-overlay .page-hero__media-wrapper::after{/*background:rgba(15,54,91,0.4)*/}
.page-hero.with-blue-overlay .page-hero__media-wrapper img{/*filter:grayscale(1)*/}






.homepage-section-with-blocks .block:hover .block-image img{transform:scale(1.05)}
.homepage-hero .slides::before,
.homepage-hero .hero-slider__controls-wrapper{opacity:0}
.homepage-hero .page-hero__media-wrapper{opacity:0}
.homepage-hero .page-hero__media-wrapper img{transform:scale(1.065);/*filter:grayscale(0);*/}

.homepage-hero .hero-title,
.homepage-hero .hero-tagline{opacity:0;transform:translateY(30px);}



.homepage-hero .slides::before{opacity:1;transition:opacity 0.8s cubic-bezier(0.34,0.615,0.4,0.985);transition-delay:.5s}
.homepage-hero .page-hero__media-wrapper{opacity:1;transition:opacity 0.8s cubic-bezier(0.34,0.615,0.4,0.985)}
.homepage-hero .page-hero__media-wrapper img{transform:scale(1);transform-origin:25% 25%;/*filter:grayscale(1);*/transition:filter 0.8s cubic-bezier(0.34,0.615,0.4,0.985) 0.5s,transform 0.8s cubic-bezier(0.34,0.615,0.4,0.985)}
.homepage-hero .hero-title,
.homepage-hero .hero-tagline,
.homepage-hero .hero-slider__controls-wrapper{opacity:1;transform:translateY(0);transition:opacity 0.8s cubic-bezier(0.34,0.615,0.4,0.985),transform 0.8s cubic-bezier(0.34,0.615,0.4,0.985);transition-delay:.6s}
.homepage-hero .hero-tagline,
.homepage-hero .hero-slider__controls-wrapper{transition-delay:.75s}


/*swiper-container*/
.homepage-hero .swiper-container{overflow:hidden;position:relative; height:100%;}
.homepage-hero .slide{overflow:hidden;position:relative; height:100%;}
.homepage-hero .slide .img{overflow:hidden;position:relative;height:100%;}
.homepage-hero .slide img{ display:block;max-width:none;height:auto;vertical-align:top;width:100%;height:100%;-o-object-fit:cover;object-fit:cover; position:absolute;top:0;left:0;}
.homepage-hero .slide .img img{transform:scale(1.03);-webkit-transform:scale(1.03);-moz-transform:scale(1.03);-ms-transform:scale(1.03);-o-transform:scale(1.03);transition:transform 6s ease;-webkit-transition:transform 6s ease;-moz-transition:transform 6s ease;-ms-transition:transform 6s ease;-o-transition:transform 6s ease}
.homepage-hero .slide.swiper-slide-active .img img{transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1)}

/*page-hero-wz*/
.homepage-hero .page-hero-wz{text-align:center;}
.homepage-hero .hero-title{font-size:0.6rem;line-height:1.5;margin-bottom:0;font-weight:normal;color:#fff;text-transform:uppercase; margin-top:0.6rem;}
.homepage-hero .hero-tagline{font-size:0.28rem;line-height:1.2;margin-bottom:0;font-weight:normal;color:#fff;text-transform:uppercase;}

.homepage-hero .banner-btn{ display:inline-block;  min-width:1.3rem; text-align:center; color:#000000; line-height:0.5rem; padding:0 0.2rem; font-size:0.15rem; font-weight:normal; background-color:#fff; border-radius:0.25rem; margin-top:0.4rem; text-transform:none; transition:background-color 0.5s ease;}

.homepage-hero .banner-btn:hover{ background-color:#000; color:#fff;}

/*slider__pagination*/
.hero-slider__controls-wrapper{ position:absolute;bottom:0.3rem;right:3%; z-index:2;}
.slider__pagination:not(.swiper-pagination-lock){display:flex;flex-wrap:wrap}
.slider__pagination:not(.swiper-pagination-lock) .pagination-bullet{display:inline-flex;align-items:center;cursor:pointer}
.slider__pagination:not(.swiper-pagination-lock) .bullet__circle{position:relative;display:inline-block;width:40px;height:40px}
.slider__pagination:not(.swiper-pagination-lock) .bullet__circle::before{content:'';display:inline-block;width:8px;height:8px;border-radius:50%;background-color:currentColor;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.slider__pagination:not(.swiper-pagination-lock) .bullet__circle .circle{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transform:rotate(-90deg);transform-origin:center center;stroke-dasharray:251;stroke-dashoffset:251;transition:stroke-dashoffset 200ms cubic-bezier(0.445,0.05,0.55,0.95),opacity 200ms cubic-bezier(0.445,0.05,0.55,0.95)}
.slider__pagination:not(.swiper-pagination-lock) .bullet__line{max-width:0;width:45px;height:1px;background-color:currentColor;margin-left:-12px;transition:max-width 200ms cubic-bezier(0.445,0.05,0.55,0.95)}
.slider__pagination:not(.swiper-pagination-lock) .bullet__index{padding:1em 1.25em;font-size:15px;font-weight:bold;letter-spacing:.05em;opacity:0;transition:opacity 200ms cubic-bezier(0.445,0.05,0.55,0.95)}
.slider__pagination:not(.swiper-pagination-lock) .pagination-bullet:last-child .bullet__index{padding-right:0}
.slider__pagination:not(.swiper-pagination-lock) .pagination-bullet:hover .circle,.slider__pagination:not(.swiper-pagination-lock) .pagination-bullet.active .circle{stroke-dashoffset:0;opacity:1}
.slider__pagination:not(.swiper-pagination-lock) .pagination-bullet.active{pointer-events:none}
.slider__pagination:not(.swiper-pagination-lock) .pagination-bullet.active .bullet__line{max-width:45px}
.slider__pagination:not(.swiper-pagination-lock) .pagination-bullet.active .bullet__index{visibility:visible;opacity:1}
@media (max-width:767px){
	.slider__pagination:not(.swiper-pagination-lock) .bullet__line,.slider__pagination:not(.swiper-pagination-lock) .bullet__index{display:none}
}
@media (min-width:768px){
	.slider__pagination:not(.swiper-pagination-lock) .bullet__circle{width:50px;height:50px}
	.slider__pagination:not(.swiper-pagination-lock) .bullet__circle::before{width:10px;height:10px}
	.slider__pagination:not(.swiper-pagination-lock) .bullet__line{width:90px;height:2px;margin-left:-25px}
	.slider__pagination:not(.swiper-pagination-lock) .pagination-bullet.active .bullet__line{max-width:90px}
}


/*****************************index************************/
.container-box{ padding:0 0.9rem; margin:0 auto; position: relative; min-height:9rem;}
.container-box ul{display:flex;justify-content:center;list-style:none;padding:0;margin:0 0 40px 0;position:relative}
.container-box li{margin-right:0.8rem;}
.container-box li:last-child{margin-right:0}
.index-pronav{ margin-top:0.3rem;}
.index-pronav .Tit{font-size:0.18rem;color:#7c7c7c; transition:all 0.3s;position:relative; cursor:pointer;}
.index-pronav .Tit.active{color:#000;}
.tmain{position:absolute;display:none;text-align:center;font-size:16px;line-height:1.6;color:#666;max-width:16rem;margin:0 auto;padding-top:0.3rem;margin:0 auto;left:0;right:0;min-height:6rem;padding-bottom:1.1rem}
.tmain:first-of-type{display:block}
.tmain{background:url(../images/index-probg.png) center 1rem no-repeat;background-size:10rem;}
.itempro{ margin:0 auto; width:100%;  /*min-width:16rem;*/ min-height:5rem;}
.itempro .img{ max-width:13.5rem; margin:0px auto; max-height:5.25rem;}
.itempro .img img{ max-width:100%; height:auto; max-height:5.25rem;  transition: all 1.2s ease-in-out;-moz-transition: all 1.2s ease-in-out;-webkit-transition: all 1.2s ease-in-out;}
.textNr .tit{ font-size:0.26rem; color:#000;  margin-top:0.6rem; line-height:1;}
.textNr .more{ display:inline-block; min-width:1.3rem; border-radius:0.24rem; margin-top:0.28rem; height:0.48rem; line-height:0.48rem; border:1px solid #5586ab; color:#5586ab; font-size:0.15rem; text-align:center; padding:0 0.2rem; transition:border-color 0.5s ease,background-color 0.5s ease;}
.textNr .more:hover{ background-color:#000; color:#fff;border:1px solid #000;}

.swiper-buttonB .swiper-button-prev{left:-0.5rem; width:0.2rem; height:0.35rem; top:38%;  background:url(../images/left.png) center left no-repeat; background-size:100%; z-index:29 cursor:pointer;}
.swiper-buttonB .swiper-button-next{ right:-0.5rem; width:0.2rem; height:0.35rem; top:38%;  background:url(../images/right.png) center right no-repeat; background-size:100%;z-index:29;cursor:pointer;}
.container-box li a:hover .more{ background-color:#000; color:#fff;border:1px solid #000;}

@media (max-width: 1024px) {
.container-box{ min-height:9rem;}
.container-box li { margin-right: 0.5rem; }
.tmain{ background-size:100%;}
}

@media (max-width: 768px) {
.mobilebox{ padding:0 0.6rem !important;}
.container-box{ padding:0;min-height:9rem;}	
.container-box li { margin-right: 0.2rem; }
.textNr .tit{ font-size:16px; padding:0 20px;}
.tmain{ min-height:auto; padding-bottom:0.6rem;}
.itempro{ min-height:auto;}
}

@media (max-width: 640px) {
.container-box{ min-height:9rem;}		
.container-box li { margin-right: 0.2rem; }	
.container-box li:nth-child(5) { display:none; }
}


@media (max-width: 540px) {
.container-box{ min-height:9rem;}		
.container-box li { margin-right: 0.2rem; }	
.container-box li:nth-child(4) { display:none; }
.container-box li:nth-child(5) { display:none; }
}

@media (max-width: 450px) {
.index-pronav{ line-height:0;}	
.container-box{ min-height:8rem;}		
}
@media (max-width: 400px) {
.container-box{ min-height:8rem;}		
}



.balckbg{ background-color:#000;}
.inaboutbox{ padding:0.7rem; margin:0 auto;}
.inabout-title{ font-size:0.6rem; font-weight:500; color:#ffffff; text-align:center; margin-top:0.5rem; margin-bottom:0.35rem;}
.inabout-bd{ font-size:0.2rem; line-height:0.28rem; color:#898989; text-align:center;  max-width:11rem; margin:0px auto;margin-bottom:0.8rem;}
.inabout-list{ overflow:hidden;}
.inabout-itembox{ width:50%; float:left;}
.inabout-itembox .inabout-item{ margin:10px; position:relative;}
.inabout-itembox .inabout-item .imgbox{ border-radius:10px; overflow:hidden; line-height:0;}
.inabout-itembox .inabout-item .imgbox img{ width:100%;-o-object-fit:cover;object-fit:cover; transition: all 1.2s ease-in-out;-moz-transition: all 1.2s ease-in-out;-webkit-transition: all 1.2s ease-in-out;}
.inabout-itembox .inabout-item:hover .imgbox img{-moz-transform: scale(1.1); -webkit-transform: scale(1.1);transform: scale(1.1); cursor:pointer;}
.inabout-itembox .inabout-item .txt{ position:absolute; top:0; left:0; right:0; margin-top:0.6rem;}
.inabout-itembox .inabout-item .txt span{ display:block;}
.inabout-itembox .inabout-item .title{ font-size:0.22rem; color:#fff; text-align:center; text-transform:uppercase; font-weight:500;}
.inabout-itembox .inabout-item .bd{ font-size:0.18rem; color:#fff; line-height:0.20rem; padding:0.2rem 0.2rem; text-align:center;}
.inabout-itembox .inabout-item .btn{ line-height:0; text-align:center; font-size:0.16rem; color:#fff; line-height:1; display:inline-block; margin:0px auto; margin-top:0.2rem;}

.inaboutbox .inabout-ad{ font-size:0.4rem; color:#ffffff; line-height:0.5rem; text-align:center; font-weight:bold; max-width:6.4rem; margin:0px auto; margin-bottom:0.3rem; margin-top:0.5rem;}
.inaboutbox .inabout-btn{ margin-bottom:0.5rem; text-align:center; line-height:0;}
.inaboutbox .inabout-btn a{ width:1.9rem; height:0.46rem; border:1px solid #4d4d4d; border-radius:0.23rem; color:#fff; text-align:center; display:inline-block; font-size:0.15rem; font-weight:500; line-height:0.46rem; transition:border-color 0.5s ease,background-color 0.5s ease;}
.inaboutbox .inabout-btn a:hover{ color:#fff; background-color:#5586ab;}

@media (max-width: 768px) {
.inaboutbox{ padding:0.3rem;}	
.inabout-title{ font-size:0.4rem; margin-top:0.5rem; margin-bottom:0.35rem;}	
.inabout-bd{ margin-bottom:0.4rem;}	
.inabout-itembox{ width:100%; float:none;}	
.inabout-itembox .inabout-item .txt{  margin-top:0.3rem;}
.inabout-itembox .inabout-item .title{ line-height:0.24rem;}
.inabout-itembox .inabout-item .bd{ line-height:0.26rem; margin-top:10px; padding:0 10px; }	
}


.innewsbox{ padding:0.7rem; margin:0 auto;}
.innews-title{ font-size:0.6rem; font-weight:500; color:#000; text-align:center; margin-top:0.5rem; margin-bottom:0.35rem;}
.innews-bd{ font-size:0.2rem; line-height:0.28rem; color:#898989; text-align:center;  max-width:11rem; margin:0px auto;margin-bottom:0.8rem;}
.innews-list{ overflow:hidden;}
.innews-itembox{ width:33.3333%; float:left;}
.innews-itembox .innews-item{ margin:0px 20px;}
.innews-itembox .innews-item a{ cursor:pointer;}
.innews-itembox .innews-item a:hover .title{color:#5586ab;}
.innews-itembox .innews-item .imgbox{ border-radius:10px; overflow:hidden; line-height:0;}
.innews-itembox .innews-item .imgbox img{ width:100%;-o-object-fit:cover;object-fit:cover; transition: all 1.2s ease-in-out;-moz-transition: all 1.2s ease-in-out;-webkit-transition: all 1.2s ease-in-out;}
.innews-itembox .innews-item:hover .imgbox img{-moz-transform: scale(1.1); -webkit-transform: scale(1.1);transform: scale(1.1);}
.innews-itembox .innews-item .txt{ margin-top:0.3rem;}
.innews-itembox .innews-item .txt span{ display:block;}
.innews-itembox .innews-item .title{ font-size:0.2rem; line-height:0.28rem; color:#000; text-align:left;}
.innewsbox .innews-btn{ text-align:center; line-height:0; margin-top:1rem;}
.innewsbox .innews-btn a{ width:1.3rem; height:0.46rem; border:1px solid #5586ab; border-radius:0.23rem; color:#5586ab; text-align:center; display:inline-block; font-size:0.15rem; font-weight:500; line-height:0.46rem; transition:border-color 0.5s ease,background-color 0.5s ease;}
.innewsbox .innews-btn a:hover{ background-color:#000; color:#fff; border:1px solid #000;}
@media (max-width: 768px) {
.innewsbox{ padding:0.3rem;}	
.innews-title{ font-size:0.4rem; margin-top:0.5rem; margin-bottom:0.35rem;}	
.innews-bd{ margin-bottom:0.4rem;}	
.innews-itembox{ width:100%; float:none;}	
.innews-itembox .innews-item{ margin:0px 0px;}
.innews-itembox .innews-item .txt{  margin-top:0.3rem; margin-bottom:0.3rem;}
.inabout-itembox .innews-item .title{ line-height:0.24rem;}
.innewsbox .innews-btn{ margin-top:0.2rem; margin-bottom:0.4rem;}
}



.foot{padding:0 0.7rem;margin:0 auto}
.heightauto{min-height:auto}
.wrapper-1-common{display:flex;justify-content:space-between;align-self:center;height:1.01rem;box-sizing:border-box}
.list-common{display:flex;flex-direction:column;justify-content:flex-start;align-self:center;height:1rem;box-sizing:border-box}
.row-item-0-common{display:flex;align-self:flex-start;width:2.98rem;height:0.13rem;box-sizing:border-box;position:relative}
.row-item-0-common .footbtn{cursor:pointer; text-transform:uppercase;}
.row-item-0-common .subnav{position:absolute;top:15px;background-color:#000;z-index:100;line-height:0;padding:0 20px 20px 5px;overflow:hidden;min-width:4rem;min-height:1rem;transition:opacity 0.3s ease;display:none}
.row-item-0-common .subnav.active{display:block}
.row-item-0-common .subnav a{display:inline-block;font-size:0.13rem;color:#fff;line-height:0.15rem;padding-right:10px;text-decoration:underline;cursor:pointer}
.row-item-0-common span{padding-right:0.28rem;background:url(../images/v.png) center right no-repeat;background-size:0.13rem 0.09rem}
.row-item-0-1-common{display:flex;align-self:flex-start;width:1.53rem;height:0.13rem;box-sizing:border-box;position:relative}
.row-item-0-1-common .footbtn{cursor:pointer; text-transform:uppercase;}
.row-item-0-1-common .subnav{position:absolute;top:15px;background-color:#000;z-index:100;line-height:0;padding:0 20px 20px 5px;overflow:hidden;min-width:4rem;min-height:1rem;transition:opacity 0.3s ease;display:none}
.row-item-0-1-common .subnav.active{display:block}
.row-item-0-1-common .subnav a{display:inline-block;font-size:0.13rem;color:#fff;line-height:0.15rem;padding-right:10px;text-decoration:underline;cursor:pointer}
.row-item-0-1-common  span{padding-right:0.28rem;background:url(../images/v.png) center right no-repeat;background-size:0.13rem 0.09rem}
.group-2-common{display:flex;justify-content:flex-start;align-self:center;height:1rem;box-sizing:border-box}
.group-2-common a{display:inline-block;line-height:0;font-size:0;cursor:pointer;overflow:hidden}
.mod{display:flex;flex-direction:column;justify-content:flex-start;width:100%;height:4.8rem;padding:0.8rem 0.12rem 0;background-color:rgba(0,0,0,1);box-sizing:border-box}
.foot-header{display:flex;flex-direction:column;justify-content:flex-start;align-self:center;width:100%;box-sizing:border-box}
.wrapper{display:flex;justify-content:space-between;align-self:flex-start;box-sizing:border-box;padding-bottom:0.3rem;width:100%;border-bottom:1px solid #323232}
.group{display:flex;justify-content:space-between;align-self:flex-end;min-width:2.18rem;margin-left:0.01rem;box-sizing:border-box}
.icon{align-self:center;width:0.15rem;height:0.15rem;display:inline-block;margin-right:8px}
.email-salescaretekcomau{align-self:center;margin-top:0.01rem;font-size:0.14rem;line-height:0.14rem;color:#afafaf;text-decoration:none;letter-spacing:0;white-space:pre;lines:1}
.bg{align-self:flex-end;width:1.98rem;height:0.3rem;margin:0 0 0.02rem 0}
.group-1{display:flex;justify-content:space-between;align-self:flex-end;width:2.13rem;margin:0 0 0.01rem 0;box-sizing:border-box}
.icon-1{align-self:center;width:0.15rem;height:0.15rem;display:inline-block;margin-right:8px}
.call{align-self:center;margin-bottom:0.01rem;font-size:0.15rem;line-height:0.15rem;color:#afafaf;text-decoration:none;letter-spacing:0;white-space:pre;lines:1}
.submain{display:flex;justify-content:space-between;align-self:center;width:100%;margin-top:0.51rem;box-sizing:border-box;padding-bottom:0.5rem;border-bottom:1px solid #323232}
.wrapper-1{width:5.81rem;padding-bottom:0.01rem;margin-left:0.01rem}
.list{width:2.98rem;padding-bottom:0.01rem}
.row-item-0{justify-content:flex-start}
.products{align-self:center;font-size:0.16rem;line-height:0.16rem;color:#ffffff;text-decoration:none;letter-spacing:0;white-space:nowrap;lines:1}
.dot{align-self:center;width:0.12rem;height:0.08rem;margin:0.01rem 0 0 0.14rem}
.row-item-1{justify-content:space-between;margin-top:0.31rem}
.manufacturing-technology{align-self:center;font-size:0.16rem;line-height:0.16rem;color:#ffffff;text-decoration:none;letter-spacing:0;white-space:nowrap;lines:1}
.dot-1{align-self:center;width:0.12rem;height:0.08rem;margin-top:0.01rem}
.row-item-2{justify-content:flex-start;margin-top:0.29rem}
.resources{align-self:center;font-size:0.16rem;line-height:0.16rem;color:#ffffff;text-decoration:none;letter-spacing:0;white-space:nowrap;lines:1}
.dot-2{align-self:center;width:0.12rem;height:0.08rem;margin:0.01rem 0 0 0.17rem}
.list-1{width:1.53rem}
.row-item-0-1{justify-content:space-between}
.news-events{align-self:center;font-size:0.16rem;line-height:0.16rem;color:#ffffff;text-decoration:none;letter-spacing:0;white-space:nowrap;lines:1}
.dot-3{align-self:center;width:0.12rem;height:0.08rem;margin-top:0.01rem}
.row-item-1-1{justify-content:flex-start;margin-top:0.31rem}
.about{align-self:center;font-size:0.16rem;line-height:0.16rem;color:#ffffff;text-decoration:none;letter-spacing:0;white-space:nowrap;lines:1}
.dot-4{align-self:center;width:0.12rem;height:0.08rem;margin:0.01rem 0 0 0.13rem}
.row-item-2-1{justify-content:flex-start;margin-top:0.3rem}
.contact{align-self:center;font-size:0.16rem;line-height:0.16rem;color:#ffffff;text-decoration:none;letter-spacing:0;white-space:nowrap;lines:1}
.dot-5{align-self:center;width:0.12rem;height:0.08rem;margin:0.01rem 0 0 0.14rem}
.wrapper-2{width:2.8rem;margin-right:0.02rem;padding-top:0.01rem}
.group-2{padding:0.41rem 0 0.4rem;position:relative}
.icon-2{align-self:center;width:0.09rem;height:0.18rem;margin-bottom:0.01rem}
.icon-3{align-self:center;width:0.18rem;height:0.18rem;margin:0 0 0.01rem 0.25rem}
.icon-4{align-self:center;width:0.2rem;height:0.18rem;margin:0.01rem 0 0 0.25rem}
.icon-5{align-self:center;width:0.15rem;height:0.18rem;margin:0 0 0.01rem 0.23rem}
.group-3{position:relative}
.picture{align-self:flex-start;width:1rem;height:1rem}
.main{display:flex;justify-content:space-between;align-self:center;width:100%;padding:0.33rem 0 0.74rem;box-sizing:border-box}
.background-wrapper{display:flex;justify-content:space-between;align-self:flex-end;width:4.44rem;height:0.3rem;margin-left:0.02rem;box-sizing:border-box}
.background{align-self:center;height:0.3rem}
.info{align-self:flex-end;margin:0 0.01rem 0.06rem 0;font-size:0.15rem;line-height:0.15rem;color:#afafaf;text-align:right;text-decoration:none;letter-spacing:0;white-space:pre;lines:1}
.qrcode-wxmodal{ display:block; position:absolute; top:-0.6rem; right:0; z-index:1000;}
.qrcode-wxmodal img{ width:1rem; height:auto;}

/* 移动端样式适配 */
@media (max-width: 768px) {
.foot{ padding:0.3rem;}	
.mod{ height:auto;}
.subnav {position: static;transition: none;}
.wrapper{  position:relative;}
.bg{ position:absolute; top:0; margin-top:-40px;}
.submain{ display:inline-block;}
.wrapper-1{ width:100%;display:inline-block;}
.list-1{ margin-top:0.2rem;}
.wrapper-1-common{ height:auto;}
.wrapper-2{ display:none;}
.main{ display:inline-block; line-height:0; padding:0.33rem 0 0.33rem}

}


/*****************************page start*****************************/

/*pagebanner*/
.pagebanner{position:relative; overflow:hidden; /*padding-bottom:0.4rem;*/}
.pagebanner .pic{ display:block; overflow:hidden;height:auto;background-position:center top;background-repeat:no-repeat;background-size:cover; background-color:#fff;color:#fff;padding-bottom:51.5625%; position:relative; z-index:2;}
.pagebanner .pagebanner-tt{color:#ffffff;position:absolute;right:0; left:0;top:52%; margin-top:-0.2rem;z-index:3; text-align:center;}
.pagebanner .pagebanner-tt h2{font-size:0.6rem;font-weight: 500;line-height:normal;text-transform:uppercase;}
@media screen and (max-width:1024px){

}
@media screen and (max-width:768px){
.pagebanner .pagebanner-tt{top:60%;}
}

/*pageInfo*/
.page img{max-width:100%;}
.pageInfo{ padding:0; margin:0 auto;}

.about-box{ padding:0 1.6rem; margin:0px auto;}
.about-txt{ text-align:center; font-size:0.26rem; line-height:0.32rem; color:#1a1a1a; font-weight:500; margin-top:1.4rem; margin-bottom:1.5rem;}

.about-ad img{ display:block; margin:0px auto; max-width:100%; height:auto;margin-bottom:1.5rem;}
.about-topimg img{ display:block; margin:0px auto; max-width:100%; height:auto;margin-bottom:0.85rem; width:100%; -o-object-fit:cover;object-fit:cover}

.about-list{ border-top:1px solid #d3d3d3; padding:0.8rem 0; overflow:hidden;}
.about-wz h2{ font-size:0.4rem; line-height:0.48rem; color:#000000; font-weight:500; margin-bottom:0.4rem;}
.about-wz{ width:50%; float:left; font-size:0.2rem; line-height:0.32rem; font-weight:normal; color:#000; padding-right:0.8rem; box-sizing: border-box}
.about-img{ width:50%; float:left; }
.about-img img{width:100%; max-width:100%; height:auto; -o-object-fit:cover;object-fit:cover}

.aboutlist2{ border:none; padding-top:0;}

.aboutlist2 .about-wz{ float:right;  padding-right:0rem; padding-left:0.8rem; box-sizing: border-box}
.aboutlist2 .about-img{ float:left; }



.color1{ background-color:#f2f5f8;}
.pagebox{ padding:1.3rem 0 1.2rem 0;}
.page-title{ font-size:0.6rem; line-height:0.6rem; color:#000000; text-align:center; font-weight:500; margin-bottom:0.4rem; padding:0 0.1rem;}
.page-txt{ font-size:0.22rem; line-height:0.32rem; font-weight:normal; color:#6a6b6d; max-width:13rem; margin:0px auto; text-align:center; margin-bottom:0.8rem; padding:0 0.4rem;}
.page-bd{ padding:0px 1.6rem; margin:0px auto; overflow:hidden;}



.missionbox{ margin:0.7rem 0 0.5rem 0;}
.mission-swiper-btn{ position:relative; margin-top:0.5rem; height:0.4rem; padding:0 1.75rem;}
.missionbannerimg{}
.missionbannerimg img{ border-radius:10px; max-width:100%; width:100%; height:auto;object-fit:cover;}
.mission-banner-swiper .swiper-button-next,.mission-banner-swiper .swiper-button-prev {width: 0.4rem; height: 0.4rem; border-radius:0.2rem; top:0; margin-top:0;}
.mission-banner-swiper .swiper-button-next{ background:#000 url(../images/right.png) no-repeat center center;background-size:5px; right:1.75rem;}
.mission-banner-swiper .swiper-button-prev{ background:#e8e8ed url(../images/left2.png) no-repeat center center;background-size:5px; left:auto; right:2.25rem;}
.mission-banner-swiper .swiper-slide{ margin-right:0.5rem;}


@media (max-width: 1024px) {
.about-list{padding:0.4rem 0;}	
.about-box{ padding:0 0.7rem; margin:0px auto;}	
.about-wz{ width:100%; float:none; margin-bottom:0.4rem; padding-left:0px; padding-right:0px;}
.about-img{ width:100%; float:none; }	
.aboutlist2 { padding-top:0px !important;} 
.aboutlist2 .about-wz{ padding-left:0px;} 
}
@media (max-width: 768px) {
.about-txt{margin-top: 0.3rem;margin-bottom:0.4rem;}	
.about-ad img{ margin-bottom:0.4rem;}	
.about-topimg img{ margin-bottom:0.4rem;}
.about-box{ padding:0 0.7rem; margin:0px auto;}
.mission-bd{ padding:0px 0.2rem;}
.mission-banner-swiper .swiper-slide{ margin:2px;}
.about-wz h2{ font-size:0.24rem;}
.page-title{ font-size:0.4rem;} 
.pagebox{ padding:0.6rem 0 0.6rem 0;}

}
	

.team-list{ overflow:hidden; margin-top:0.6rem;}
.team-itembox{ width:25%; float:left;}
.team-itembox .team-item{ margin:0px 10px;}
.team-itembox .team-item .imgbox{ border-radius:10px; overflow:hidden; line-height:0;}
.team-itembox .team-item .imgbox img{ width:100%;-o-object-fit:cover;object-fit:cover; transition: all 1.2s ease-in-out;-moz-transition: all 1.2s ease-in-out;-webkit-transition: all 1.2s ease-in-out;}
.team-itembox .team-item:hover .imgbox img{-moz-transform: scale(1.1); -webkit-transform: scale(1.1);transform: scale(1.1);}
.team-itembox .team-item .txt{ margin-top:0.3rem;}
.team-itembox .team-item .txt span{ display:block;}
.team-itembox .team-item .title{ font-size:0.22rem; line-height:0.32rem; font-weight:500; color:#000; text-align:left; margin-bottom:0.1rem;}
.team-itembox .team-item .bd{ font-size:0.2rem; color:#5a616b; line-height:0.26rem; font-weight:normal; text-align:left;}


@media (max-width: 768px) {
.team-list{ margin-top:0;}	
.teambox{ padding:0.3rem;}	
.team-title{ font-size:0.4rem; margin-top:0.5rem; margin-bottom:0.35rem;}	
.team-bd{ margin-bottom:0.4rem;}	
.team-itembox{ width:100%; float:none;}	
.team-itembox .team-item{ margin:0px 0px;}
.team-itembox .team-item .txt{  margin-top:0.3rem; margin-bottom:0.3rem;}
.team-itembox .team-item .title{ line-height:0.24rem;}

}




.mapbox{ position:relative;}
.map-img{ margin:0px auto; text-align:center;}
.mapbox img{ max-width:100%; height:auto;}
.map-y{ text-align:center;position: absolute;top: 0;left: 0;width: 100%;height: 100%;animation: mymoveli 2s infinite 0.5s;}
@keyframes mymoveli{
    0%{opacity: 0;}
    50%{opacity: 1;}
    100%{opacity: 0}
}

.wzbox{ border-radius:0.2rem; background:#5686ac;opacity:0.95; padding:0.3rem; font-size:0.16rem; line-height:0.22rem; font-weight:normal; color:#fff;min-width:4rem; max-width:4.5rem;}
.wzbox.zh{ background-color:#727985;}
.wzbox span{ display:block; font-size:0.2rem; line-height:0.32rem; font-weight:500; color:#fff; margin-bottom:10px; position:relative; padding-left:0.2rem;}
.wzbox span::before{ content:""; display:inline-block; width:8px; height:8px; background-color:#fff; position:absolute; top:12px; left:0; border-radius:4px;}
.mapbox .ysl{ position:absolute; top:15%; left:3.45rem;}
.mapbox .zh{ position:absolute; top:8%; right:1rem;}
.mapbox .adly{ position:absolute; top:65%; left:5.35rem;}
.mapbox .gz{ position:absolute; top:50%; right:0.8rem;}
.by{position:absolute; z-index:100; bottom:10%;}
.by .by1{  display:block; height:0.5rem; line-height:0.5rem; width:3.98rem; font-size:0.16rem; padding-left:0.45rem; color:#fff; background:url(../images/icon2-bg.png) no-repeat left center; background-size:cover; margin-bottom:0.15rem;}
.by .by2{ display:block;  height:0.5rem; line-height:0.5rem; width:3.98rem; font-size:0.16rem; padding-left:0.45rem; color:#fff; background:url(../images/icon1-bg.png) no-repeat left center;background-size:cover;}

@media (max-width: 1280px) {
	
.wzbox span::before{  top:6px; }	
.mapbox .ysl{ position:absolute; top:15%; left:3.45rem;}
.mapbox .zh{ position:absolute; top:18%; right:0;}
.mapbox .adly{ position:absolute; top:65%; left:5.35rem;}
.mapbox .gz{ position:absolute; top:50%; right:0;}	
	
}


@media (max-width: 1024px) {
.page-bd{ padding:0 0.7rem;}	
.wzbox span::before{  top:6px; }	
.wzbox { margin-bottom:20px; overflow:hidden;}
.wzbox { width:48%; max-width:none;}
.mapbox .ysl{ position:static; float:left;}
.mapbox .zh{position:static; float:right; }
.mapbox .adly{ position:static; float:left;}
.mapbox .gz{ position:static; float:right;}	
	
}


@media (max-width: 768px) {
.by{position:static; z-index:100; top:0;}	
.wzbox { margin-bottom:10px; overflow:hidden;}
.wzbox { max-width:100%; min-width:100%;}
.mapbox .ysl{ position:static; float:none; }
.mapbox .zh{position:static; float:none;}
.mapbox .adly{ position:static; float:none;}
.mapbox .gz{ position:static; float:none;}	
	
}

/****************************tech************************************/
.color2{ background-color:#f5f5f7 !important;}
.tech-box{ padding:0 1.6rem; margin:0px auto; overflow:hidden;}
.tech-title{ font-size:0.52rem; color:#1d1d1f; font-weight:500; text-align:left; margin-top:0.8rem;}
.tech-txt{ font-size:0.2rem; line-height:0.28rem; color:#1d1d1f; font-weight:normal; text-align:left; margin-top:0.3rem;}
.tech1-list{ display: flex; flex-wrap: wrap; justify-content: space-between; gap: 0.4rem; margin-top:1rem; margin-bottom:0.6rem; }
.tech1-itembox{ /*max-width:5rem;*/ flex: 1 1 calc(33.33% - 0.4rem); height: 4.6rem; border-radius:0.15rem; padding:0.6rem; background-color:#000;  box-sizing:border-box;}
.tech1-list::after {content: "";flex:1 1 calc(33.33% - 0.4rem);visibility: hidden; }
.tech1-item-icon{ text-align:center; line-height:0; margin-top:0.5rem;}
.tech1-item-icon img{ max-width:100%; height:auto; max-height:0.65rem;}
.tech1-item-t{ font-size:0.28rem; line-height:0.28rem; font-weight:500; color:#fff; text-align:left; margin-top:0.75rem; margin-bottom:0.1rem;}
.tech1-item-wz{ font-size:0.18rem; color:#fff; font-weight:normal; line-height:0.28rem; text-align:left;  letter-spacing: -0.04em; }

.tech1-item-icon.ren img{ max-height:0.55rem;}
/*.tech1-item-icon.dun img{ max-height:0.7rem;}*/


.tech2-w{ max-width:4.5rem;}
.tech2-list{ display: flex; flex-wrap: wrap; gap: 0.4rem; margin-top:0.8rem; margin-bottom:1rem; }
.tech2-itembox{ flex: 1;  width:calc(50% - 0.2rem); display: flex; flex-wrap: wrap; border:1px solid #d2d2d2; border-radius:0.2rem; overflow: hidden }
.tech2-item-icon{flex: 1;   width:4rem; line-height:0;}
.tech2-item-icon img{line-height:0; max-width:100%; width:100%; height:100%; -o-object-fit:cover;object-fit:cover }
.tech2-wzbox{ max-width:3.8rem; flex: 1;  display: flex;   flex-direction: column;  justify-content: center; align-items: left;  background:url(../images/fact-bg.jpg) no-repeat right bottom; background-size:1.85rem 1.2rem; padding:0.4rem;}
.tech2-item-t{ font-size:0.28rem; font-weight:500; color:#000000; margin-bottom:0.15rem;}
.tech2-item-wz{ font-size:0.2rem; font-weight:normal; color:#5a616b; line-height:0.32rem;}



.rd-list{ display: flex; flex-wrap: wrap;  margin-top:0.8rem; margin-bottom:1rem; border-radius:0.15rem; padding:0.9rem 0 1rem 0; background-color:#fff; }
.rd-itembox{ width:25%; border-right:1px solid #c8c8c8; padding:0.5rem 0.5rem 0.2rem 0.5rem; box-sizing:border-box;}
.rd-itembox:nth-child(4){ border:none;}
.rd-item-icon{ text-align:center; line-height:0;}
.rd-item-icon img{ max-width:100%; height:auto; max-height:0.65rem;}
.rd-item-wz{ font-size:0.18rem; color:#000000; font-weight:normal; line-height:0.28rem; text-align:left; margin-top:0.5rem;}
.rd-item-icon.xh img{ max-width:100%; height:auto; max-height:0.70rem;}


.save-list{ display: flex; flex-wrap: wrap;  margin-top:0.8rem; margin-bottom:1rem; border-radius:0.15rem; padding:0.9rem 0 1rem 0; background-color:#fff; }
.save-itembox{ width:25%; border-right:1px solid #c8c8c8;  padding:0.5rem 0.5rem 0.2rem 0.5rem; box-sizing:border-box;}
.save-itembox:nth-child(4){ border:none;}
.save-item-icon{ text-align:center; line-height:0;}
.save-item-icon img{ max-width:100%; height:auto; max-height:0.7rem;}
.save-item-wz{ font-size:0.18rem; color:#000000; font-weight:normal; line-height:0.28rem; text-align:left; margin-top:0.5rem; letter-spacing: -0.04em;}
.save-item-icon.yw img{max-height:0.6rem;}
.save-item-icon.zfx img{max-height:0.55rem;}
.save-item-icon.cfx img{max-height:0.5rem;}




.honor-list{ margin-top:0.9rem; margin-right:-0.35rem; margin-bottom:1rem;}
.honor-itembox{ margin-right:0.45rem;  overflow:hidden; padding:0.15rem; background-color:#f8f8f8;}
.honor-item-icon{ line-height:0; text-align:center;  }
.honor-item-icon img{ width:100%; max-width:100%; max-height:390px; -o-object-fit:cover;object-fit:cover;  }
.honor-swiper-btn{ position:relative; margin-top:0.5rem; height:0.4rem; padding-right:0.4rem;}
.honor-banner-swiper .swiper-button-next,.honor-banner-swiper .swiper-button-prev {width: 0.4rem; height: 0.4rem; border-radius:0.2rem; top:0; margin-top:0;}
.honor-banner-swiper .swiper-button-next{ background:#000 url(../images/right.png) no-repeat center center;background-size:5px; right:0.4rem;}
.honor-banner-swiper .swiper-button-prev{ background:#e8e8ed url(../images/left2.png) no-repeat center center;background-size:5px; left:auto; right:0.85rem;}



.com-list{ margin-top:0.9rem; margin-right:-0.30rem; margin-bottom:1rem;}
.com-itembox{ margin-right:0.45rem; border-radius:0.15rem; overflow:hidden;}
.com-item-icon{ line-height:0; text-align:center;  }
.com-item-icon img{ width:100%; max-width:100%; height:auto; -o-object-fit:cover;object-fit:cover;  }
.com-wzbox{ background-color:#fff; padding:0.5rem; min-height:2.5rem;}
.com-item-t{ font-size:0.28rem; font-weight:500; color:#000; text-align:left; margin-bottom:0.25rem;}
.com-item-wz{ font-size:0.24rem; font-weight:500; line-height:0.32rem; color:#5a616b; text-align:left;}
.com-swiper-btn{ position:relative; margin-top:0.5rem; height:0.4rem; padding-right:0.4rem;}
.com-banner-swiper .swiper-button-next,.com-banner-swiper .swiper-button-prev {width: 0.4rem; height: 0.4rem; border-radius:0.2rem; top:0; margin-top:0;}
.com-banner-swiper .swiper-button-next{ background:#000000 url(../images/right.png) no-repeat center center;background-size:5px; right:0.4rem;}
.com-banner-swiper .swiper-button-prev{ background:#e8e8ed url(../images/left2.png) no-repeat center center;background-size:5px; left:auto; right:0.85rem;}


.tech-ad{ position:relative;}
.tech-ad-img{ margin:0 auto; line-height:0;}
.tech-ad-img img{ width:100%; max-width:100%; height:auto; -o-object-fit:cover;object-fit:cover; }
.tech-adtxt{ position:absolute; left:0; right:0; z-index:100; overflow:hidden; top:30%; padding-bottom:0.3rem; }
.tech-ad-t{ font-size:0.4rem; line-height:0.5rem; color:#fff; width:7.5rem; margin:0px auto; text-align:center;}
.tech-ad-btn{ text-align:center; margin:0px auto; margin-top:0.6rem; line-height:0;}
.tech-ad-btn a{ width:1.35rem; height:0.5rem; line-height:0.5rem; color:#fff; font-size:0.15rem; text-align:center; display:inline-block; background-color:#5586ab; border-radius:0.25rem;}
.tech-ad-btn a:hover{ background-color:#000; color:#fff;}

@media (max-width: 1024px) {
.tech1-itembox{ height:auto;}
}

@media (max-width: 768px) {
.tech1-list{/* flex-direction: row;*/ }	
.tech1-itembox{ flex: 1 1 calc(50% - 0.4rem);}
.tech1-list::after {flxe:1 1 calc(50% - 0.4rem) !important; visibility: hidden; }
	
.tech-box{ padding:0 0.7rem;}
.tech-ad-t{ font-size:0.2rem; line-height:0.3rem;  width:100%; }
.tech-ad-btn{ margin-top:0.2rem;}


}

@media (max-width: 468px) {

.tech1-itembox{  flex: 1 1 calc(100% - 0.4rem);padding:0.3rem;}
.tech1-list::after {content: "";flex: 1 1 calc(100% - 0.4rem);visibility: hidden; }

.tech2-itembox{ flex:auto; width:100%;}
.rd-list{ padding:0.6rem 0;}
.rd-itembox{ width:50%; margin-bottom:0.6rem;}
.rd-itembox:nth-child(2){ border:none;}

.solution-wzbox{ padding:0.4rem !important;}

.save-itembox{ width:50%; margin-bottom:0.6rem;}
.save-itembox:nth-child(2){ border:none;}
.tech-ad-btn{ margin-top:0.1rem;}
}

/*solution-wzbox*/
.soluiton-itembox{ margin-top:0.6rem; margin-bottom:1rem; background:#e8edf1; overflow:hidden; border-radius:0.15rem; }
.solution-wzbox{ max-width:7.1rem; float:left; padding:1rem 0 1rem 1rem; box-sizing:border-box; }

.solution-item-icon{ max-width:8.5rem; line-height:0; float:right;}
.solution-item-icon img{ width:100%; max-width:100%; height:auto; -o-object-fit:cover;object-fit:cover;  }

.solution-wzbox li{position:relative;overflow:hidden; border-bottom:1px solid #cecece;  }
.solution-wzbox li .solution-tmain{padding-bottom:0.18rem; padding-right:0.2rem; display:none;font-size:0.18rem; font-weight:normal;line-height:0.26rem;color:#5a616b;}
.solution-wzbox li .solutiontitle{padding:0.25rem 0.2rem;overflow:hidden;zoom:1; cursor:pointer; position:relative;}

.solution-wzbox li .solutiontitle .Tit{display:block;color:#000;font-weight:500;font-size:0.2rem;line-height:0.2rem;  position:relative;}
.solution-wzbox li .solutiontitle .Tit:before{content:""; position:absolute; width:5px; height:5px; background-color:#000; top:0.09rem; margin-left:-0.2rem; border-radius:2.5px; }

@media screen and (max-width:1024px){
.solution-wzbox{ max-width:100%; float:none;padding:1rem; }
.solution-item-icon{ max-width:100%; line-height:0; float:none;}
}


/*************************resourcess********************************/
/*From_login*/
.From_login{ display:none;}
.login_full_screen{background:rgba(7,26,57,0.8);position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:90;}
.From_loginB{position:fixed;top:0;right:0;left:0;bottom:0;width:37.5%; height:100%;z-index:100; margin:auto auto;}
.From_loginB{display:flex;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox; align-items:center;}
.From_loginbox{width:100%;height:auto;margin:auto auto; background-color:#000000;border-radius:15px; /*display:none; */ }
/*From_login_top*/
.From_login_top{padding-top:1.2rem; position:relative;}
.From_login_top .close_login{position:absolute;right:0.2rem;top:0.2rem;width:0.4rem;height:0.4rem;line-height:0.4rem;font-size:0;cursor:pointer;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;transition:all .3s ease-in-out; background-color:#ffffff; text-align:center; border-radius:0.2rem; padding-top:0.07rem;}


.From_login_top .close_login:hover img{-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);transform:rotate(90deg);}
.From_login_top .close_login img{ display:inline-block;max-height:0.14rem;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;transition:all .3s ease-in-out;}
.From_login_top .From_login_top_t{font-size:0.28rem;color:#fff; line-height:0.36rem; text-align:center; padding:0 0.2rem;}
/*From_login_bottom*/
.From_login_bottom{padding-top:0.8rem;padding-bottom:1rem;width:90%;max-width:5.3rem;margin:0 auto;}
.From_login_bottom ul{overflow:hidden;display:block;font-size:0;line-height:0;margin:0 -0.1rem;}
.From_login_bottom ul li{display:inline-block;*display:inline;zoom:1;vertical-align:top; width:100%;}
.From_login_bottom .box{ margin:0 0.1rem;}
.From_login_bottom .t{font-size:0.2rem; color:#fff;line-height:1.5;font-weight:500;  margin-bottom:0.1rem;}
.From_login_bottom .t span{color:#f00;margin-left:0.07rem;}
.From_login_bottom input{appearance:none;-o-appearance:none;-ms-appearance:none;-moz-appearance:none;-webkit-appearance:none;font-weight:normal;}
.From_login_bottom input.text{width:100%;font-size:0.16rem;padding:4px 3%;height:0.5rem;margin-bottom:0.2rem;background-color:#fff;color:#000;outline:none;border:none;border-radius:15px;}
.From_login_bottom input.text::-webkit-input-placeholder,
.From_login_bottom input.text::-moz-placeholder,
.From_login_bottom input.text::-ms-input-placeholder,
.From_login_bottom input.text::placeholder{color:#b4b8c0;}
.From_login_bottom input.inputbtn{display:block;width:1.65rem; margin:0 auto; font-size:0.18rem;line-height:0.6rem;margin-top:0.1rem;background:#ffffff;color:#000;text-align:center;padding:0px;border-radius:0.3rem;cursor:pointer;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;transition:all .3s ease-in-out;}
.From_login_bottom input.inputbtn:hover{background:#5586ab; color:#fff;}
@media screen and (max-width:1024px) {
.From_loginB{width:37.5%;}
.From_loginbox{ width:90%; top:10%; left:0; right:0; }
.From_login_bottom{width:86%;padding-top:20px;}
.From_login_bottom ul li{width:100%;}
.From_login_top .From_login_top_t{font-size:0.24rem;color:#fff;}
}

@media screen and (max-width:768px) {
.From_loginB{width:80%; max-width:7rem;}
.From_loginbox{ width:90%; top:10%; left:0; right:0; }
.From_login_bottom{width:86%;padding-top:20px; padding-bottom:40px;}
.From_login_bottom ul li{width:100%;}
.From_login_top .From_login_top_t{font-size:0.2rem;}
.From_login_top{padding-top:0.6rem;}

}

.zy-box{ padding:0 1.6rem; margin:0px auto; overflow:hidden;}
.zy-title{ font-size:0.52rem; color:#1d1d1f; font-weight:500; text-align:left; margin-top:0.8rem;}
.zy-txt{ font-size:0.2rem; line-height:0.28rem; color:#1d1d1f; font-weight:normal; text-align:left; margin-top:0.3rem;}
.zy-list{margin-top:0.6rem; margin-bottom:0.95rem; }
.zy-w{ max-width:4.7rem;}
.zy-item-wz{ margin-bottom:15px; height:90}
.zy-item-wz a{ background:#fff url(../images/download2.png) no-repeat right 0.5rem center;background-size:0.35rem; display:block; width:100%; font-size:0.26rem; color:#000; line-height:0.3rem; padding:0.32rem 0.5rem; border-radius:0.1rem; cursor:pointer;}
.zy-item-wz a:hover{background:#000 url(../images/download1.png) no-repeat right 0.5rem center;background-size:0.35rem; color:#fff;}
.borderline{border-radius:0.1rem; border:2px solid #f5f5f7;}

/*faq*/

.zy-list-faq{ padding:0.5rem; border-radius:0.2rem; background-color:#fff; margin-top:0.8rem; margin-bottom:1rem;  }
.zy-list-faq li{position:relative;overflow:hidden; border-top:1px solid #e6e6e6;  }
.zy-list-faq li:nth-child(1){ border:none;}
.zy-list-faq li .faqtmain{padding:0.5rem 0; padding-top:0; padding-right:1.5rem; display:none;font-size:0.2rem;line-height:0.3rem;color:#3a3e42; font-weight:normal;}
.zy-list-faq li .faqtitle{padding:0.6rem 0;overflow:hidden;zoom:1; cursor:pointer; position:relative;}
.zy-list-faq li .faqtitle .close{display:block;width:16px;height:100%; overflow:hidden;position:absolute;top:0;right:0;}
.zy-list-faq li .faqtitle .close span{display:block;overflow:hidden;width:100%;height:100%; position:absolute; top:0; right:0; text-indent:-9999px; background:url(../images/down.jpg) center center no-repeat;  background-size:100%;}
.zy-list-faq li .faqtitle .Tit{display:block;color:#000;font-weight:500;font-size:0.24rem;line-height:0.3rem;}
.zy-list-faq li .faqtitle.on .close span{ background:url(../images/up.jpg) center center no-repeat;  background-size:100%;}

@media screen and (max-width:768px){
.zy-box{ padding:0 0.7rem;}
.zy-list-faq li .faqtmain{ padding-right:0.5rem;}
.zy-item-wz a{  padding:0.32rem 1rem 0.32rem 0.2rem; }
}



/********************************Contact*******************************2024*/

.contact-box{ padding:0 1.6rem; margin:0px auto; overflow:hidden;}
.contact-title{ font-size:0.52rem; color:#1d1d1f; font-weight:500; text-align:left; margin-top:0.8rem;}
.contact-txt{ font-size:0.2rem; line-height:0.28rem; color:#1d1d1f; font-weight:normal; text-align:left; margin-top:0.3rem;}
.pageContactBox{position:relative; overflow:hidden; padding:1.2rem 0; font-size:20px;color:#1d1d1f;line-height:normal;}
.contactLeft{width:35%; float:left; max-width:5.6rem;}
.contactLeft .contactLx{max-width:4.3rem; font-size:0.2rem; line-height:0.28rem;  color:#1d1d1f;  font-weight:normal; margin-top:0.35rem;}
.contactLeft .pageTitle{ width:3rem; font-size:0.52rem; color:#1d1d1f; line-height:0.56rem; font-weight:500; text-align:left;}
.contactRight{width:65%;float:right;}
.contactRight p{display:block; font-size:0.2rem; line-height:0.28rem; color:#1d1d1f; font-weight:normal;}


@media screen and (max-width:1320px) {
  .pageContactBox{font-size:20px;}
}
@media screen and (max-width:1220px) {
  .pageContactBox{font-size:18px;}
  .contactLeft .contactLx{max-width:400px;}
}
@media screen and (max-width:1024px) {
  .pageContactBox{font-size:16px;}
  .contactLeft{width:100%; float:none; margin-bottom:100px;}
  .contactRight{width:100%;float:none;}
  .pageContactBox{padding-bottom:50px;}
  .contactLeft .contactLx{max-width:100%;}
}
@media screen and (max-width:768px) {
.pageContactBox{font-size:14px;}

}



/*feedback2*/
.feedback2{text-align:left;padding:0;margin:0 -22px; padding-top:20px;}
.feedback2 label{display:block;}
.feedback2 .l1{float:left;width:50%; position:relative;}
.feedback2 .l1Box{margin:0 22px; position:relative;}
.feedback2 .t{ font-size:0.16rem; color:#1d1d1f; line-height:30px; font-weight:500; padding-bottom:0.1rem;}
.feedback2 .t span{color:#bb2d29; padding-left:0.1rem;}
.feedback2 .text{display:block;width: 100%;padding:0 0;height:52px;margin-bottom:25px;outline:none;font-size:14px;color:#000;border-radius:5px;border:1px solid #eaeaec; background: transparent;text-align:left; padding-left:0.1rem;}
.feedback2 .text2{height:1.6rem; padding-top:0.1rem;}
.feedback2 .inputbtn{display:inline-block;height:0.46rem;line-height:0.46rem;margin:0; margin-top:0.2rem;outline:none;font-size:0.15rem;color:#fff; font-weight:500;border:0;cursor:pointer;border-radius:0.23rem;text-align:center;width:1.3rem; background-color:#000000;}   
.feedback2 .inputbtn:hover{ background-color:#5586ab}


.feedback2 .inputbtn:hover,.feedback2 .inputbtn.tj:hover{}
.feedback2 input::-webkit-input-placeholder { color: #000000; } 
.feedback2 input:-moz-placeholder { color: #000000; } 
.feedback2 input::-moz-placeholder { color: #000000; } 
.feedback2 input:-ms-input-placeholder { color: #000000; } 
.feedback2 textarea::-webkit-input-placeholder { color: #000000; } 
.feedback2 textarea:-moz-placeholder { color: #000000; } 
.feedback2 textarea::-moz-placeholder { color: #000000; } 
.feedback2 textarea:-ms-input-placeholder { color: #000000; } 
@media screen and (max-width:1320px) {

}
@media screen and (max-width:1220px) {
.feedback2{margin:0 -10px;}
.feedback2 .l1Box{margin:0 10px;}

}
@media screen and (max-width:1024px) {
.feedback2{margin:0 -5px;}
.feedback2 .l1Box{margin:0 5px;}
}
@media screen and (max-width:768px) {
.feedback2 .l1{width:100%;}
.feedback2 .inputbtn{ float:none; display:block; clear:both;}
.feedback2 .text{margin-bottom:10px;font-size:12px;}
.feedback2 .text2{margin-bottom:10px;font-size:12px;}
.feedback2 .t{ font-size:12px;line-height:26px;}
.feedback2 .kk{font-size:12px;line-height:40px;}
.feedback2 .inputbtn{margin-top:20px;font-size:12px;}  
}


.contact-list{ display: flex; flex-wrap: wrap; justify-content: space-between; gap: 0.5rem; margin-top:0.7rem; margin-bottom:1rem;}
.contact-itembox{ max-width:5rem; flex: 0 0 calc(33.33% - 0.5rem);  border-radius:0.15rem; box-sizing:border-box; overflow:hidden; background-color:#fff;}
.contact-list::after {content: "";flex: 0 0 calc(33.33% - 0.5rem);visibility: hidden; }
.contact-item-icon{ text-align:center; line-height:0;}
.contact-item-icon img{ max-width:100%; height:auto; width:100%; -o-object-fit:cover;object-fit:cover  }
.contact-item-t{ font-size:0.24rem; line-height:0.28rem; font-weight:500; color:#000; text-align:left; margin-bottom:0.2rem;background-color:#fff;}
.contact-item-wz{ font-size:0.18rem; color:#3a3e42; font-weight:normal; line-height:0.24rem; text-align:left; background-color:#fff; padding:0.5rem 0.4rem; }
.contact-item-wz span{ display:block; color:#3a3e42; font-size:0.18rem; margin-bottom:0.15rem; padding-left:0.35rem;}
.contact-item-wz .tel{background:url(../images/tel.png) no-repeat center left; background-size:0.2rem;}
.contact-item-wz .fax{background:url(../images/fax.png) no-repeat center left; background-size:0.2rem;}
.contact-item-wz .email{background:url(../images/email.png) no-repeat center left; background-size:0.2rem;}
.contact-item-wz .address{background:url(../images/address-c.png) no-repeat top 5px left; background-size:0.2rem;}
.contact-item-wz .address a{ cursor:pointer;}


/*faq*/

.contact-list-faq{background-color:#fff; margin-top:0.8rem; margin-bottom:1rem;  }
.contact-list-faq li{position:relative;overflow:hidden;  background-color:#3e3f40; margin-bottom:0.2rem;  border-radius:0.2rem; }
.contact-list-faq li .faqtmain-c{padding:0.5rem; padding-top:0; padding-right:1.5rem; display:none;font-size:0.2rem;line-height:0.32rem;color:#fff; font-weight:normal;}
.contact-list-faq li .faqtitle-c{padding:0.5rem;overflow:hidden;zoom:1; cursor:pointer; position:relative;}
.contact-list-faq li .faqtitle-c .close{display:block;width:16px;height:100%; overflow:hidden;position:absolute;top:0;right:0.5rem;}
.contact-list-faq li .faqtitle-c .close span{display:block;overflow:hidden;width:100%;height:100%; position:absolute; top:0; right:0; text-indent:-9999px; background:url(../images/contact-down.jpg) center center no-repeat;  background-size:100%;}
.contact-list-faq li .faqtitle-c .Tit{display:block;color:#fff;font-weight:500;font-size:0.24rem;line-height:0.3rem;}
.contact-list-faq li .faqtitle-c.on .close span{ background:url(../images/contact-up.jpg) center center no-repeat;  background-size:100%;}
.job-email{ font-size:0.2rem; color:#fff; margin-top:0.5rem;}
.job-email a{ color:#9799a6; font-size:0.2rem; font-weight:normal; display:inline-block; padding-left:0.35rem;}



@media screen and (max-width:1024px){
.contact-list{ gap: 0.2rem; }	
.contact-itembox{  flex: 0 0 calc(33.33% - 0.2rem); }
.contact-list::after {flex: 0 0 calc(33.33% - 0.2rem);}
.contact-item-wz{ font-size:0.18rem;  padding:0.2rem 0.2rem; }
	
.contact-box{ padding:0 0.7rem;}
}

@media screen and (max-width:768px){
.contactLeft{ margin-bottom:0.4rem;}	
.contact-box{ padding:0 0.7rem;}
.contact-list-faq li .faqtmain-c{ padding-right:0.5rem;}
.contact-itembox{ max-width:100%; flex:auto;}
.contact-item-wz .address{background:url(../images/address-c.png) no-repeat center left; background-size:0.2rem;}
.job-email a{ display:block; padding-left:0;}
}



@media screen and (max-width:560px){
.contact-itembox{ max-width:100%; flex:auto;}

}




/*****************************pageNewsList start*****************************/
.news-box{padding:0 1.6rem; margin:0px auto; overflow:hidden;}
/*pageNewsList*/
.pageNewsList {overflow: hidden; margin-top:1rem; margin-bottom:0.5rem;}

.pageNewsList ul{overflow:hidden;display:block;font-size:0;line-height:0;margin:0;}
.pageNewsList ul li{width:100%;padding-bottom:0.6rem;padding-top:0.5rem;border-top:1px solid #e8e8e8;display:inline-block;*display:inline;zoom:1;vertical-align:top;}
.pageNewsList ul li .item{margin:0;position:relative;}
.pageNewsList ul li .item{display:flex;  justify-content: space-between; display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;}

.pageNewsList ul li .pic{width:5.6rem;margin-right:0.65rem;}
.pageNewsList ul li .imgBox{overflow:hidden;height:0;position:relative;border-radius:5px;padding-bottom:59.5%;}
.pageNewsList ul li .imgBox img{position:absolute;top:0;left:0;display:block;max-width:none;width:100%;height:100%;object-fit:cover;}
.pageNewsList ul li .pic,.pageNewsList ul li .imgBox,.pageNewsList ul li .imgBox img,
.pageNewsList ul li .infoBox,.pageNewsList ul li .more,
.pageNewsList ul li .item{-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;transition:all .3s ease-in-out;}
.pageNewsList ul li .item:hover .imgBox img{-moz-transform:scale(1.03);-webkit-transform:scale(1.03);-ms-transform:scale(1.03);transform:scale(1.03);}

.pageNewsList ul li .infoBox{width:6.5rem; position:relative;}
.pageNewsList ul li .infoBoxNr{padding-right:1.2rem; position:relative; min-height:3.2rem; box-sizing:border-box;}


.pageNewsList ul li .date{ width:2.5rem; font-size:0.22rem; color:#1a1a1a; margin-bottom:10px;font-weight:500; margin-right:1.5rem; line-height:0.22rem;}
.pageNewsList ul li .title{font-size:0.26rem;line-height:0.32rem;color:#1a1a1a;font-weight:500;overflow:hidden; margin-bottom:0.3rem;}

.pageNewsList ul li .text{font-size:0.18rem;line-height:0.28rem;color:#1a1a1a;font-weight:normal;}

.pageNewsList ul li .more{background-color:#000; color:#fff; width:1rem; height:0.48rem; line-height:0.48rem; text-align:center; font-size:0.18rem; border-radius:0.5rem; position:absolute; bottom:0; }

.pageNewsList ul li .item:hover .pic{filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity:0.8;opacity:0.8;}
.pageNewsList ul li .item:hover .infoBox{filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity:0.5;opacity:0.5;}
.pageNewsList ul li .item:hover .more{ background-color:#5586ab;}


@media screen and (max-width:1024px){
.pageNewsList ul li .date{ width:2.5rem; margin-right:1rem;}
.pageNewsList ul li .infoBoxNr{padding-right:0.6rem; min-height:2.6rem;}

}
@media screen and (max-width:768px){
.news-box{padding:0 0.7rem;}	
.pageNewsList ul{margin:0;}
.pageNewsList ul li .item{margin:0;}
.pageNewsList ul li .item{display: block;}
.pageNewsList ul li .date{ margin-bottom:0.4rem;}
.pageNewsList ul li .pic{width:100%;margin-right:0; margin-bottom:0.3rem;}
.pageNewsList ul li .infoBox{width:100%;}
.pageNewsList ul li .infoBoxNr{padding-right:0; min-height:auto;}
.pageNewsList ul li .title{max-width:100%;margin-bottom:0.3rem;}
.pageNewsList ul li{padding-bottom:0.5rem;padding-top:0.5rem;}

.pageNewsList ul li .more{ position:static; margin-top:0.4rem; }
}




/*****************************page-tab start*****************************/
/*page-tab*/
.page-tab{margin:0 auto;}
.page-tab ul {margin:0 auto;list-style: none; margin-bottom:0.5rem; text-align:center;font-size: 0;}
.page-tab ul li{margin: 0;padding: 0;display: inline-block;*display: inline;zoom:1;position: relative;border-radius:5px; vertical-align:top;}
.page-tab ul li a{font-size:0.12rem;padding:0 0.1rem;margin:0 2px;width:0.4rem;height:0.4rem;line-height:0.4rem;display:inline-block;text-align:center;color:#000;border-radius:0.2rem;font-weight:500; background-color:#e8e8ed;}
.page-tab ul li a{-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;transition:all .3s ease-in-out;}
/*prev+next*/

.page-tab ul li.prev-page a{ background-color:#e8e8ed; }
.page-tab ul li.prev-page a span{display:inline-block; width:0.05rem;height:0.09rem;background: url(../images/left2.png) center center no-repeat; background-size:0.05rem;}

.page-tab ul li.prev-page a:hover{background-color:#e8e8ed;color:#fff;}

.page-tab ul li.next-page a{ background-color:#e8e8ed;}
.page-tab ul li.next-page a span{display:inline-block; width:0.05rem;height:0.09rem; background:url(../images/right2.png) center center no-repeat; background-size:0.05rem;}

.page-tab ul li.next-page a:hover{background-color:#e8e8ed;color:#fff;}

.page-tab ul li a:hover,
.page-tab ul li a.focus{ background-color:#333336; color:#fff;}

@media screen and (max-width:1024px){
.page-tab{margin:0 auto;text-align: center; }
}
@media screen and (max-width:768px){
.page-tab ul li{ display:none;}	

.page-tab ul li.prev-page a span{display:inline-block; width:0.1rem;height:0.2rem;background: url(../images/left2.png) center center no-repeat; background-size:0.1rem;}
.page-tab ul li.next-page a span{display:inline-block; width:0.1rem;height:0.2rem; background:url(../images/right2.png) center center no-repeat; background-size:0.1rem;}

.page-tab ul li.next-page,.page-tab ul li.prev-page{display:inline-block;}
.page-tab ul li.next-page a,.page-tab ul li.prev-page a{width:auto;}
.page-tab ul li a{font-size:14px;min-width:40px;height:40px;line-height:40px;}
.page-tab ul li.prev-page a{width:40px; height:40px; border-radius:20px; margin-right:5px;}
.page-tab ul li.next-page a{width:40px; height:40px;border-radius:20px;  margin-left:5px;}

}

/*****************************pageNav start*****************************/

.protop-box {padding:0 1.6rem; margin:0px auto; overflow:hidden; }
.protop-box .pageNav{position:relative; z-index:1;padding:1.1rem 0;}
.protop-box .pageNav ul{font-size:0;position:relative; display:flex;flex-wrap: nowrap; gap: 13px;  }
.protop-box .pageNav li{ flex: 1 1 calc(20% - 13px); min-width: calc(20% - 13px); box-sizing: border-box;flex-shrink: 0; position:relative;}

.protop-box .pageNav li .category-header{display:block;color:#000;font-size:0.16rem; font-weight:normal; padding:0 0.4rem 0 0.24rem; height:0.48rem; line-height:0.48rem;border-radius:0.1rem;position:relative; background:#fff url(/Design/King-Tin/images/v2.png) center right 0.2rem no-repeat; background-size:0.13rem; transition: background-url 2s ease; }

.protop-box .pageNav li.active .category-header{background:#fff url(/Design/King-Tin/images/v2-2.png) center right 0.2rem no-repeat; background-size:0.13rem;}

.subcategory-list{  position:absolute; z-index:100; border-radius:0.1rem; background:rgba(231, 232, 232, 0.96); width:100%; overflow:hidden;right:0;left:0;  display:none;}
.subcategory-list a{ display:block; font-size:0.16rem; line-height:0.22rem; color:#000000; background-color:none; padding:0.2rem 0.4rem 0 0.24rem;}
.subcategory-list a:hover{ color:#203570;}


.protop-box .pageNav li .subcategory-list.active{ display:block;}
.subcategory-list a:last-child{ margin-bottom:0.26rem;} 



.protop-box .pageNav li:last-child a{margin-right:0!important;}
.protop-box .pageNav li a span{ display:inline-block;}
.protop-box .pageNav-tit{ display:none;}

.prolist-txt{ max-width:10.24rem; margin:0px auto; font-size:0.26rem; line-height:0.32rem; color:#1a1a1a; font-weight:500; text-align:center; padding:0 0.4rem 1.1rem 0.4rem;letter-spacing:-0.02em; }

@media screen and (max-width:1024px){
.protop-box .pageNav li .category-header{  display: flex;align-items: center;  flex-wrap: wrap;  padding:0 0.4rem 0 0.24rem; line-height:0.20rem;}
}

@media screen and (max-width:768px){
.protop-box {padding:0 0.7rem; margin:0px auto; overflow:hidden; position:relative;}
.protop-box .w1560{position:relative;}
.protop-box .pageNav-tit{display:block;height:50px;line-height:50px;color: #1a1a1a;text-align:left;padding-right:50px; position:relative;font-size:16px; font-weight:500;}
.protop-box .pageNav-tit:after {content:''; display:inline-block;width:50px;height:50px;background: url(../images/icon-v.png) no-repeat center center;background-size:13px; position:absolute;right:0; top:50%; margin-top:-25px;}

.prolist-txt{ width:100%; padding:0;}

.protop-box .pageNav{width:100%;z-index:9;padding-top:0; padding-bottom:0.4rem;}
.protop-box .pageNav ul{display:block;float:none;margin-right:0;padding-right:0; height:auto;padding:10px 0;}

.protop-box .pageNav li{ margin-bottom:10px;}

}

@media screen and (max-width:480px){
.protop-box .pageNav li .category-header{font-size:14px; padding:0 0.4rem 0 0.24rem; height:48px; line-height:48px;border-radius:10px; background:#fff url(/Design/King-Tin/images/v2.png) center right 20px no-repeat; background-size:13px;   }	
.protop-box .pageNav li.active .category-header{background:#fff url(/Design/King-Tin/images/v2-2.png) center right 20px no-repeat; background-size:13px;}

.subcategory-list a{ font-size:14px; line-height:20px;  padding:20px 40px 0 24px;}
	
}



/*****************************pageProduct start*****************************/
/*pageproductList*/
.pageproductList {overflow: hidden; margin-bottom:0.4rem;}
.pageproductList ul{overflow:hidden;display:block;font-size:0;line-height:0;margin:0 -0.13rem;}

.pageproductList ul li{width:25%;display:inline-block;*display:inline;zoom:1;vertical-align:top;padding-bottom:0.55rem; padding-top:0.3rem; }
.pageproductList ul li .item{margin:0 0.13rem;position:relative; display:block; }
.pageproductList ul li .item .pic{ padding:0.7rem 0 1rem 0; border-radius:0.2rem; position:relative;}
.pageproductList ul li:nth-child(2n) .item .pic{ background-color:#e2e2e4;}
.pageproductList ul li:nth-child(2n+1) .item .pic{ background-color:#ffffff;}
.pageproductList ul li .imgBox{overflow:hidden;height:0;position:relative;border-radius:5px;padding-bottom:77.6316%; margin-bottom:0.35rem}
.pageproductList ul li .imgBox img{position:absolute;top:0;left:0;display:block;max-width:none;width:100%;height:100%;object-fit:cover;}
.pageproductList ul li .pic,
.pageproductList ul li .imgBox,
.pageproductList ul li .imgBox img,
.pageproductList ul li .infoBox,
.pageproductList ul li .more,
.pageproductList ul li .item{-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;transition:all .3s ease-in-out;}
.pageproductList ul li .item:hover .imgBox img{-moz-transform:scale(1.03);-webkit-transform:scale(1.03);-ms-transform:scale(1.03);transform:scale(1.03);}
.pageproductList ul li .infoBox{}
.pageproductList ul li .infoBoxNr{padding-right:0.6rem;position:relative;}
.pageproductList ul li .icon-more{ position:absolute; z-index:100; bottom:0.17rem; right:0.17rem; width:0.36rem; height:0.36rem; border-radius:0.18rem; background:#000 url(../images/more.png) center center no-repeat;background-size:0.16rem;}
.pageproductList ul li .type{font-size:0.22rem;line-height:1.2;margin-bottom:10px;color:#000;font-weight:500; margin-top:0.35rem;}
.pageproductList ul li .title{font-size:0.18rem;line-height:1.3;color:#3a3e42;overflow:hidden;otext-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-weight:normal; }
.pageproductList ul li .item:hover .pic{filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity:0.8;opacity:0.8;}
.pageproductList ul li .item:hover .infoBox{/*filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity:0.5;opacity:0.5;*/}
.pageproductList ul li .item:hover .infoBox .type{ color:#5586ab;}
.pageproductList ul li .item:hover .icon-more{-webkit-transform:rotateZ(90deg);transform:rotateZ(90deg);background:#5586ab url(../images/more.png) center center no-repeat;background-size:0.16rem;}


@media screen and (max-width:1024px){
.prolist-txt{ padding-bottom:0.9rem;}		
.pageproductList {margin-bottom:0.4rem;}
.pageproductList ul{margin:0 -0.1rem;}
.pageproductList ul li .item{margin:0 0.1rem;}
.pageproductList ul li{width:50%;}
}
@media screen and (max-width:768px){
.prolist-txt{ padding-bottom:0.5rem;}		
.pageproductList {margin-bottom:0.4rem;}
.pageproductList ul li{width:100%;}
.pageproductList ul li{padding-bottom:0.4rem;padding-top:0.3rem;}
}
@media screen and (max-width:430px){
.pageproductList {margin-bottom:0.4rem;}
.pageproductList ul li{width:100%;}
.pageproductList ul li{padding-bottom:0.3rem;padding-top:0.3rem;}
}

/*****************************pageProductinfo start*****************************/

.proinfobox{ margin-top:2.35rem; }
.proinfo .pagebanner .pic{ padding-bottom:0 !important;}
.proinfo-title{ text-align:center; font-size:0.3rem !important; color:#5a616b !important; font-weight:500; margin-top:0.9rem;}
.f_Helvetica_text{ max-width:10.24rem; margin:0px auto;  font-size:0.22rem; line-height:0.28rem; color:#898989; font-weight:normal; text-align:center; margin-top:0.1rem;}

.proinfo-img{ text-align:center;}

.proinfo-btn a{ display:block; width:0.88rem; height:0.46rem; border-radius:0.23rem; background-color:#000; color:#fff; font-size:0.16rem; line-height:0.46rem; font-weight:normal; text-align:center; margin:0px auto; }
.proinfo-btn{margin-top:0.25rem; margin-bottom:1.2rem; overflow:hidden;}




.pro-vr{ margin:0 auto; line-height:0;}
.pro-vr img{ max-width:100%; height:auto; width:100%; -o-object-fit:cover;object-fit:cover}



.productinfo-title { font-size:0.52rem; color:#1d1d1f; font-weight:500; text-align:left; margin-top:0.8rem;}
.productinfo-txt{ font-size:0.2rem; line-height:0.28rem; color:#1d1d1f; font-weight:normal; text-align:left; margin-top:0.3rem;}

.productinfo-box{ overflow:hidden;}
.productinfo-list{ margin:0.7rem 0 0.5rem 0;}
.productinfo-swiper-btn{ position:relative; margin-top:0.5rem; height:0.4rem; padding:0 1.75rem;}
.productinfobannerimg{ position:relative;}
.productinfobannerimg img{ border-radius:25px; max-width:100%; width:100%; height:auto;object-fit:cover;}
.productinfo-banner-swiper .swiper-button-next,.productinfo-banner-swiper .swiper-button-prev {width: 0.4rem; height: 0.4rem; border-radius:0.2rem; top:0; margin-top:0;}
.productinfo-banner-swiper .swiper-button-next{ background:#000 url(../images/right.png) no-repeat center center;background-size:5px; right:1.75rem;}
.productinfo-banner-swiper .swiper-button-prev{ background:#e8e8ed url(../images/left2.png) no-repeat center center;background-size:5px; left:auto; right:2.25rem;}
.productinfo-banner-swiper .swiper-slide{ margin-right:0.5rem;}

.pro-text{ position:absolute; font-size:0.3rem; font-weight:500; line-height:0.34rem; left:0.6rem; bottom:0.5rem; color:#00000; max-width:3.85rem;}


@media screen and (max-width:1024px){
.proinfobox{ margin-top:2rem; }	
.proinfo .pagebanner .pic{ margin-top:1rem; background-size:100% !important;}
}

@media screen and (max-width:768px){
.proinfobox{ margin-top:1.6rem; }	
}
@media screen and (max-width:568px){
.proinfobox{ margin-top:1.4rem; }	
}

@media screen and (max-width:468px){
.proinfobox{ margin-top:1rem; }	
.proinfo-title{ margin-top:0.4rem;}
.proinfo-btn{ margin-bottom:0.6rem;}
}

@media screen and (max-width:420px){
.proinfo-btn{margin-top:0.25rem; margin-bottom:1.2rem;
}
}

.productinfoxg-list{ margin:0.9rem 0 1.2rem 0;} 
.productinfoxg-list .item{margin:0 0.13rem;position:relative; display:block; }
.productinfoxg-list .item .pic{ padding:0.7rem 0 1rem 0; border-radius:0.2rem; position:relative;}
.productinfoxg-list .swiper-slide:nth-child(2n) .item .pic{ background-color:#e2e2e4;}
.productinfoxg-list .swiper-slide:nth-child(2n+1) .item .pic{ background-color:#ffffff;}
.productinfoxg-list .imgBox{overflow:hidden;height:0;position:relative;border-radius:5px;padding-bottom:77.6316%; margin-bottom:0.35rem}
.productinfoxg-list .imgBox img{position:absolute;top:0;left:0;display:block;max-width:none;width:100%;height:100%;object-fit:cover;}
.productinfoxg-list .pic,
.productinfoxg-list .imgBox,
.productinfoxg-list .imgBox img,
.productinfoxg-list .infoBox,
.productinfoxg-list .more,
.productinfoxg-list .item{-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;transition:all .3s ease-in-out;}
.productinfoxg-list .item:hover .imgBox img{-moz-transform:scale(1.03);-webkit-transform:scale(1.03);-ms-transform:scale(1.03);transform:scale(1.03);}
.productinfoxg-list .infoBox{}
.productinfoxg-list .infoBoxNr{padding-right:0.8rem;position:relative;}
.productinfoxg-list .icon-more{ position:absolute; z-index:100; bottom:0.17rem; right:0.17rem; width:0.36rem; height:0.36rem; border-radius:0.18rem; background:#000 url(../images/more.png) center center no-repeat;background-size:0.16rem;}
.productinfoxg-list .type{font-size:0.22rem;line-height:1.2;margin-bottom:10px;color:#000;font-weight:500; margin-top:0.35rem;}
.productinfoxg-list .title{font-size:0.18rem;line-height:1.3;color:#3a3e42;overflow:hidden;otext-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-weight:normal; }

.productinfoxg-list .item:hover .pic{filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity:0.8;opacity:0.8;}
.productinfoxg-list .item:hover .icon-more{-webkit-transform:rotateZ(90deg);transform:rotateZ(90deg);background:#5586ab url(../images/more.png) center center no-repeat;background-size:0.16rem;}

.productinfoxg-list .item:hover .infoBox .type{ color:#5586ab;}


/*****************************newsinfo start*****************************/

.newsinfomod {
  display: flex;
  gap:12px;
  flex-wrap: wrap;


  background-color: #ffffff;
  box-sizing: border-box;
  padding:0.6rem 1.75rem;
}



.pageNew{ font-size:16px; line-height:30px; color:#464646;}
.pageNew .pageNew-tit{margin-top:40px;margin-bottom:30px;}
.pageNew .pageNew-tit .h2 { text-align:center; font-size:0.4rem; color:#000000; line-height:50px;margin-bottom:20px;}
.pageNew .pageNew-tit .date { text-align:center; font-size:14px; color:#5d6371; line-height:normal; border-bottom:1px solid #dbdbdb; padding-bottom:0.5rem; margin-bottom:0.5rem;}

.newsNavBox{border-bottom:1px solid #dbdbdb;margin-top:50px;}
.newsNavBox .newsNav{ width:50%; float:left; font-size:14px; color:#000;height:56px; overflow:hidden;line-height:56px; font-weight:500;}
.newsNavBox .newsNav a{font-size:14px; font-weight:500; color:#000; }
.newsNavBox .newsNav.r{float:right; text-align:right;}
@media screen and (max-width:767px){
.pageNew .pageNew-tit .date { padding-bottom:0.3rem; margin-bottom:0.3rem;}	
.newsNavBox .newsNav{ width:100%;height:40px;line-height:40px;text-align:left}	
.newsNavBox .newsNav.r{ text-align:left;}
.pageNew .pageNew-tit .h2 {font-size:0.28rem;line-height:30px; font-weight:600;}
}

.newsinfomod .page-back{margin:0 auto;text-align:center;margin-top:50px;}
.newsinfomod .page-back a{display:inline-block;font-size:14px;color:#545454;width:150px;height: 40px;line-height: 40px;margin:0 auto;text-align:center;1f983a-moz-transition: all 0.4s;-webkit-transition: all 0.4s;transition: all 0.4s; position:relative; background-color:#5586ab; color:#fff; border-radius:20px;}
.newsinfomod .page-back a:hover{color:#fff;}
.newsinfomod .page-back a:before {content: '';position: absolute;top: 0px;left: 0px;width: 0px;height: 100%;border-radius: 20px;background: #cf2c29;z-index: -1;-moz-transition: all 0.4s;-webkit-transition: all 0.4s;transition: all 0.4s;}
.newsinfomod .page-back a:hover:hover::before {width: 100%;}





@media screen and (max-width:1024px){
 .newsinfomod {
  padding:0.6rem 0.52rem;
}
	
}



.pro-vr{ position:relative;}
.pro-vr::after{ content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(255, 255, 255, 0); /*pointer-events: none;*/  pointer-events: auto; }
.pro-vr.hide-mask::after { display: none; }