@font-face {
	font-family:"HarmonyOS-Light";
	src:url("../fonts/HarmonyOS_Sans_SC_Light.woff"),
    url("../fonts/HarmonyOS_Sans_SC_Light.ttf");
}
@font-face {
	font-family:"HarmonyOS-Regular";
	src:url("../fonts/HarmonyOS_Sans_SC_Regular.woff"),
    url("../fonts/HarmonyOS_Sans_SC_Regular.ttf");
}
@font-face {
	font-family:"HarmonyOS-Medium";
	src:url("../fonts/HarmonyOS_Sans_SC_Medium.woff"),
    url("../fonts/HarmonyOS_Sans_SC_Medium.ttf");
}
@font-face {
	font-family:"HarmonyOS-Bold";
	src:url("../fonts/HarmonyOS_Sans_Bold.woff"),
    url("../fonts/HarmonyOS_Sans_Bold.ttf");
}

body{ overflow:hidden; font-family:"HarmonyOS-Regular";}



/* 头部 */
.header{ color:#fff; position:fixed; top:0; left:0; width:100%; z-index:12; transition:all .5s ease-in-out; -webkit-transition:all .5s ease-in-out; -moz-transition:all .5s ease-in-out; -ms-transition:all .5s ease-in-out; -o-transition:all .5s ease-in-out; }
.header .logo-top{ padding:.3rem 0;transition:all .5s ease-in-out;}
.header .logo-top a{ display:block; position:relative;}
.header .logo-top .inter{ position:absolute; left:0; opacity:0;}
.header .logo-top img{ width:1.92rem;}
.header .nav .ul{ height:100%;}
.header .nav li{ margin:0 .25rem; padding:.25rem 0; font-size:.18rem; position:relative;transition:all .5s ease-in-out;}
.header .nav li>a{ color:#fff; display:block; padding:.1rem 0;}

.header .search-box{ height:100%; margin-left:.2rem;}
.header .search-box .icon{ cursor:pointer; display:block; width:.4rem; height:.4rem; background-image:url(../images/icon2.png); background-repeat:no-repeat; background-position:center; background-size:.14rem;}
.header .search-box .icon.on{ background-image:url(../images/close.svg); background-size:.16rem;}
.header .search-box .search-con{ background:#fff; padding:.1rem; position:absolute; right:0; top:100%; width:4rem; border-radius:5px; box-shadow:0 2px 15px rgba(0,0,0,.1); display:none;}
.header .search-box .search-con .wtd100{ width:100%;}
.header .search-box .search-con input{ font-size:.16rem; width:calc(100% - .4rem); outline:none; display:block; margin:0; padding:0; border:none;}
.header .search-box .search-con .but{cursor:pointer; width:.35rem; height:.35rem; background:url(../images/search.svg) no-repeat center; background-size:.22rem;}
.header .use-box{ height:100%; margin-left:.2rem; display:none;}
.header .use-box .use-icon{ cursor:pointer; display:block; width:.4rem; height:.4rem; background-image:url(../images/icon1.png); background-repeat:no-repeat; background-position:center; background-size:.14rem;}
.header .versions{display: none; margin-left:.2rem; padding-left:.1rem; height:100%;}
.header .versions .txt{ cursor:pointer;}
.header .versions .txt::after{ margin-left:.1rem; content:''; display:block; width:.1rem; height:.1rem; background-image:url(../images/icon3.png); background-repeat:no-repeat; background-position:center; background-size:.09rem;}
.header .versions .ul{ display:none; background:#fff; position:absolute; top:100%; left:50%; width:1rem; margin-left:-.5rem; text-align:center; animation:0.5s ease 0.1s 1 normal backwards running fadeInUp; -webkit-animation:0.5s ease 0.1s 1 normal backwards running fadeInUp; box-shadow:0 0 10px rgba(0,0,0,.1);}
.header .versions .ul li{ border-bottom:solid 1px #eee;}
.header .versions .ul li a{ padding:.1rem 0; display:block; transition: all .5s;}
.header .versions .ul li:last-child{ border-bottom:none;}
.header .versions .ul li a:hover{ background:#ff8e3e; color:#fff;}
.header .versions:hover .ul{ display:block;}
.header .icon-menu{ font-size:0; cursor:pointer; width:25px; height:24px; border-radius:50%; position:relative; z-index:12; display:none;}
.header .icon-menu i{ -webkit-transition: all .4s ease-out; transition: all .4s ease-out; display:block; height:2px; background:#fff; border-radius:5px; width:100%;}
.header .icon-menu.active i:nth-of-type(1){ margin:0; width:30px; transform: rotate(45deg) translate(6px,6px);}
.header .icon-menu.active i:nth-of-type(2){ opacity:0;}
.header .icon-menu.active i:nth-of-type(3){width:30px; transform: rotate(-45deg) translate(5px,-5px);}

.header.black-bg{ background:#fff; color:#000; border-bottom:solid 1px #f0f0f0;}
.header.black-bg .nav li>a{ color:#000;}
.header.black-bg .use-box .use-icon{ background-image:url(../images/icon4.png);}
.header.black-bg .search-box .icon{ background-image:url(../images/icon5.png);}
.header.black-bg .versions .txt::after{ background-image:url(../images/icon6.png);}
.header.black-bg .logo-top .tacit{ opacity:0;}
.header.black-bg .logo-top .inter{ position:absolute; left:0; opacity:1;}
.header.black-bg .search-box .icon.on{ background-image:url(../images/close1.svg);}
.header.black-bg .icon-menu i{ background:#000;}

.nav-black{ background:rgba(0,0,0,.5); position:fixed; width:100%; height:100%; left:0; top:0; z-index:2; display:none;}
.header .nav li{position: relative;}
.header .nav li>a:hover,
.header .nav li.on>a{ color:#ff8e3e;}
.header.onFixed{ background-image: linear-gradient(90deg,#ff463c 0%, #ff8e3e 100%),linear-gradient(#000000, #000000);background-blend-mode:normal,normal; box-shadow:0 0 20px rgba(0,0,0,.2);}
.header.onFixed .nav li>a:hover,
.header.onFixed .nav li.on>a{ color:#fff;}
.header.onFixed .search-box .icon.on{ background-image:url(../images/close1.svg); background-size:.16rem;}
.header.onFixed .logo-top .tacit{ opacity:1;}
.header.onFixed .logo-top .inter{ opacity:0;}
.header.onFixed .logo-top{padding: .15rem 0;}
.header.onFixed .nav li{padding: .1rem 0;}
.header.black-bg.header.onFixed .nav li>a{ color:#fff;}
.header .nav li .drop-down{display:none;}
.header .nav li:hover .drop-down{display: block;}
@media (min-width:1025px){
.header .nav li{position: relative;}
.header .nav li .drop-down{position: absolute;top: 100%;left: 50%;width: max-content;transform: translateX(-50%)}
.header .nav li .drop-down dl{padding: .1rem .15rem;background: linear-gradient(to right, #fe473d, #fe8e3f);}
.header .nav li .drop-down dl dd{padding: .1rem 0;border-bottom: 1px solid transparent;}
.header .nav li .drop-down dl dd a{ color: #fff;font-size: .16rem;}
.header .nav li .drop-down dl dd:hover{border-bottom: 1px solid #fff;}
.header .nav li.on:after{position: absolute;display: block;content: '';left: -.24rem;top: 0;bottom: 0;margin: auto 0;width: .14rem;height: .14rem;background-image: url('../images/nav-icon.png');background-size: 100%;z-index: 3;}
}
@media (max-width:1024px){
.header .nav{ position:fixed; top:.95rem; right:-100%; width:35vw; height:calc(100vh - .95rem); background:#fff; padding:.2rem; box-shadow:0 10px 10px rgba(0,0,0,.1); z-index:3; transition:all .5s; overflow:auto;}
.header .nav .ul{ align-content:flex-start;}
.header .nav li{ padding:0; margin:0; width:100%; border-bottom:solid 1px #eee;}
.header .nav li a{color:#000;}
.header .nav.on{ right:0;}
.header .nav li.on>a{ color:#ff8e3e;}
.header .icon-menu{ margin-left:.3rem; display:-webkit-flex; display:flex;}
.header .nav li .drop-down dl dd{ border-bottom:solid 1px #ccc;}
.header .nav li .drop-down dl dd:last-child{ border-bottom:none;}
.header .nav li .drop-down dl dd a{ padding:.12rem 0; display:block; font-size:.16rem;}
.header.onFixed .nav li>a:hover,
.header.onFixed .nav li.on>a{color:#ff8e3e;}
.header.black-bg.header.onFixed .nav li>a{color:#000;}
.header.onFixed .nav{ top:.66rem; height:calc(100vh - .66rem);}
}
@media (max-width:768px){
.header .use-box .use-icon{ background-size:.2rem;}
.header .search-box .icon{ background-size:.2rem;}
}
@media (max-width:640px){
.header .nav{ width:60%; top:1.05rem;}
.header .nav li{ font-size:.26rem;}
.header .nav li>a{ padding:.2rem;}
.header .nav li .drop-down dl{ padding:0 .2rem;}
.header .nav li .drop-down dl dd a{ font-size:.24rem;}
.header .versions .ul{ width:1.6rem; margin-left:-.8rem;}
.header .versions .txt::after{ width:.15rem; height:.15rem; background-size:.15rem;}
.header .logo-top img{ width:2.3rem;}
.header .search-box .icon.on{ background-size:.2rem;}
.header .search-box .search-con{ padding:.15rem .2rem; width:170%;}
.header .search-box .search-con input{ font-size:.24rem;}
.header.onFixed .nav{ top:.75rem; height:calc(100vh - .75rem);}
}


/* 底部 */
.footer{ padding:.5rem 0; border-top:solid 2px rgba(0,0,0,.2);}
.footer .logo img{ width:2.11rem;}
.footer .footer-menu{ color:#222124;}
.footer .footer-menu em{ padding:0 .15rem; font-style: normal;}
.footer .footer-menu em:last-child{ display:none;}
.footer .footer-two{ padding-top:.4rem; text-align:center; color:#9fa0a0;}
.footer .footer-two a{ color:#9fa0a0;}
.footer a:hover{ color:#ff563c;}

.share-xg{ display:none; position:fixed; right:3%; bottom:25%; z-index:9;}
	.share-xg .item { /*cursor:pointer;*/
		margin-bottom: .2rem;
		background: #f4f4f4;
		width: .5rem;
		height: .5rem;
		border-radius: 100%;
		overflow: hidden;
		box-shadow: 0 0 10px rgba(0,0,0,.1);
	}
.share-xg .item:last-child{ margin-bottom:0;}
.share-xg .item .share-but{ display:block; width:100%; height:100%; background-size:contain; background-repeat: no-repeat; background-position:center;}
.share-xg .share-icon1{ background-image:url(../images/share-icon1.png);}
.share-xg .share-icon2{ background-image:url(../images/share-icon2.png);}
.share-xg .share-icon3{ background-image:url(../images/share-icon3.png);}
.share-xg .pinned-aniu{ background-image: linear-gradient(90deg,#ff463c 0%, #ff8e3e 100%),linear-gradient(#000000, #000000);background-blend-mode:normal,normal;}
.share-xg .pinned{ background-image:url(../images/arrow1.png);}


@media (max-width:640px){
.footer .footer-one{justify-content:center;}
.footer .footer-menu{ display:none;}
}







/* banner */
		.index-ban{ width:100%;}
.index-ban .item::after{ position:absolute; left:0; top:0; content:''; display:block; width:100%; height:34.299%; background-image:url(../images/banner-shadow.png); background-repeat:no-repeat; background-size:100% 100%; background-position:top center;}
.index-ban .item .pic{ position:relative;}
.index-ban .item .pic img{ width:100%;}
.index-ban .swiper-pagination{ font-size:0; bottom:.3rem;}
.index-ban .swiper-pagination-bullet{position: relative;background:#221f19; width:1rem; height:.03rem; opacity:.5; outline:none; border-radius:0;}
.index-ban .swiper-pagination-bullet-active:after{position: absolute;display: block;content: '';left: 0;top: 0;width: 0%;height: 100%;background: linear-gradient(to right, #fe473d, #fe8e3f);opacity:1;animation-name: ball;
    animation-duration: 5s;
    animation-timing-function: linear;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;}
@keyframes ball {
    to {
    	width: 100%;
  	}
}

@media (max-width:640px){
	.index-ban .item .pic img {
    width: 100%;
    height: 30vh;
    object-fit: cover;
	}
}




/* 首页 */
.index-tit{ font-family:"HarmonyOS-Medium"; letter-spacing:4px; text-align:center; font-size:.64rem; color:#fff; text-transform: uppercase; position:relative; z-index:5;}

.index-one{ margin:.4rem 0; background-image: linear-gradient(90deg,#ff463c 0%, #ff8e3e 100%),linear-gradient(#000000, #000000);background-blend-mode:normal,normal;}
.index-one .index-menu{ padding:.5rem 0;}
.index-one .index-menu .item{ cursor:pointer; text-align:center; font-size:.24rem; color:#fff;}
.index-one .index-menu .item::after{ opacity:0; width:1em; height:1px; background:#fff; content:''; display:block; margin:0 auto;}
.index-one .index-menu .swiper-slide-thumb-active .item::after{ opacity:1;}
.index-one .web-menu{ display:none;}
.index-one .index-pro{ padding:.8rem 0 .9rem;}
.index-one .index-pro .swiper-slide{ opacity:0!important;}
.index-one .index-pro .swiper-slide-active{ opacity:1!important;}
.index-one .index-pro .auto-inner3{ padding-left:1rem;}
.index-one .index-pro .item .text{ font-size:.2rem; font-family:"HarmonyOS-Light"; color:#fff; width:40%;}
.index-one .index-pro .item .text .tit{ line-height:1.4; margin-bottom:.2rem; font-size:.38rem; font-family:"HarmonyOS-Bold";}
.index-one .index-pro .item .text a{ font-size:.18rem; display:block; padding:0 .2rem; line-height:1.7; background:#000; color:#fff;}
.index-one .index-pro .item .text a:hover{background-color: #fff;color: #000;}
.index-one .index-pro .item .text a span{ padding-right:0.5em;}
.index-one .index-pro .item .text .des{ line-height:1.8; margin-bottom:.5rem;}
.index-one .index-pro .item .pic{ width:49.555%;}
.index-one .index-pro .item .pic img{ width:100%; height:5.2rem; object-fit:contain;}
.index-one .swiper-but{ top:40%; outline:none;}
.index-one .swiper-but::after{ color:#fff;}
.index-one .swiper-button-prev{ left:0;}
.index-one .swiper-button-next{ right:0;}

.index-two{ display:none;}
.index-two .index-tit{ padding:1rem 0 .7rem;}
.index-two .back-img{ position:absolute; left:0; top:0; width:100%;}
.index-two .swiper{ padding-bottom:.15rem; position:relative; z-index:5; width:100%;}
.index-two .swiper .item{ width:100%; height:100%;}
.index-two .swiper .item .round{ width:100%; height:100%; border-radius:.2rem; overflow:hidden; transition:all .5s; box-shadow:0 0 .1rem rgba(0,0,0,.2);}
.index-two .swiper .item .text{ padding:1em 0; position:absolute; left:0; top:0; width:100%; text-align:center;}
.index-two .swiper .item .text .tit{ color:#ff563c; font-size:.34rem;}
.index-two .swiper .item .text .des{ margin-top:.5em;color: #fff;}
.index-two .swiper .item .pic{position: relative;overflow: hidden;}
.index-two .swiper .item .pic img{ width:100%; object-fit:cover;transition:all .5s;}
.index-two .swiper .swiper-slide{ height:auto;}
.index-two .swiper .swiper-slide:hover .pic img{transform: scale(1.2)}
.index-two .swiper .swiper-slide .round{ height:80%;}
.index-two .swiper .swiper-slide-active .round{ height:100%;}
.index-two .swiper .swiper-slide-active .pic:after{display: block;content: '';position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, .2);z-index: 3;}
.index-two .swiper-but{ margin:0; top:.3rem; width:21%; display:-webkit-flex; display:flex; align-items:center; justify-content:space-between; outline:none;}
.index-two .swiper-but::before{ content:''; width:.4rem; height:100%; background-repeat:no-repeat; background-position:center; background-size:.1rem;}
.index-two .swiper-but::after{ width:calc(100% - .6rem); content:''; height:2px;}
.index-two .swiper-button-prev::after{  background-image: linear-gradient(90deg,#ff463c 0%, #ff8e3e 100%),linear-gradient(#000000, #000000);background-blend-mode:normal,normal;}
.index-two .swiper-button-prev::before{ background-image:url(../images/prev.png);}
.index-two .swiper-button-next{ direction:rtl;}
.index-two .swiper-button-next::after{ background-image: linear-gradient(90deg,#ff463c 0%, #ff8e3e 100%),linear-gradient(#000000, #000000);background-blend-mode:normal,normal;}
.index-two .swiper-button-next::before{ background-image:url(../images/next.png);}
.index-two .aniu-box{ margin:.4rem 0 .5rem;}
.index-two .aniu-box .switc-but{ left:auto; right:auto; background:#f1f1f1; outline:none; width:.5rem; height:.5rem; margin:0 .2rem; position:relative; border-radius:100%; overflow:hidden; cursor:pointer; transition: all .5s;}
.index-two .aniu-box .switc-but::after{ content:''; display:block; width:100%; height:100%; background-repeat:no-repeat; background-position:center; background-size:.15rem;}
.index-two .aniu-box .switc-prev::after{ background-image:url(../images/prev2.png);}
.index-two .aniu-box .switc-next::after{ background-image:url(../images/next2.png);}
.index-two .aniu-box .switc-but:hover{ box-shadow:0 0 15px rgba(0,0,0,.2);}


.index-three{ color:#fff; padding:1.2rem 0 3rem; background-image: linear-gradient(90deg,#ff463c 0%, #ff8e3e 100%),linear-gradient(#000000, #000000);background-blend-mode:normal,normal; overflow: hidden;}
.index-three .about-back{ position:absolute; left:0; bottom:0; width:100%; z-index:1;}
.index-three .about-back img{ width:100%;}
.index-three .auto-inner{ z-index:5;}
.index-three .des{ margin:.4rem 0 .5rem; line-height:1.8; font-family:"HarmonyOS-Light"; font-size:.22rem; padding:0 .6rem; text-align:center;}
.index-three .scroll-list .item{ padding:.1rem .4rem; border-right:solid 1px rgba(255,255,255,.5);}
.index-three .scroll-list .item .small-tit{ min-height:4em; font-size:.18rem;}
.index-three .scroll-list .item:last-child{ border-right:none;}
.index-three .scroll-list .item .num{ line-height:1; font-family:"HarmonyOS-Bold"; font-size:.8rem;display: flex;align-items: baseline;}
.index-three .scroll-list .item .num .olw{ opacity:0;}
.index-three .scroll-list .item .num .counter{ position:absolute; left:0; top:0;}
.index-three .scroll-list .item i{ font-family:"HarmonyOS-Regular"; font-style:normal; font-size:.14rem;}

.index-four{ padding:1rem 0;}
.index-four .index-tit{ text-align:center; color:#000;}
.index-four .contact-list{ margin-top:.8rem;justify-content: center;}
.index-four .contact-list .item{ width:32%; color:#222124;}
.index-four .contact-list .item .text{ width:calc(100% - .9rem); font-family:"HarmonyOS-Light";}
.index-four .contact-list .item .icon{ width:.72rem;}
.index-four .contact-list .item .tit{ font-size:.22rem;}
.index-four .contact-list .item .des{ font-size:.2rem;}
.index-four .intro{ max-width:10.5rem; margin:.3rem auto; font-size:.2rem; text-align:center; font-family:"HarmonyOS-Light";}
.index-four .more .but{ letter-spacing:.1em; text-transform:uppercase; font-family:"HarmonyOS-Light"; background-image: linear-gradient(90deg,#ff463c 0%, #ff8e3e 100%),linear-gradient(#000000, #000000);background-blend-mode:normal,normal; background-size:100%; font-size:.32rem; color:#fff; display:block; padding:0 .6rem; line-height:2; border-radius:.1rem; transition:all .5s;}
.index-four .more .but:hover{ box-shadow:0 0 15px rgba(0,0,0,.5);}


@media (max-width:1024px){
.index-tit{ font-size:.4rem;}
.index-two .index-tit{ padding:.4rem 0;}
.index-one .index-pro .auto-inner3{ padding:0 .4rem;}
.index-one .index-pro .item .text{ font-size:.18rem; width:50%;}
.index-one .index-pro .item .text .des{ margin-bottom:.2rem;}
.index-one .index-pro .item .text a{ font-size:.16rem;}
.index-one #thumbs{ display:none;}
.index-one .index-menu{ padding-bottom:0;}
.index-one .web-menu{ font-size:.18rem; position: relative; display:block; z-index:5;}
.index-one .web-menu .one-tit{ width:100%; background-color:#fff; position:relative; z-index:2; cursor:pointer; padding:0 .25rem; line-height:3; display:block; border:solid 1px #e4e4e4; border-radius:10px;}
.index-one .web-menu .one-tit::after{ position:absolute; right:.2rem; top:0; display:block; font-weight:bolder; content:'next'; font-family:swiper-icons!important; transform:rotate(90deg); }
.index-one .web-menu .ul{ display:none; position:absolute; top:100%; left:0; width:100%; background-color:#fff; padding:.1rem 0; box-shadow:0 0 10px rgba(0,0,0,.1); border-radius:10px;}
.index-one .web-menu .ul li{ cursor:pointer; padding:.1rem .25rem;}
.index-one .web-menu .ul li:hover{ color:#3687c1;}
.index-one .swiper-but{ display:none;}
.index-two .swiper .item .text .tit{ font-size:.3rem;}
.index-three{ padding:.8rem 0 2rem;}
.index-three .des{ font-size:.18rem;}
.index-three .scroll-list .item{ padding:0 .3rem;}
.index-three .scroll-list .item .small-tit{ font-size:.14rem;}
.index-three .scroll-list .item .num{ font-size:.26rem;}
.index-three .scroll-list .item i{ font-size:.12rem;}
.index-four .contact-list .item{ min-width:28%; max-width:40%; width:auto;}
.index-four .more .but{ font-size:.26rem;}
.index-four .contact-list .item .icon{ width:.6rem;}
}

@media (max-width:768px){
.footer .footer-menu{ font-size:.2rem;}
.footer .footer-menu em{ padding:0 .1rem;}
.index-two .swiper-but{ width:15%;}
.index-two .swiper .item .text{ padding:2em;    position: initial;}
.index-two .swiper .item .text .des{color: #333}
}

@media (max-width:640px){
.index-one .index-pro{ padding:.5rem 0;}
.index-one .index-pro .auto-inner3{ padding:0 .4rem;}
.index-one .index-pro .item .text{ font-size:.24rem; width:100%;}
.index-one .index-pro .item .text a{ font-size:.24rem;}
.index-one .index-pro .item .pic{ width:100%; margin-top:.3rem;}
.index-one .swiper-but{ top:70%; margin:0;}
.index-one .swiper-but::after{ font-size:.36rem;}
.index-one .web-menu{ font-size:.24rem;}
.index-three .des{ padding:0; font-size:.24rem;text-align: left;}
.index-four .contact-list .item{ margin:1em 0; max-width:100%; min-width:48%;}
.index-four .contact-list .item .tit{ font-size:.28rem;}
.index-four .contact-list .item .des{ font-size:.24rem;}
.index-four .intro{ font-size:.24rem;text-align: left;padding-left: .9rem;}
.index-three .scroll-list{ flex-wrap:wrap;justify-content: left;}
.index-three .scroll-list .item{ margin:.5em 0%; min-width:50%; max-width:100%; padding:0; border-right:none;}
.index-three .scroll-list .item .small-tit{ margin-bottom:.5em; font-size:.24rem; min-height:0;}
.index-three .scroll-list .item .num{ font-size:.3rem;}
.index-three .scroll-list .item i{ font-size:.22rem;}
}




/* 内页banner */
.Inside-ban{position: relative;}
.Inside-ban img{ width:100%;}
.Inside-ban:after{position: absolute;display: block;content: '';left: 0;top: 0;width: 100%;height: 100%;z-index: 3; background: linear-gradient(to bottom, rgba(0, 0, 0, .5), transparent 30%);}
/* 内页 */
.Inside-main{ min-height:30vh;}
.Inside-tit{ font-size:.48rem; text-align:center;}
@media (max-width:640px){
	.Inside-ban img {
    width: 100%;
    height: 20vh;
    object-fit: cover;
	}
}

/* 产品列表 */
.pro-menu .item{ margin:0 .5rem; text-align:center;}
.pro-menu .item a{ height:100%; padding:.2rem 0; display:block;}
.pro-menu .item::after{ position:absolute; bottom:0; left:10%; content:''; display:block; width:80%; height:1px; background-image: linear-gradient(90deg,#ff463c 0%, #ff8e3e 100%),linear-gradient(#000000, #000000);background-blend-mode:normal,normal;opacity:0; transition:all .5s;}
.pro-menu .item .tit{ display:block; margin-top:.1rem; transition:all .5s;font-size: .2rem;font-weight: bold;}
.pro-menu .item .icon{ width:100%;}
.pro-menu .item .icon img{ width:1rem; transition:all .5s;}
.pro-menu .item .icon .inter{ opacity:0; position:absolute; left:0; top:0; height:100%; width:100%;}
.pro-menu .item:hover .tit,
.pro-menu .item.on .tit{ color:#ff563c;}
.pro-menu .item:hover::after,
.pro-menu .item.on::after{ opacity:1;}
.pro-menu .item:hover .inter,
.pro-menu .item.on .inter{ opacity:1;}
.pro-menu .item:hover .tacit,
.pro-menu .item.on .tacit{ opacity:0;}
.pro-menu .item .icon{display: none;}
.pro-list{ padding:.8rem 0;}
.pro-list .item{ background:#f4f4f6; margin-bottom:.8rem; border-radius:.15rem; overflow:hidden;}
.pro-list .item .pic{ width:48.611111%; overflow:hidden;}
.pro-list .item .pic img{ width:100%; height:5.5rem; object-fit:contain; transition:all .5s;}
.pro-list .item .text{ padding-left:.6rem; width:50%;}
.pro-list .item .text .tit{ margin-bottom:.1rem; font-size:.42rem;}
.pro-list .item .text .des{ margin-bottom:.5rem; padding-bottom:.2rem; min-height:4em; border-bottom:solid 1px rgba(182,183,187,.2); font-size:.16rem; color:#999999;}
.pro-list .item .text .more .but{ line-height:3; font-family:"HarmonyOS-Light"; color:#fff; padding:0 .3rem; background-image: linear-gradient(90deg,#ff463c 0%, #ff8e3e 100%),linear-gradient(#000000, #000000);background-blend-mode:normal,normal; transition:all .5s;}
.pro-list .item .text .more .but i{ margin-left:.2rem; display:block; width:.35rem; height:.2rem; background-image:url(../images/mores-icon.png); background-repeat:no-repeat; background-position:center; transition: all .5s;}
.pro-list .item:last-child{ margin-bottom:0;}
.pro-list .item:hover .pic img{ transform:scale(1.05);}
.pro-list .item:hover .more .but{ box-shadow:0 0 15px rgba(0,0,0,.2);}
.pro-list .item:hover .more .but i{ transform: translateX(30%);}
@media (max-width:1024px){
.pro-menu .item{ margin:0 .2rem;}
.pro-menu .item .icon img{ width:.7rem; transition:all .5s;}
.pro-list .item .pic img{height:3.85rem;}
.pro-list .item .text{ padding-left:.4rem;}
.pro-list .item .text .tit{ font-size:.34rem;}
.pro-list .item .text .more .but{ line-height:2.5;}
.pro-list .item .text .more .but i{ background-size:contain;}
}
@media (max-width:640px){
.pro-menu .item{ font-size:.2rem; margin:0 0.05rem; width:100%;}
.pro-menu .item .icon img{ width:.8rem;}
.pro-list .item .pic{ width:100%;}
.pro-list .item .pic img{height:5rem;}
.pro-list .item .text{ width:100%; padding:.4rem;}
.pro-list .item .text .des{ padding-bottom:.2rem; margin-bottom:.3rem; font-size:.24rem;}
.pro-list .item .text .more .but{ line-height:2.5;}
}





/* 产品详情 */
.back-white{ background:#fff;}
.back-gray{ background:#fafafa;}

.protit-box .name{ padding-right:1em; z-index:2; text-transform:uppercase; font-size:.22rem; color:#222222;}
.protit-box .name::after{ position:absolute; right:0; top:50%; margin-top:-2.5px; content:''; display:block; width:5px; height:5px;  background-image: linear-gradient(90deg,#ff463c 0%, #ff8e3e 100%),linear-gradient(#000000, #000000);background-blend-mode:normal,normal; border-radius:100%; overflow:hidden;}
.protit-box .line{ position:absolute; left:0; width:100%; height:1px; background-image: linear-gradient(90deg,#ff463c 0%, #ff8e3e 100%),linear-gradient(#000000, #000000);background-blend-mode:normal,normal;}

.pro-details{ padding:.8rem 0;}
.pro-details .pro-switc{ width:55%;}
.pro-details .pro-switc .swiper{ margin:0;}
.pro-details .pro-switc #gallery{ width:75%; background:#fff; border:solid 1px #eceded; overflow:hidden;}
.pro-details .pro-switc #gallery .pic figure{ padding-bottom:4.9rem; background-repeat:no-repeat; background-size:contain; background-position:center;}
.pro-details .pro-switc #thumbs{ width:20%; height:4.9rem;}
.pro-details .pro-switc #thumbs .item{ height:100%; cursor:pointer; background:#fff; overflow:hidden; position:relative; padding:1px;}
.pro-details .pro-switc #thumbs .item figure{ height:100%;background-repeat:no-repeat;background-size:contain; background-position:center;}
.pro-details .pro-switc #thumbs .item .back-white{ height:100%; position:relative;z-index:2;}
.pro-details .pro-switc #thumbs .item::after{ position:absolute; left:0; top:0; content:''; display:block; width:100%; height:100%; background:#eceded; z-index:1;}
.pro-details .pro-switc #thumbs .swiper-slide-thumb-active .item{ padding:2px;}
.pro-details .pro-switc #thumbs .swiper-slide-thumb-active .item::after{  background-image: linear-gradient(90deg,#ff463c 0%, #ff8e3e 100%),linear-gradient(#000000, #000000);background-blend-mode:normal,normal;}
.pro-details .pro-intro{ width:40%;}
.pro-details .pro-intro .tit-box{ border-bottom:solid 1px #eceded; padding:.2rem 0;}
.pro-details .pro-intro .tit-box .tit{ line-height:1.2; color:#222124; font-size:.38rem;}
.pro-details .pro-intro .tit-box i{ padding-left:.05rem; line-height:2; font-style:normal; font-size:.14rem; color:#999999;}
.pro-details .pro-intro .des{ padding-top:.1rem; line-height:1.7;}
.pro-details .pro-intro .des .pot{ margin:2.5em 0; font-size:.14rem; color:#666666; padding-left:2em;}
.pro-details .pro-intro .des .pot::before{ position:absolute; left:0; top:.25em; content:''; display:block; width:.16rem; height:.16rem; background-image:url(../images/logo-icon.png); background-size:contain; background-repeat:no-repeat; background-position:center;}

.pro-lights{ padding-bottom:.5rem;}
.pro-lights .list{ padding-top:.25rem;}
.pro-lights .list .item{ width:calc(33.333% - .25rem); margin-right:.374rem; padding:.4rem .1rem; box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.09); border-radius: 10px; transition: all .5s ease-in-out; }
@media screen and (min-width:641px){
	.pro-lights .list .item:nth-child(3n){
		margin-right: 0;
	}
}
.pro-lights .list .item.wtd20{ width:calc(20% - .25rem); margin-right:.31rem;}
.pro-lights .list .item.wtd20:nth-child(5n){ margin-right:0;}
.pro-lights .list .item.wtd25{ width:calc(25% - .25rem); margin-right:.33rem;}
.pro-lights .list .item.wtd25:nth-child(4n){ margin-right:0;}
.pro-lights .list .item.wtd33:nth-child(3n){ margin-right:0;}
.pro-lights .list .item.wtd50:nth-child(2n){ margin-right:0;}
.pro-lights .list .item.wtd100{ margin-right:0;}
.pro-lights .list .item .icon{ margin-bottom:.25rem;}
.pro-lights .list .item .icon span{ display:block; width:.8rem; height:.68rem; background-image: url(../images/pris.svg); background-size:100% 100%;}
.pro-lights .list .item .tit{ font-size:.2rem; margin-bottom:.2rem; text-align:center;}
.pro-lights .list .item .des{ font-family:"HarmonyOS-Light"; text-align:center; color:#666666;}
.pro-lights .list .item:hover{ transform: translateY(-.1rem); -webkit-transform: translateY(-.1rem); -moz-transform: translateY(-.1rem); -ms-transform: translateY(-.1rem); -o-transform: translateY(-.1rem); }

.pro-parameter{ padding-bottom:.5rem;}
.pro-parameter .pro-table{ padding-top:.25rem;}
.pro-parameter .pro-table table{ text-align:center; width:100%;}
.pro-parameter .pro-table table tr:first-child{ background-image: linear-gradient(90deg,#ff463c 0%, #ff8e3e 100%),linear-gradient(#000000, #000000);background-blend-mode:normal,normal;}
.pro-parameter .pro-table table tr th{width:11%; font-size:.16rem; font-family:"HarmonyOS-Light"; color:#fff; border:solid 1px #fff; padding:.13rem .25rem; font-weight:500;}
.pro-parameter .pro-table table tr td{ font-size:.16rem; font-family:"HarmonyOS-Light"; border:solid 1px #ededed;}
.pro-parameter .pro-table table tr th:first-child{ width:23%; text-align:left;}
.pro-parameter .pro-table table tr td:first-child{ width:23%; padding:.12rem .25rem; text-align:left;}

.pro-download{ padding-bottom:1.2rem;}
.pro-download .list{ padding-top:.35rem;}
.pro-download .list li{padding:.3rem .4rem; margin-bottom:.2rem; background-color:#ffffff; box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.09);}
.pro-download .list li .tit{ width:calc(100% - 4rem);}
.pro-download .list li .but-box .but{ min-width:1.2rem; text-align:center; padding:.06rem .1rem; font-family:"HarmonyOS-Light"; color:#fff; background-image: linear-gradient(90deg,#ff463c 0%, #ff8e3e 100%),linear-gradient(#000000, #000000);background-blend-mode:normal,normal; margin-right:.2rem; border-radius:.2rem; cursor: pointer;}
.pro-download .list li .but-box .but:last-child{ margin-right:0;}
.pro-download .list li:last-child{ margin-bottom:0;}
.pro-download .list li:hover .tit{ color:#ff563c;}

@media (max-width:1024px){
.pro-details .pro-intro .des .pot{ margin:.1rem 0;}
.pro-details .pro-switc #gallery .pic figure{ padding-bottom:3.5rem;}
.pro-details .pro-switc #thumbs{ height:3.5rem;}
.pro-parameter .pro-table table tr th{ padding:.1rem .2rem;}
.pro-parameter .pro-table table tr td{ padding:.1rem .2rem;}
.pro-parameter .pro-table table tr td:first-child{ padding:.1rem .2rem;}
.pro-download .list li{ padding:.2rem .3rem;}
.pro-download .list li .tit{ width:calc(100% - 4rem);}
.pro-download .list li .but-box .but{ min-width:1.5rem; border-radius:.5rem;}
}

@media (max-width:640px){
.pro-details .pro-switc{ width:100%;}
.pro-details .pro-switc #gallery{ width:100%;}
.pro-details .pro-switc #gallery .pic figure{ padding-bottom:85%;}
.pro-details .pro-switc #thumbs{ margin-top:.3rem; width:100%; height:auto;}
.pro-details .pro-switc #thumbs .item figure{ height:auto; padding-bottom:85%;}
.pro-details .pro-intro{ margin-top:.3rem; width:100%;}
.pro-details .pro-intro .des .pot{ padding-left:1.5em; font-size:.24rem;}
.pro-details .pro-intro .des .pot::before{ top:.5em;}
.pro-details .pro-intro .tit-box i{ font-size:.16rem;}

.pro-lights .list .item{ width:48%!important; margin-right:4%!important; margin-bottom:4%!important;}
.pro-lights .list .item .tit{ font-size:.26rem;}
.pro-lights .list .item:nth-child(2n){ margin-right:0!important;}
.pro-parameter .pro-table{ overflow:auto;}
.pro-parameter .pro-table table{ width:1024px;}
.pro-parameter .pro-table table tr th,
.pro-parameter .pro-table table tr td{ font-size:.24rem;}
.pro-download .list li{ font-size:.22rem;}
.pro-download .list li .tit{ width:100%; margin-bottom:.1rem;}
}




/* 下载中心 */
.download-box{ padding-top:1rem;}
.download-search{ padding:.5rem 0;}
.download-search .lanmu-name{ font-size:.48rem;}
.download-search .search-dwo{ background:#f8f8f8; padding:.1rem .35rem; width:6rem; border-radius:100px;}
.header .search-box .search-con .wtd100{ width:100%;}
.download-search .search-dwo input{ font-size:.16rem; background:none; width:calc(100% - .5rem); outline:none; display:block; margin:0; padding:0; border:none;}
.download-search .search-dwo .but{cursor:pointer; width:.35rem; height:.35rem; background:url(../images/search2.svg) no-repeat center; background-size:.22rem;}

.download-box .sort-box{ padding-bottom:.6rem;}
.download-box .sort-box .download-item{ margin-bottom:.6rem;}
.download-box .sort-box .sort-name{ margin-bottom:.3rem; font-size:.28rem; text-align:center;}
.download-box .list-box{font-family:"HarmonyOS-Light"; padding:.5rem; background:#fff; box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.09); border-radius: 10px;}
.download-box .list-box::after{ content:''; display:block; width:.1rem; height:100%; position:absolute; left:0; top:0; background-image:url(../images/sort-line.png); background-repeat:no-repeat; background-position:center; background-size:.07rem;}
.download-box .sort-item{ margin-bottom:.35rem;}
.download-box .sort-item .name{ line-height:2; padding-top:.1rem; width:3.5em; font-size:.2rem; color:#000;}
.download-box .sort-item .ul{ width:calc(100% - 4em);}
.download-box .sort-item .ul li{ cursor:pointer; line-height:2; min-width:2rem; text-align:center; margin:.1rem 0; margin-right:.2rem; background:#f4f4f6; border:solid 1px #d8d8d8; padding:.04rem .3rem; border-radius:100px;}
.download-box .sort-item:last-child{ margin-bottom:0;}
.download-box .list-box .ul li:hover,
.download-box .list-box .ul li.on{ color:#fff; border-color:#fff;background-image: linear-gradient(90deg,#ff463c 0%, #ff8e3e 100%),linear-gradient(#000000, #000000);background-blend-mode:normal,normal;}
.download-box .file-item .ul li{ cursor:pointer; line-height:2; min-width:1.8rem; text-align:center; margin:.1rem 0; margin-right:.2rem; background:#f4f4f6; border:solid 1px #d8d8d8; padding:.04rem .3rem; border-radius:100px;}
.download-box .nation-item .ul li{ cursor:pointer; line-height:2; min-width:10%; text-align:center; margin:.1rem 0; margin-right:1.25%; background:#f4f4f6; border:solid 1px #d8d8d8; padding:.04rem .1rem; border-radius:100px;}
.download-box .nation-item .ul li:nth-child(9n){ margin-right:0;}
.download-box .sort-box .submit{ line-height:3; font-size:.2rem; display:block; width:100%; text-align:center; background-image: linear-gradient(90deg,#ff463c 0%, #ff8e3e 100%),linear-gradient(#000000, #000000);background-blend-mode:normal,normal; color:#fff; font-family:"HarmonyOS-Light"; border-radius:6px; overflow:hidden;}

.result-box{ margin-bottom:1.2rem;}
.result-box .result-tishi{ font-family:"HarmonyOS-Light"; font-size:.18rem; margin-bottom:.4rem; text-align:center;}
.result-box .result-list{ margin-bottom:.8rem; box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.09); border-radius:10px 10px 0px 0px; overflow:hidden;}
.result-box .result-list .hidden{ width:100%;}
.result-box .result-list .tit-name{ color:#fff; padding:0 .4rem; background-image: linear-gradient(90deg,#ff463c 0%, #ff8e3e 100%),linear-gradient(#000000, #000000);background-blend-mode:normal,normal; margin-bottom:.2rem;}
.result-box .result-list .tit-name .tit-wz{ padding:.35rem;}
.result-box .result-list .tit-wz{ font-family:"HarmonyOS-Light"; padding:.2rem .35rem; font-size:.18rem;}
.result-box .result-list .wtd30{ width:30%;}
.result-box .result-list .wtd20{ width:22.5%;}
.result-box .result-list .wtd25{ width:25%;}
.result-box .result-list .center{ text-align:center;}
.result-box .result-list .item{ padding:0 .4rem;}
.result-box .result-list .but-box .but{ min-width:1.2rem; text-align:center; padding:.06rem .1rem; color:#fff; background-image: linear-gradient(90deg,#ff463c 0%, #ff8e3e 100%),linear-gradient(#000000, #000000);background-blend-mode:normal,normal; border-radius:.3rem; cursor: pointer;}
.result-box .result-list .but-box .but:last-child{ margin-right:0;}
.result-box .more a{ font-family:"HarmonyOS-Light"; padding:.05rem; width:2.2rem; text-align:center; line-height:3; display:block; border:solid 1px #000; color:#000;}
.result-box .more a:hover{ border-color:#fff; background-image: linear-gradient(90deg,#ff463c 0%, #ff8e3e 100%),linear-gradient(#000000, #000000);background-blend-mode:normal,normal; color:#fff;}


@media (max-width:1024px){
.download-box .sort-item .ul li{ padding:.05rem .1rem; min-width:1.9rem;}
.download-box .file-item .ul li{ padding:.05rem .1rem; min-width:1.6rem;}
.download-box .nation-item .ul li:nth-child(9n),
.download-box .nation-item .ul li{ width:15.5%; margin-right:1.3%; font-size:.14rem;}
.download-box .nation-item .ul li:nth-child(6n){ margin-right:0;}
.result-box .result-list{ margin-bottom:.5rem;}
.result-box .result-list .tit-name .tit-wz{ padding:.25rem .1rem;}
.result-box .result-list .tit-wz{ font-size:.16rem; padding:.2rem .1rem;}
.result-box .result-list .but-box .but{ min-width:1rem;}
}

@media (max-width:768px){
.download-box .list-box .ul li{font-size:.18rem;}
}
@media (max-width:640px){
.download-search .lanmu-name{ font-size:.4rem;}
.download-search .search-dwo{ width:3.5rem; padding:.15rem .35rem;}
.download-search .search-dwo input{ font-size:.24rem;}
.download-box .list-box{ padding:.3rem;}
.download-box .sort-item .ul li{ font-size:.22rem;}
.download-box .sort-item .name{ font-size:.26rem;}
.download-box .file-item .ul li{ font-size:.22rem;}
.download-box .nation-item .ul li:nth-child(6n),
.download-box .nation-item .ul li:nth-child(9n),
.download-box .nation-item .ul li{ font-size:.22rem; width:32%; margin-right:2%;}
.download-box .nation-item .ul li:nth-child(3n){ margin-right:0; overflow: hidden;}
.download-box .sort-box .submit{ font-size:.24rem;}

.result-box .result-tishi{ font-size:.24rem;}
.result-box .result-list{ overflow:auto;}
.result-box .result-list .tit-wz{ font-size:.24rem;}
.result-box .result-list .hidden{ width:100%;}
.result-box .result-list .but-box .but{ margin:.05rem 0; min-width:1.3rem;}
.result-box .result-list .tit-name .tit-wz:nth-child(2){ display:none;}
.result-box .result-list .tit-name .tit-wz:nth-child(3){ display:none;}
.result-box .result-list .item .tit-wz:nth-child(2):nth-child(2){ display:none;}
.result-box .result-list .item .tit-wz:nth-child(3):nth-child(3){ display:none;}
.result-box .result-list .wtd30{ width:48%;}
.result-box .result-list .wtd25{ width:52%;}

.result-box .more a{ line-height:2.5;}
}



/* 当前位置 */
.current-box{ border-bottom:solid 1px rgba(0,0,0,.06);}
.current-menu .item{ margin-right:.3rem;}
.current-menu .item a{ color:#999999; padding:.25rem 0; display:block; position:relative;}
.current-menu .item a::after{ position:absolute; bottom:-1px; left:0; content:''; display:block; width:100%; height:2px; background-image:url(../images/back-color.jpg); background-size:100% 100%; opacity:0;}
.current-menu .item.active a,
.current-menu .item a:hover{ color:#222222;}
.current-menu .item.active a::after,
.current-menu .item a:hover::after{ opacity:1;}
.current-menu .item:last-child{ margin-right:0;}
.current-txt{ background-image:url(../images/home-icon.png); padding-left:.35rem; background-repeat:no-repeat; background-position:left center; color:#999999; font-style:normal; background-size:.2rem;}
.current-txt a{ color:#999999;}
.current-txt em{ margin:0 .1rem; font-style:normal;}
.current-txt span{ color:#ff563c;}
.current-txt a:hover{ color:#ff563c;}

@media (max-width:640px){
.current-txt{ display:none;}
.current-menu{padding-top: .2rem;}
.current-menu .item a{padding: .15rem 0;}
.current-menu .item{margin-bottom: .2rem;}
}


/* 关于我们 */
.about-one{ color:#fff; padding:1rem 0; background-image:url(../images/back-color.jpg); background-size:100% 100%;}
.about-one .about-back{ position:absolute; left:0; bottom:0; width:100%; height:100%; z-index:1;}
.about-one .about-back img{ width:100%; height:100%; object-fit:cover;}
.about-one .auto-inner2{ z-index:5;}
.about-one .des{ margin:.3rem 0 .5rem; line-height:1.8; font-family:"HarmonyOS-Light"; font-size:.16rem; padding:0 .6rem; text-align:center;}
.about-one .scroll-list{ padding:.8rem; color:#222; border-radius:15px;overflow:hidden;}
.about-one .scroll-list .item .small-tit{ margin-bottom:.25rem; color:#999999; font-size:.18rem;}
.about-one .scroll-list .item:last-child{ border-right:none;}
.about-one .scroll-list .item .num{ line-height:1; font-family:"HarmonyOS-Bold"; font-size:.6rem;}
.about-one .scroll-list .item .num span{ line-height:1; display:inline-block;}
.about-one .scroll-list .item .num .center{display: flex;align-items: baseline}
.about-one .scroll-list .item i{ color:#999; font-family:"HarmonyOS-Regular"; font-style:normal; font-size:.14rem;}
.about-one .scroll-list .item .iol{ position:absolute; top:-.1rem; right:-.1rem; width:.2rem; height:.2rem;}
.about-one .scroll-list .item .iol img{ display:block;}
.about-one .video-more{ margin:.5rem 0 .9rem;}
.about-one .video-more .video-but{ cursor:pointer; display:block; width:.84rem; height:.84rem; background-image:url(../images/play.png); background-repeat:no-repeat; background-position:center; background-size:contain; border-radius:100%; overflow:hidden;}

.about-two{ padding:1rem 0 1.2rem;}
.about-two .des{ margin:.3rem 0 .5rem; line-height:1.8; font-family:"HarmonyOS-Light"; font-size:.16rem; padding:0 .6rem; text-align:center;}
.about-two #gallery{ padding-bottom:.95rem;}
.about-two #gallery .swiper-slide img{ width:100%; transition:all .5s;}
.about-two #gallery .swiper-slide .itme .pic{ overflow:hidden;}
.about-two #gallery .swiper-slide .itme:hover img{ transform:scale(1.1);}
.about-two #gallery .txt{ padding:.3rem 0; position:absolute; left:5%; bottom:0; width:90%; text-align:center; background-image:url(../images/back-color.jpg); background-size:100% 100%; color:#fff; transform:translateY(45%); transition:all .5s; opacity:0;}
.about-two #gallery .txt .xil{ margin:0 1em; width:1em; height:1px; background:#fff;}
.about-two #gallery .txt .time{ font-size:.22rem;}
.about-two #gallery .txt .wz{ font-size:.16rem; font-family:"HarmonyOS-Light";}
.about-two #gallery .swiper-slide-active .txt{ opacity:1;}
.about-two .outside-box{ font-size:.18rem; color:#999999; text-align:center;}
.about-two .outside-box .auto-inner2{ padding:0 .9rem;}
.about-two .outside-box .swiper-slide{ cursor:pointer;}
.about-two .outside-box .time{ margin-bottom:.2rem;}
.about-two .outside-box .pot i{ border:solid .04rem #cccccc; width:.12rem; height:.12rem; background:#fff; display:block; border-radius:100%; overflow:hidden;}
.about-two .outside-box .line{content:'';display:block;width:100%;margin-top:-.16rem;border-bottom:solid 1px rgba(153,153,153,.3);}
.about-two .outside-box .swiper{ padding:.1rem 0;}
.about-two .outside-box .swiper-but{ outline:none; top:42%; margin:0; width:.6rem; height:.6rem; background-image:url(../images/back-color.jpg); background-size:100% 100%; border-radius:100%; overflow:hidden;}
.about-two .outside-box .swiper-but:after{ content:''; display:block; width:100%; height:100%; background-image:url(../images/arrow3.png); background-repeat:no-repeat; background-position:center;}
.about-two .outside-box .swiper-button-next:after{ transform: rotate(180deg);}
.about-two .outside-box .swiper-button-prev{ left:0;}
.about-two .outside-box .swiper-button-next{ right:0;}
.about-two .outside-box .swiper-slide-thumb-active{ font-family:"HarmonyOS-Bold"; color:#ff563c;}
.about-two .outside-box .swiper-slide-thumb-active .pot i{ border-color:#ff563c;}

.about-three{ padding:1rem 0; background:#fff url(../images/about-back2.png) no-repeat top center; background-size:cover;}
.about-three .des{ margin:.3rem 0 .5rem; line-height:1.8; font-family:"HarmonyOS-Light"; font-size:.16rem; padding:0 .6rem; text-align:center;}
.about-three .itme .text{ padding:.35rem 0; border-bottom:solid 1px #e5e5e5;}
.about-three .itme .text .tit{ margin-bottom:.2rem; font-size:.22rem; margin-bottom:.1rem; color:#222222;}
.about-three .itme .text .intro{ font-family:"HarmonyOS-Light"; color:#999999;}
.about-three .itme .pic{ overflow:hidden;}
.about-three .itme .pic figure{ padding-bottom:67%; background-repeat:no-repeat; background-position:center; background-size:cover; display:block; transition:all .5s;}
.about-three .itme:hover .pic figure{ transform:scale(1.1);}
.about-three .swiper .swiper-but{ outline:none; top:30%; margin:0; width:.6rem; height:.6rem; background-image:url(../images/back-color.jpg); background-size:100% 100%; border-radius:100%; overflow:hidden;}
.about-three .swiper .swiper-but:after{ content:''; display:block; width:100%; height:100%; background-image:url(../images/arrow3.png); background-repeat:no-repeat; background-position:center;}
.about-three .swiper .swiper-button-next:after{ transform: rotate(180deg);}
.about-three .swiper .swiper-button-prev{ left:3.5%;}
.about-three .swiper .swiper-button-next{ right:3.5%;}

.about-four{ color:#fff; padding:1.5rem 0; background-image:url(../images/back-color.jpg); background-size:100% 100%;}
.about-four .web-tit{ display:none;}
.about-four .Inside-tit{ line-height:1.2; text-align:left;}
.about-four .txt-left{ width:20%;}
.about-four .annual-box{ padding-top:.7rem;}
.about-four .annual-box #annual{ height:2.5rem;}
.about-four .annual-box #annual .time{ font-size:.18rem; font-family:"HarmonyOS-Light";}
.about-four .annual-box #annual .time span{ display:block; cursor:pointer; border-bottom:solid 1px transparent;}
.about-four .annual-box #annual .swiper-slide-thumb-active .time{ font-family:"HarmonyOS-Medium";}
.about-four .annual-box #annual .swiper-slide-thumb-active .time span{ border-color:#fff;}
.about-four .annual-box .switc-but{ margin:.1rem 0; position:relative; left:auto; right:auto; width:.6rem; height:.6rem;}
.about-four .annual-box .switc-but:after{ content:''; display:block; position:absolute; right:35%; width:110%; height:100%; background-image:url(../images/arrow2.png); background-repeat:no-repeat; background-size:contain; background-position:center;}
.about-four .annual-box .switc-but::before{ background:rgba(255,255,255,.2); position:absolute; left:0; top:0; content:''; display:block; width:100%; height:100%; border-radius:100%;}
.about-four .annual-box .swiper-button-prev{ transform: rotate(180deg);}
.about-four .annual-box .swiper-button-next{left: .3rem;}
.about-four .aptitude-box{ width:71.5%;}
.about-four #aptitude{ width:100%;}
.about-four #aptitude .ul{ width:100%; padding:0 .7rem .83rem; margin-bottom:.45rem; background:url(../images/line.png) no-repeat bottom center; background-size:contain;}
.about-four #aptitude .ul li{ width:29%;}
.about-four #aptitude .ul li a{ position:relative; z-index:2; display:block; overflow:hidden; padding:.08rem;}
.about-four #aptitude .ul li a::before{ content:''; display:block; width:.2rem; height:90%; position:absolute; top:9.5%; right:-.19rem; background-image: url(../images/ying.png); z-index:1;}
.about-four #aptitude .ul li a::after{ content:''; display:block; position:absolute; left:0; top:0; height:100%; width:100%; background-size:100% 100%; background-position:center; background-repeat:no-repeat; background-image: url(../images/honor-bg.png); z-index:3;}
.about-four #aptitude .ul li figure{ background-color:#fff; padding-bottom:65%; background-repeat:no-repeat; background-position:center; background-size:contain;}
.about-four #aptitude .swiper-slide .ul:last-child{ margin-bottom:0;}

@media (max-width:1024px){
.about-one .scroll-list{ padding:.6rem .4rem;}
.about-one .scroll-list .item .num{ font-size:.4rem;}
.about-one .scroll-list .item .small-tit{ font-size:.16rem;}
.about-one .scroll-list .item .iol{ width:.1rem; height:.1rem;}
.about-three .itme .text .intro{ font-size:.16rem;}
.about-four .annual-box #annual{ height:2rem;}
.about-four #aptitude .ul{ padding:0 .3rem .61rem;}
.about-four #aptitude .ul li{ width:32%;}
}

@media (max-width:640px){
.about-one .des{ margin:.1rem 0; padding:0; font-size:.24rem;}
.about-one .video-more{ margin:0 0 .3rem;}
.about-one .scroll-list{ flex-wrap:wrap;}
.about-one .scroll-list .item{ margin:.5em 5%; min-width:33%; max-width:100%; padding:0; border-right:none;}
.about-one .scroll-list .item .small-tit{ margin-bottom:.5em; font-size:.24rem; min-height:0;}
.about-one .scroll-list .item .num{ font-size:.3rem;}
.about-one .scroll-list .item i{ font-size:.22rem;}

.about-two .des{ margin:.1rem 0 .35rem; padding:0; font-size:.24rem;}
.about-two .outside-box .time{ font-size:.22rem;}
.about-two #gallery .txt{ padding:.15rem 0;}
.about-two #gallery .txt .xil{ display:none;}
.about-two #gallery .txt .time{ font-size:.26rem;}
.about-two #gallery .txt .wz{ font-size:.21rem; width:100%;}
.about-two .outside-box .swiper-button-prev{ left:.2rem;}
.about-two .outside-box .swiper-button-next{ right:.2rem;}

.about-three .des{ margin:.1rem 0 .35rem; padding:0; font-size:.24rem;}
.about-three .itme .text .tit{ font-size:.28rem;}
.about-three .itme .text .intro{ font-size:.22rem;}

.about-four{ padding:1rem 0;}
.about-four .web-tit{ display:block;}
.about-four .Inside-tit{ line-height:1.2; text-align:left;}
.about-four .txt-left{ width:100%;}
.about-four .txt-left .Inside-tit{ display:none;}
.about-four .annual-box{ margin:.3rem 0; width:100%; padding:.3rem .4rem; position:relative;}
.about-four .annual-box #annual{height:auto;}
.about-four .annual-box .switc-but{ position:absolute;}
.about-four .annual-box #annual .time{ font-size:.26rem; justify-content:center; width:100%;}
.about-four .annual-box .switc-but{ margin:0; top:20%; overflow:hidden; border-radius:100%;}
.about-four .annual-box .swiper-button-prev{ left:-.2rem;}
.about-four .annual-box .swiper-button-next{ right:-.2rem;}
.about-four .aptitude-box{ width:100%;}
.about-four #aptitude .ul{ padding:0 0 .52rem; margin-bottom:0;}
}




/* 新闻中心 */
.news-box{ padding-top:.5rem;}
.top-news ol{ width:46.528%;}
.top-news ol .pic{ overflow:hidden; border-radius:.1rem;}
.top-news ol .pic figure{ transition:all .5s; padding-bottom:67.166%; background-repeat:no-repeat; background-position:center; background-size:contain;}
.top-news ol .txt{ margin:.25rem 0;}
.top-news ol .txt .time{ margin-bottom:.1rem; color:#999999; font-size:.16rem;}
.top-news ol .txt .tit{ margin:0 0 .15rem; font-size:.22rem;}
.top-news ol .txt .des{ line-height:1.7; font-family:"HarmonyOS-Light"; color:#999999;}
.top-news ol:hover .pic figure{ transform:scale(1.1);}

.news-list .list{ padding:1.1rem 0;}
.news-list .list li{ width:26.5%; margin-bottom:.6rem; margin-right:10.22%;}
.news-list .list li:nth-child(3n){ margin-right:0;}
.news-list .list li .txt{ padding:.3rem 0;}
.news-list .list li .time{ font-size:.16rem; color:#999999;}
.news-list .list li .tit{ min-height:3em; margin:.1rem 0 .2rem; font-size:.22rem;}
.news-list .list li .des{ line-height:2; font-size:.16rem; margin-bottom:.25rem; font-family:"HarmonyOS-Light"; color:#999999;}
.news-list .list li .pic{ overflow:hidden; border-radius:.15rem;}
.news-list .list li .pic figure{ transition:all .5s; padding-bottom:67.166%; background-repeat:no-repeat; background-position:center; background-size:contain; display:block;}
.news-list .list li .more .aniu{ transition: all .5s;font-size:.16rem; line-height:3; font-family:"HarmonyOS-Light"; color:#fff; padding:0 .2rem; background-image: linear-gradient(90deg,#ff463c 0%, #ff8e3e 100%),linear-gradient(#000000, #000000);background-blend-mode:normal,normal; transition:all .5s;}
.news-list .list li .more .aniu i{transition: all .5s;margin-left:.15rem; display:block; width:.35rem; height:.2rem; background-image:url(../images/mores-icon.png); background-repeat:no-repeat; background-position:center right; background-size:contain; transition: all .5s;}
.news-list .list li:hover .aniu{ box-shadow:0 0 15px rgba(0,0,0,.2);}
.news-list .list li:hover .aniu i{ transform: translateX(30%);}
.news-list .list li:hover .pic figure{ transform:scale(1.1);}
.news-list .more a{ font-family:"HarmonyOS-Light"; padding:.05rem; width:2.2rem; text-align:center; line-height:3; display:block; border:solid 1px #000; color:#000;}
.news-list .more a:hover{ border-color:#fff; background-image: linear-gradient(90deg,#ff463c 0%, #ff8e3e 100%),linear-gradient(#000000, #000000);background-blend-mode:normal,normal; color:#fff;}

@media (max-width:1024px){
.news-list .list li{ width:31%; margin-right:3.5%;}
}
@media (max-width:640px){
.top-news ol .txt .time{ font-size:.22rem;}
.top-news ol .txt .tit{ font-size:.24rem;}
.news-list .list{ padding:.6rem 0;}
.news-list .list li:nth-child(3n),
.news-list .list li{ width:48%; margin-right:4%; margin-bottom:4%;}
.news-list .list li:nth-child(2n){ margin-right:0;}
.news-list .list li .time{ font-size:.22rem;}
.news-list .list li .des{ font-size:.22rem;}
.news-list .more a{ line-height:2;}
}
		


/* 新闻详情 */
.news-info-bg{ padding:1rem 1.4rem .2rem; background:#f9fafa;}
.news-info{ padding:1.6rem 0 1.2rem;}
.news-info .tit-box{ padding-bottom:.5rem; text-align:center; border-bottom:solid 1px #dedede;}
.news-info .tit-box .tit{ font-family:"HarmonyOS-Light"; margin-bottom:.3rem; font-size:.36rem;}
.news-info .tit-box .other-txt{ color:#666666;}
.news-info .tit-box .other-txt div{ margin:0 2em;}
.news-info .info-con{ font-family:"HarmonyOS-Light"; line-height:2;}
.news-info .info-con p{ margin:0;}
.news-info .article-box{ padding:.6rem 0; border-top:solid 1px #e6e6e6;}
.news-info .article-box dl{ width:calc(100% - 2rem); line-height:1.8;}
.news-info .article-box dl dd{ line-height:2.5; color:#999999;}
.news-info .article-box dl dd a{ position:relative; color:#333333;}
.news-info .article-box dl dd a:hover{ color:#ff563c;}
.news-info .article-box .more .aniu{ cursor:pointer; font-size:.16rem; line-height:3; font-family:"HarmonyOS-Light"; color:#fff; padding:0 .2rem; background-image: linear-gradient(90deg,#ff463c 0%, #ff8e3e 100%),linear-gradient(#000000, #000000);background-blend-mode:normal,normal; transition:all .5s;}
.news-info .article-box .more .aniu i{ margin-left:.15rem; display:block; width:.35rem; height:.2rem; background-image:url(../images/mores-icon.png); background-repeat:no-repeat; background-position:center right; background-size:contain; transition: all .5s;}


@media (max-width:1024px){
.news-info-bg{ padding:1rem .4rem .2rem;}
.news-info .article-box .more .aniu{ font-size:.16rem;}
}
@media (max-width:768px){
.news-info .article-box .more .aniu{ font-size:.2rem;}
}
@media (max-width:640px){
.news-info .tit-box .other-txt div{ margin:0 1em;}
.news-info .article-box{ padding:.3rem 0;}
.news-info .article-box .more .aniu{ font-size:.22rem;}
}
		




/* 联系我们 */
.contact-box{ padding-bottom:1.2rem;}
.contact-one{ padding:1rem 0;}
.contact-one .des{ margin:.2rem 0 .4rem; line-height:1.8; font-family:"HarmonyOS-Light"; padding:0 .6rem; text-align:center;}
.contact-other{justify-content: space-around; padding:1rem; color:#fff; border-radius:.15rem; overflow:hidden; background-image: linear-gradient(90deg,#ff463c 0%, #ff8e3e 100%),linear-gradient(#000000, #000000);background-blend-mode:normal,normal;}
.contact-other .item{ width:33.33333%;}
.contact-other .item .icon{ margin-right:.2rem; border:solid .08rem rgba(255,255,255,.2); border-radius:100%; overflow:hidden;}
.contact-other .item .icon span{ width:.6rem; height:.6rem; display:block; background:#fff; border-radius:100%; overflow:hidden;}
.contact-other .item .text{ width:calc(100% - .96rem);}
.contact-other .item .text .tit{ font-family:"HarmonyOS-Light"; color:rgba(255,255,255,.7);}
.contact-other .item .text .wz{ font-size:.2rem;}
.contact-form .wtd49{ width:calc(50% - .1rem);}
.contact-form .wtd100{ width:100%;}
.contact-form .item{ background:#f4f4f6; margin-bottom:.2rem; border-radius:.08rem; overflow:hidden;}
.contact-form .item input{ background:none; font-size:.16rem; outline:none; display:block; width:100%; border:none; padding:.19rem .2rem; margin:0;}
.contact-form .item textarea{background:none; font-size:.16rem; display:block; width:100%; resize:none; border:none; margin:0; padding:0; outline:none; min-height:6em;}
.contact-form .text-des{ padding:.19rem .2rem;}
.contact-form .verify-box{ padding-right:.2rem;}
.contact-form .verify-box input{ width:calc(100% - 1.2rem);}
.contact-form .verify-box .verify-img{ width:1rem;}
.contact-form .verify-box .verify-img img{ width:1rem;}
.contact-form .item .aniu{ font-size:.2rem; cursor:pointer; color:#fff; height:100%; background-image: linear-gradient(90deg,#ff463c 0%, #ff8e3e 100%),linear-gradient(#000000, #000000);background-blend-mode:normal,normal;}


@media (max-width:1024px){
.contact-other{ padding:.5rem;}
.contact-other .item{ min-width:31%; width:auto; margin:1% 0;}
.contact-other .item .icon{ border:solid .06rem rgba(255,255,255,.2);}
}

@media (max-width:768px){
.contact-form .item input,
.contact-form .item textarea{ font-size:.2rem;}
}

@media (max-width:640px){
.contact-one{ padding:.5rem 0;}
.contact-one .des{ padding:0;}

.contact-other .item{ margin:.1rem 0; min-width:50%;}
.contact-other .item.addrtxt{ width:100%;}
.contact-other .item .text .wz{ font-size:.22rem;}

.contact-form .item input,
.contact-form .item textarea{ font-size:.24rem;}
.contact-form .wtd49{ width:100%;}
.contact-form .item .aniu{ font-size:.24rem; line-height:3;}
}



/*  */
.search-list{ margin-bottom:.6rem; padding:.35rem 0;}
.search-list li{ font-size:.16rem; border-bottom:dashed 1px #e5e5e5;}
.search-list li a{ padding:.2rem 0;}
.search-list li .tit{ width:calc(100% - 1.8rem);}
.search-list li .time{ width:1.5rem; text-align:right;}
.search-list li a:hover .tit{ color:#1da3dd;}
@media (max-width:640px){
.search-list li{ font-size:.24rem;}
}

/* 单篇 */
.single-piece{ padding:.5rem 0; min-height:30vh; line-height:2;}
.single-piece p{ margin:0;}



/*Page002623 */
.Page002623{ text-align:center; padding:.5rem 0;}
.Page002623 .Pages{ display:-webkit-flex; display:flex; justify-content:center; align-items:center;}
.Page002623 .Pages a.a_first,
.Page002623 .Pages a.a_end,
.Page002623 .Pages .f1,
.Page002623 .Pages .f2,
.Page002623 .Pages > span:not(.p_page){display: none;}
.Page002623 .Pages >span.p_jump{ display:block; border:solid 1px #edecec; border-radius:5px; overflow:hidden;}
.Page002623 .Pages >span.p_jump input{ text-align:center; outline:none; font-size:.14rem; color:#666666; width:4em; border:none; padding:0; margin:0; height:.4rem;}
.Page002623 .Pages >span.p_jump .i_button{ border-left:solid 1px #edecec; cursor:pointer;}
.Page002623 .Pages em{float: left;margin:0 .05rem; font-style: normal;}
.Page002623 .Pages a{ color:#666666; border:solid 1px #edecec; float:left; line-height:.4rem; width:.4rem; margin:0 .05rem; border-radius:5px; transition:all .5s;}
.Page002623 .Pages a.a_cur,
.Page002623 .Pages a:hover{color:#fff;background:#009ee6;}
.Page002623 .Pages .p_page{ margin-right:1em;}
.Page002623 .Pages .p_page > a{ height:.4rem;position: relative; font-family:swiper-icons;}
@media(max-width:640px){
.Page002623{padding: 6vw 0 8vw 0;}
.Page002623 .Pages em{display:block;}
.Page002623 .Pages .p_page{ margin-right:0.5em;}
.Page002623 .Pages >span.p_jump input{ font-size:.2rem;}
.Page002623 .Pages a{ width:.5rem; height:.5rem; line-height:.5rem; background-color: #eee;}
.Page002623 .Pages .p_page > a{height:.5rem;}
.Page002623 .Pages >span.p_jump input{ height:.5rem;}
}