html{font-size:5.2083334vw}
@media (max-width:1500px) {
    html{font-size:6vw}
}
@media (max-width:1024px) {
    html{font-size:9.765625vw}
}
@media (max-width:480px) {
    html{font-size:14vw}
}

/*Top003111 */
.Top003111{position: fixed; z-index: 100; left: 0; top: 0; width: 100%; box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); transition: all .5s;}
.Top003111 .auto{max-width: 1500px;}
.scrolled { background-color: white; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); }

.Top003111 .logo .img2{display: none;}

@media (min-width:1025px) {
.Top003111 .logo{float: left;}
.Top003111 .logo{display: table; height:1.1rem;}
.Top003111 .logo a{display: table-cell; vertical-align: middle;}
.Top003111 .logo img{max-height:0.81rem;}
.Top003111 menu{float: right;margin-right: 110px;}
.Top003111 menu li{float: left;margin-right: 3.5vw;font-size: 0.18rem;}
.Top003111 menu li span{line-height: 1.1rem;}
.Top003111 menu li span a{position: relative;}
.Top003111 menu li span a:after{position: absolute;content: '';height: 2px;background-color:#fff;left: 50%;transform: translateX(-50%); bottom: 0px;width: 0;transition: width 0.3s;}
.Top003111 menu li span a:hover:after,
.Top003111 menu li.aon span a:after{width: 100%;}
.Top003111 .sub{position: absolute;top: 100%;background-color: #fff;overflow: hidden; border-radius: 20px;width: max-content; left: 50%;transform: translateX(-50%);z-index: 3;margin-left: 0;}
.Top003111 .sub dl{overflow: hidden;margin-left: 0 !important;}
.Top003111 .sub dt{line-height: 22px;text-align: center; }
.Top003111 .sub dt a{color: #333;padding: 10px;transition: 0.3s;}
.Top003111 .sub dt a:hover{color: #00bfff;}
.Top003111 menu li:hover .sub{display: block;}
}
@media (max-width:1024px) {
.Top003111 .auto{display: flex;align-items: center;justify-content: space-between;height: 0.8rem;}
.Top003111 .auto:after{display: none;}
.Top003111 .logo img{max-height: 0.6rem;}	
}

.Top003111 .top-nav > *{float: left;}
.Top003111 .top-search{border: 1px solid #fff; border-radius: 36px;padding-right: 36px;width: 200px;}
.Top003111 .top-search .btn{position: absolute;right: 0;top: 0;height: 100%;background: url(../images/search-btn.svg) no-repeat center center;}
.Top003111 .top-search .text{width: 100%;height: 36px;line-height: 36px;padding:0 0 0 20px;border: 0;background: none;}
.Top003111 .top-search input[type="search"]::placeholder {color: #999;font-size: 14px;}

@media (min-width:1025px) {
.Top003111 .top-nav{float: right; padding-top: .35rem;}
.Top003111 .top-search{display: block!important;}
}
@media (max-width:1024px) {
.Top003111 .open-search{width: 36px;height: 36px;background: url(../images/search-btn.svg) no-repeat center center;background-size: auto 60%;}
.Top003111 .top-search{position: absolute;left:5%;width: 90%;top: 100%;}
.search-show .Top003111 .top-search{display: block;}
}


.Top003111 menu li span,
.Top003111 menu li a{display: block;}
.Top003111 menu li span a{color: #fff;}
.Top003111 menu li .sub{display: none;padding:1% 2%;font-size: .16rem;}

/*滚动后*/
.Top003111.scroll,
.Top003111.hover{background: #fff;box-shadow: 0 3px 12px rgba(0,0,0,.1)}

.Top003111.hover .logo .img1,
.Top003111.scroll .logo .img1{display: none;}

.Top003111.hover .logo .img2,
.Top003111.scroll .logo .img2{display: block}

.Top003111.hover .top-search,
.Top003111.scroll .top-search{border-color: #eee;}
.Top003111.hover .top-search .btn,
.Top003111.scroll .top-search .btn{background-image: url(../images/Top003156-search2.svg) }

.Top003111.scroll menu li span,
.Top003111.scroll menu li span a,
.Top003111.hover menu li span,
.Top003111.hover menu li span a{color: #333;}

.Top003111.scroll menu li span a:hover,
.Top003111.scroll menu li.aon span a{color: #00bfff}
.Top003111.hover menu li span a:after,
.Top003111.scroll menu li span a:after{ background-color: #00bfff;}




@media (min-width:1921px) {
.Top003111 menu li{margin-right: 61px;}	
}

@media (min-width:1025px) and (max-width:1280px) {
.Top003111 menu li{margin-right: 2vw;}
}
@media (max-width:1024px) {
.Top003111 .open-menu{height: 0.36rem; width:0.36rem ;}
.Top003111 .open-menu i{background-color: #fff;}
body.menu-show{overflow: hidden;}
.Top003111 menu{position: fixed;top: 0.8rem;bottom: 0;width: 50vw;max-width: 100%;background-color: rgba(255,255,255,1);left: -100%;opacity: 0;transition: 0.3s ease-out;}
body.menu-show .Top003111 menu{left: 0;opacity: 1;}
.Top003111 menu ul{height: 100%; overflow: auto;}
.Top003111 menu li{border-bottom: 1px solid #eee;}
.Top003111 menu li span{line-height: 3;}
.Top003111 menu li span a{padding-left: 1em;color: #333;}
.Top003111 .has-sub span .op:before, 
.Top003111 .has-sub span .op:after{background-color: #ccc;}
.Top003111 .sub{padding: 2em;font-size: 18px;background-color: rgba(0,0,0,0.1);}
.Top003111 .sub dt{line-height: 2.5;}


.Top003111.hover .open-menu i,
.Top003111.scroll .open-menu i{ background-color: #00bfff;}
.Top003111.hover .open-search,
.Top003111.scroll .open-search{background-image: url(../images/search-b.svg)}

}


.pd100{padding:1rem 0;}
.w1500{max-width: 1500px;margin: 0 auto;}

@media (max-width:1024px) {
.pd100{padding:0.5rem 0;}
}

/*Banner003192 */
.Banner003192{position: relative;}
@media (min-width:1025px) {
    .Banner003192 .wap{display: none;}
}
@media (max-width:1024px) {
    .Banner003192 .pc{display: none;}
}
.Banner003192 li.slick-slide{position: relative;}
.Banner003192 [class*=txt-style-]{position: absolute; top: 0;color: #fff;z-index: 10;}
.Banner003192 .tit{font-family: 'HarmonyOS_Sans_SC_Bold';font-size: calc(72 / 1920 * 100vw); margin-bottom:calc(10 / 65 * 1em); transition: 0.3s;font-weight: bold;}
.Banner003192 .sub-tit{font-size: calc(48 / 1920 * 100vw); line-height: 1.2; transition: 0.3s 0.3s;text-align: center;font-weight: bold;margin-bottom:calc(20 / 65 * 1em); }
.Banner003192 .tip{font-size: calc(32 / 1920 * 100vw); transition: 0.3s 0.3s;text-align: center;padding: 0.05rem;font-style: italic; font-weight: bold;background: linear-gradient(to right, transparent, #ff7f00, #ff7f00, transparent 50%);background-size: 200% 100%;width: 70%;margin-left: 15%;}
.Banner003192 .more{ display: table; margin: 0 auto;  width:22.728%;height:0.6rem;border-radius: 100px;line-height: 0.6rem;background: #00bfff;color:#fff;font-weight: lighter;font-size: 0.16rem;border: none;margin-top: 4%;}
.Banner003192 .more img{padding-left: 0.2rem;}
.Banner003192 .txt-style-1{position: absolute; top: 35%; transform: translateY(70%); width: 47%; text-align: center; transform: translateX(50%);text-align: center;}
.Banner003192 .txt-style-1 .tit{transform: translateX(30px); opacity: 0;}
.Banner003192 .txt-style-1 .sub-tit{ transform: translateX(30px); opacity: 0;}
.Banner003192 .ani-show .txt-style-1 .tit,
.Banner003192 .ani-show .txt-style-1 .sub-tit{transform: translateX(0); opacity: 1;}
.Banner003192 .txt-style-2{text-align: center; top:0;left: 0;width: 100%; height: 100%;}
.Banner003192 .txt-style-2 .ytable{height: 100%;}
.Banner003192 .open-video{display: block;margin: 0 auto; width: calc(60 / 1920 * 100vw);height: calc(60 / 1920 * 100vw);background: url(../images/Banner003192-play.png) no-repeat center center; background-size: contain; margin-bottom: calc(60 / 1920 * 100vw); cursor: pointer;transform: translateY(30px); opacity: 0;transition: 0.3s;}
.Banner003192 .txt-style-2 .tit{transform: translateY(30px); opacity: 0; transition-delay: 0.3s;}
.Banner003192 .txt-style-2 .sub-tit{letter-spacing: calc(9 / 1920 * 100vw); transform: translateY(30px); opacity: 0;transition-delay: 0.6s;}
.Banner003192 .ani-show .open-video,
.Banner003192 .ani-show .txt-style-2 .tit,
.Banner003192 .ani-show .txt-style-2 .sub-tit{transform: translateY(0); opacity: 1;}
.Banner003192 .txt-style-3{left: 0;width: 100%; top:calc(281 / 960 * 100%);}
.Banner003192 .txt-style-3 .auto{max-width:1440px;width: 90%;}
.Banner003192 .txt-style-3 .tit{transform: translateX(30px); opacity: 0;}
.Banner003192 .txt-style-3 .sub-tit{transform: translateX(30px); opacity: 0;}
.Banner003192 .ani-show .txt-style-3 .tit,
.Banner003192 .ani-show .txt-style-3 .sub-tit{transform: translateX(0); opacity: 1;}


.video-box{ position:fixed; top:0; left:0; width:100%; height:100%; z-index:300; background:rgba(0,0,0,0.85);}
.video-box .close{ cursor:pointer; width:40px; height:40px; position:fixed; z-index:4; right:20px; top:20px;}
.video-box .close::before,
.video-box .close::after{ position:absolute; content:''; width:80%; left:10%; height:3px; top:50%; margin-top:-1.5px; background:#fff; transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);}
.video-box .close::before{ transform:rotate(45deg);-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);}
.video-box .ytable{height: 100%;}
.video-box .ytable-cell{ text-align:center;}
.video-box video{ width:90%; max-width:900px;}

.Banner003192 .slick-dots{position: absolute;right: 50%;bottom: calc(66 / 960 * 100%);z-index: 20;}
.Banner003192 .slick-dots li{float: left;width: calc(16/ 1920 * 100vw); height: calc(16 / 1920 * 100vw); background-color: #00bfff; opacity: 0.3; margin-left: 30px;border-radius: 100px;}
.Banner003192 .slick-dots li button{display: none;}
.Banner003192 .slick-dots li.slick-active{opacity: 1;}
.Banner003192 .slick-arrow{position: absolute;top: 0;bottom: 0;width: 64px;height: 64px;margin: auto 0;background-image: url('../images/jt.png');background-size: 100%;border-radius: 50%;z-index: 333;}
.Banner003192 .slick-prev{left: 4%;}
.Banner003192 .slick-next{right: 4%;transform: rotate(180deg)}
.Banner003192 .mouse{position: absolute; background: url(../images/Banner003192_mouse.svg) no-repeat center; width: 22px;height: 34px;background-size: contain; z-index: 30; left: 50%; margin-left: -11px;bottom:calc(58 / 960 * 100%); animation: mouse 2s linear infinite alternate;}
@keyframes mouse {
    0%{opacity: 1;}
    100%{opacity: 0;}
}
/*RighInfo003141 */
.RighInfo003141 .auto{padding-bottom: 2em;}
.RighInfo003141 .intro{margin-bottom: 4.5625em;}
.RighInfo003141 .intro .title{ font-size: .48rem;color: #000; margin:1em 0 1.8em;position: relative;}
.RighInfo003141 .intro .info{ font-size: 0.875em; line-height: 2;}
.RighInfo003141 .intro .info .txt{font-size: .16rem; line-height: 2;color: #333;}
.RighInfo003141 .intro .img img{border-radius: 20px;}
.RighInfo003141 .intro .title::after{content: "";display: inline-block; position: absolute;bottom: -1em;left: 0;width: 60px;height: 1px;background-color:#dddddd; transition: opacity 0.3s ease;}

.RighInfo003141 .number-count{padding: 1em 0;background: #f5fafe;border-radius: 20px;}
.RighInfo003141 .number-count li{color: #333333;text-align: center;}
.RighInfo003141 .number-count li span{display: inline-block;position: relative;font-size: .60rem;color: #00bfff; margin: 0 5px;font-weight: bold;}
.RighInfo003141 .number-count li span i{font-style: normal;}
.RighInfo003141 .number-count li span i.ani{position: absolute; left: 0;top: 0;}
.RighInfo003141 .number-count li span i.opa{opacity: 0;}
.RighInfo003141 .number-count li sup{display: inline-block;vertical-align: top;color: #00bfff;font-size:.30rem;font-weight: bold;}
.RighInfo003141 .number-count li h3{font-weight: normal;font-size: .18rem;margin-top: -28px;}

.RighInfo003141 .plate{margin-top: 4.0625em;}
.RighInfo003141 .plate dd{margin-bottom: 2.8565%;background: #f5fafe;border-radius: 20px;text-align: center;padding: 0.2rem;}
.RighInfo003141 .plate dd .icon{float: left;width: 100%;margin-bottom: 0.25rem;}
.RighInfo003141 .plate dd h3{font-size: .18rem;color: #333;font-weight: normal;line-height: 0;}
@media (min-width:1025px) {
.RighInfo003141 .intro .info{width: 47.929%;}
.RighInfo003141 .intro .title{line-height: 1;}
.RighInfo003141 .intro .img{width: 46.666%;}
.RighInfo003141 .number-count ul{display: table; margin: 0 auto;}
.RighInfo003141 .number-count li{float: left;}
.RighInfo003141 .number-count li:not(:last-child){margin-right: 3.5em;text-align: center;}
.RighInfo003141 .plate dd{float: left;width: 31.429%;}
.RighInfo003141 .plate dd:not(:last-child){ margin-right: 2.8565%;}
}
@media (max-width:1024px) {
.RighInfo003141 .number-count li{text-align: center;padding: 1em 0} 
.RighInfo003141 .number-count{margin: 2em 0; padding: 2em 0;}  
.Banner003192 .slick-arrow{width: 40px;height: 40px}
}

.imgbox{ overflow:hidden; position:relative;}
.imgbox span{ background-position:center center; background-repeat:no-repeat; background-size:cover; position:absolute; left:0px; top:0px; width:100%; height:100%;display: flex;align-items: center;justify-content: center;transition: all .5s;-webkit-transition: all .3s;}
.imgbox img{ width:100%;height:100%;object-fit: cover;}


/*Floor003066 */
.Floor003066{background: #f5fafe; overflow: hidden;}
.Floor003066 .title{font-size: .48rem;color: #000;text-align: center;margin-bottom: 0.64em;}
.Floor003066 .title .cn{font-size: 0.625em;color: #333;}
.Floor003066 .title .cn:after{display: inline-block; content: ''; height: 1px;background: #ee7133; width: 3.354em; margin-left: 0.521em; vertical-align: middle;}
.Floor003066 .title .en{ font-family: 'Arial';color: #ee7133;line-height: 1em; padding-top: 0.2em;}
@media(min-width:769px) and (max-width:1024px){
.Floor003066 .title{font-size: 4vw; }
}
@media(max-width:640px){
.Floor003066 .title{font-size: 9vw; }
}

@media(min-width:1025px){
.Floor003066 .fl{width: 21.429%;}
.Floor003066 .fr{width: 72%;}
}

.Floor003066 .slider li{padding: 4.8em 0.15rem 2.8em 0.15rem;margin:0 2em;position: relative;}
.Floor003066 .slider li:last-child{margin: 0;}
.Floor003066 .slider li a{ transition: height 0.5s ease; border-radius: 20px;text-align: center;color: #333;}
.Floor003066 .slider li a .pic{height: 2.6rem; width: 90%; margin: 0 auto;}
.Floor003066 .slider li a .pic img{ object-fit: contain;}
.Floor003066 .slider li a::before { position: absolute; content: ''; left: 0; bottom: 0; width: 100%; background: #fff; height: 66%; transition: 0.3s; z-index: -1; border-radius: 20px; }
.Floor003066 .slider li a:hover::before { height: 100%; }
.Floor003066 .slider li a:hover{color: #00bfff;}
.Floor003066 .slider li .name{font-size: .18rem;margin-top: 0.35rem;}
.Floor003066 .slider li figure{background-size: contain;padding-bottom: 100%;}
.Floor003066 .btn{text-align: center;padding-top: 4%;}
.Floor003066 .btn .slick-arrow{width: 46px; height: 46px; border-radius: 50%; border: 1px solid #00bfff; margin: 0 30px;position: relative;}
.Floor003066 .btn .slick-arrow:before{position: absolute; content: ''; width: 12px; height: 12px; border-right: 1px solid #00bfff;border-top: 1px solid #00bfff; transform: rotate(45deg); left: 50%; top: 50%; margin: -6px 0 0 -8px;}
.Floor003066 .btn .slick-prev{transform: rotate(180deg);}
@media(max-width:640px){
.Floor003066 .slider li figure{padding-bottom: 100%;}
.Floor003066 .slider li{margin: 0 2em;}

}



/*.Floor002491 为demo编号*/
.Floor002491{position: relative; z-index:9;}
.Floor002491 .title{font-size: .48rem;color: #000;text-align: center;margin-bottom: 0.64em;}
.Floor002491 ul * { -webkit-transition: all .3s;  -o-transition: all .3s;  transition: all .3s;}

.Floor002491 ul li{width: 9%;float: left;height: 5rem;background-position:center center;position: relative;background-size: cover;background-repeat: no-repeat;margin-left: 10px;border-radius: 20px;position: relative;overflow: hidden;z-index: 1;}
.Floor002491 ul li.on{width:41%; }
.Floor002491 ul li::before { position: absolute; content: ''; left: 0; bottom: 0; width: 100%; background: linear-gradient(to top, rgba(0,174,255, 1) 0%, rgba(0,174,255, 0) 70%); height: 100%; transition: 0.3s; z-index: 2;
}
.Floor002491 ul li a{display: block;color: #fff;position: absolute;width: 100%;height: 100%;left: 0;bottom: 0;z-index: 5;}
.Floor002491 ul li a .txt{font-size: .16rem;line-height: 1.8; opacity: 0; height: 0;}
.Floor002491 ul li a .txtBox .h3{ margin: 0;font-weight: 500;font-size: .18rem;line-height: 1.7;} 
.Floor002491 ul li .liBox .liCon{position: absolute;width: 100%;bottom: 0;padding: 0.16rem;height:26%;}

.Floor002491 ul li.on a{ border-radius:20px; overflow: hidden; }
.Floor002491 ul li.on .liBox .liCon{ padding:0.3rem;height: auto;}
.Floor002491 ul li.on a .txt{opacity: 1; height: auto;}
.Floor002491 ul li.on a .txtBox .h3{text-align: left;font-size: .30rem;padding: 0;}
.Floor002491 ul li.on a .txtBox{ -ms-transform: translateY(-50%);-o-transform: translateY(-50%); }

@media screen and (min-width:1025px ){

    .Floor002491 ul{margin-left: -10px;display: flex;justify-content: space-between;}
  
}

@media (max-width:1024px) {
    .Floor002491 ul li{ width: 100%; height: 3.2rem; margin-bottom: 0.2rem;margin-left: 0;}
    .Floor002491 ul li.on{width:100%; }
    .Floor002491 ul li a .txt{ opacity: 1; height: auto;}
    .Floor002491 ul li .liBox .liCon{ height: auto;}
}

/*RighInfo003138 */
.RighInfo003138{background-color: #f5fafe;}
.RighInfo003138 .title{font-size: .48rem;color: #000;text-align: center;margin-bottom: 0.64em;}
.RighInfo003138 ul{ display: flex; flex-wrap: wrap;}
.RighInfo003138 ul li{ float: left; background-color: #fff;border-radius: 20px;text-align: center;padding: 2.5em;color: #333; margin:0 2% 2% 0; position: relative;width: 32%;}
.RighInfo003138 ul li a:hover{display: block;color: #fff; }
.RighInfo003138 ul li:hover{cursor: pointer; background-image: url(../images/Top003156-search.svg);background-repeat: no-repeat;background-size: 6%;background-position: center;background-position-y: 2rem;}
.RighInfo003138 .icon{position: relative;  text-align: center; }
.RighInfo003138 h3{font-size: .18rem;font-weight: normal;margin-top: 30px;line-height: 0;}
.RighInfo003138 aside{color: #999; font-size: 0.875em;}

.RighInfo003138 ul li .hover{ padding-top: 11%;opacity: 0;background-color: #00bfff;opacity: 0; position: absolute; left: 0; top: 0; right: 0; bottom: 0; text-align: center; z-index: 10; transition: 0.3s; color: #fff; border-radius: 10px;}
.RighInfo003138 ul li .hover img{ width: 6%;}
.RighInfo003138 ul li:hover .hover{opacity: 1;}

@media (min-width:1025px) {
.RighInfo003138 ul{display: table;width: 100%; min-height: 11.25em;}
.RighInfo003138 ul li:nth-child(3n){ margin-right: 0;}
}
@media (max-width:1024px) {
.RighInfo003138 ul li { width: 100%; }
.RighInfo003138 ul li:not(.space){padding:2em 0;}
.RighInfo003138 ul li.space{height: 1em;}
.RighInfo003138 ul li { width: 100%; margin:2% 2% 0 2%;}
}

/*
 .PicList002313 为demo编号
 */
 .PicList002313 .title{font-size: .48rem;color: #000;text-align: center;margin-bottom: 0.64em;}
 .PicList002313  li a{display: inline-block; position: relative;float: left;margin:0 2% 2% 0; overflow: hidden; border-radius: 20px;background: #f0f6f9;width: 49%; color: #666;}
 .PicList002313  li a:hover{background-color: #00bfff;color: #fff;}
 .PicList002313  li:nth-child(2n) a{ margin-right:0;}

 .PicList002313 li .item{ display: flex; flex-wrap: wrap; justify-content: space-between;}
 .PicList002313  li .pic{ width: 49.5%;}
 .PicList002313 li .pic{overflow: hidden;}
.PicList002313 li .Ispic{padding-bottom: 71%;transition: 1.2s;height: 100%;}
.PicList002313 li a:hover .Ispic{transform: scale(1.1);}
 .PicList002313  li .text{ position: relative; width: 50.5%;padding: 0.3rem;}
 .PicList002313  li .text .h3{ margin: 0; font-size: .20rem;line-height: 32px;font-weight: normal;}
 .PicList002313  li .text .con{ font-size: .16rem;margin-top: 10px; line-height: 1.8; height: 3.6em; margin-bottom: 0.6rem;}
 .PicList002313  li .text time{font-size: .16rem;background-image: url(../images/PicList002313-icon.svg);background-repeat: no-repeat;background-position: right center;display: block;}
 .PicList002313 li a:hover time{ font-size: .16rem;background-image: url(../images/PicList002313-icon01.svg);}

 @media(min-width:1024px){
    .PicList002313 .fl{width: 49.5%;border-radius: 20px 0 0 20px;overflow: hidden;}
    .PicList002313 .fr{width: 50.5%;padding: 2.5em;}
}
@media(min-width: 769px) {
    .PicList002313 li .pic img{width: 100%;height: 100%;}
 }
 @media(max-width: 768px){
    .PicList002313  li a{width: 100%;}
     .PicList002313  li .pic{width:100%;}
     .PicList002313 li .text{width:100%;}
     .PicList002313 li .pic img{border-radius: 20px;width: 100%;}
     .PicList002313 li .text .con{ height: auto; margin-bottom: 0.3rem;}
     .PicList002313 .fl{width: 100%;}
     .PicList002313 .fr{width: 100%;}
 }

.PicList002313 .index-more{text-align: center;overflow: hidden;margin-top: 3vw;}
.PicList002313 .index-more a{text-align: center;border:1px solid #00bfff;padding: 1em 4.5em 1em 3.5em;border-radius: 100px;display: inline-block;color: #00bfff;background-image: url(../images/index-more1.svg);background-position:74%;background-repeat: no-repeat;font-size: .16rem;transition: background-color 0.3s ease, color 0.3s ease; }
.PicList002313 .index-more a::after {content: " ";margin-left: 10px;transition: color 0.3s ease;}
.PicList002313 .index-more a:hover{background-color: #00bfff;color: white;border: none;background-image: url(../images/index-more01.svg);background-repeat: no-repeat;}
.PicList002313 .index-more a:hover::after{color: white;}






 .newlist  li a{display: inline-block; position: relative;float: left;margin:0 2% 2% 0; overflow: hidden; border-radius: 20px;background: #f0f6f9;width: 49%; color: #666;}
 .newlist  li a:hover{background-color: #00bfff;color: #fff;}
 .newlist  li:nth-child(2n) a{ margin-right:0;}

 .newlist li .item{ display: flex; flex-wrap: wrap; justify-content: space-between;}
 .newlist  li .pic{ width: 49.5%;}
 .newlist li .pic{overflow: hidden;}
.newlist li .Ispic{padding-bottom: 71%;transition: 0.3s;}
.newlist li a:hover .Ispic{transform: scale(1.1);}
 .newlist  li .text{ position: relative; width: 50.5%;padding: 0.3rem;}
 .newlist  li .text .h3{ margin: 0; font-size: .20rem;line-height: 1.8;font-weight: normal;height: 0.7rem;}
 .newlist  li .text .con{ font-size: .16rem;margin-top: 10px; overflow: hidden; line-height: 1.8; height: 3.6em;}
 .newlist  li .text time{ font-size: .16rem;background-image: url(../images/PicList002313-icon.svg);background-repeat: no-repeat;background-position: right center;display: block; margin-top: 0.3rem;}
 .newlist li a:hover time{ font-size: .16rem;background-image: url(../images/PicList002313-icon01.svg);}

 @media(min-width:1024px){
    .newlist .fl{width: 49.5%;border-radius: 20px 0 0 20px;overflow: hidden;}
    .newlist .fr{width: 50.5%;padding: 2.5em;}
}
@media(min-width: 769px) {
    .newlist li .pic img{width: 100%;height: 100%;}
 }
 @media(max-width: 768px){
    .newlist  li a{width: 100%;}
     .newlist  li .pic{width:100%;}
     .newlist li .text{width:100%;}
     .newlist li .pic img{border-radius: 20px;width: 100%;}
     .newlist li .text .con{ height: auto; margin-bottom: 0.3rem;}
     .newlist .fl{width: 100%;}
     .newlist .fr{width: 100%;}
 }





/*RighInfo002939 */
.RighInfo002939 .name{border-bottom: 1px solid #ddd; text-align: center; margin-bottom: 0.36rem;}
.RighInfo002939 .name h1{margin: 0 0 2% 0;font-size: .30rem;color: #333;}
.RighInfo002939 .time{color: #666;padding-bottom: 0.4rem;line-height: 16px;}

.RighInfo002939 .edit-info{line-height: 2.2;color: #333; text-align: justify; padding-bottom: 4%;}
.RighInfo002939 .info-page{border-top: 1px solid #ddd;padding-top: 0.4rem;}
.RighInfo002939 .info-page dd a:hover{color: #00bfff;}
@media(min-width:641px){
.RighInfo002939 .info-page dd{float: left; width: 50%;}
.RighInfo002939 .time,
.RighInfo002939 .info-page dd a,
.RighInfo002939 .edit-info{font-size: .16rem;}
}
@media(max-width:640px){
.RighInfo002939 .share{display: block; padding-top: 10px;}
}



/*Bottom003102 */
.Bottom003102{background-color: #111111;font-size: 100px;padding-top: 1rem;}
.Bottom003102 .auto_1500{padding-bottom: 2.5em;}
@media (max-width:1600px) {
.Bottom003102{font-size: 6.25vw;}
}
@media (max-width:640px) {
.Bottom003102{font-size: 14vw;}
}
.Bottom003102,
.Bottom003102 a:not(:hover){color: #fff;}
.Bottom003102 footer{font-size: 0.14em;}
.Bottom003102 footer .text a{display:inline-block;}
.Bottom003102 footer .big{padding-bottom: 2.5em;}
.Bottom003102 footer .big a{font-size: .16rem;color: #ddd;border-bottom: 1px solid #333;padding-bottom: 2.5em;}
.Bottom003102 footer .tel{color: #00bfff;font-size: .36rem;font-weight: bold;}
.Bottom003102 footer .tel img{padding-right: .1rem; margin-top: -0.05rem;}
.Bottom003102 footer .add{font-size: .16rem;color: #999;padding-top: 10px;}
.Bottom003102 footer .code li{float: left;width: 48%;text-align: center;max-width: 141px;}
.Bottom003102 footer .code li:nth-child(2n){float: right;}
.Bottom003102 footer .code li aside{ margin-top: 0.1rem;font-size: .16rem;color: #999;}
.Bottom003102 footer .copyright{font-size: .16rem;color: #999;text-align: center;border-top: 1px solid #333;padding: 2em 0;}
.Bottom003102 footer .copyright a{color: #999;}
@media (min-width:641px) {
.Bottom003102 footer .big a:not(:last-child){padding-right: 3vw;}
}
@media (min-width:1025px) {
.Bottom003102 footer .code{ width: 20%;}
}
@media (max-width:1024px) {
.Bottom003102 footer{font-size: 0.24em; text-align: center;}
.Bottom003102 footer .code{display: table;margin: 0 auto 5vw; width: 76%; max-width: 320px;}
}
@media (max-width:640px) {
.Bottom003102 footer .small a:not(:last-child):after{width: 0.7em;}
.Bottom003102 footer .big a{margin: 0 0.2em;}
}


/* nBan */
.nBan{position: relative;}
.nBan,.nBan img{width: 100%;}
.nBan .txt{text-align: center;font-size: .48rem;color: #fff;display: flex; align-items: center; justify-content: center;position: absolute; top: 56%; left: 50%; transform: translate(-50%, -50%);}

/*Location003131 */
.Location003131{box-shadow: 0 0 10px rgba(28, 146, 230, 0.1);}
.Location003131 .current{float: right; padding: 1.522em 0; font-size: 1.15em; padding-left: 1.6em;background: url(../images/Location003131-icon.svg) no-repeat left center;background-size: 1em auto;}
.Location003131 .current,.Location003131 .current a:not(:hover){color: #999;}


/*走进鸿益 */
.About .intro{background: #f5fafe;border-radius: 20px;}
.About .intro .title{ font-size: .48rem;color: #000; margin:1em 0 1.8em;position: relative;background: none;}
.About .intro .info{ font-size: 0.875em; line-height: 2;padding: 0 4.1%;margin-top: 5.5%;}
.About .intro .info .txt{font-size: .16rem; line-height: 2;color: #333;}
.About .intro .img img{border-radius: 20px;}
.About .intro .title::after{content: "";display: inline-block; position: absolute;bottom: -1em;left: 0;width: 60px;height: 1px;background-color:#dddddd; transition: opacity 0.3s ease;}

.About .number-count{padding: 1em 0;background: #f5fafe;border-radius: 20px;}
.About .number-count li{color: #333333;text-align: center;}
.About .number-count li span{display: inline-block;position: relative;font-size: .60rem;color: #00bfff; margin: 0 5px;font-weight: bold;}
.About .number-count li span i{font-style: normal;}
.About .number-count li span i.ani{position: absolute; left: 0;top: 0;}
.About .number-count li span i.opa{opacity: 0;}
.About .number-count li sup{display: inline-block;vertical-align: top;color: #00bfff;font-size:.30rem;font-weight: bold;}
.About .number-count li h3{font-weight: normal;font-size: .18rem;margin-top: -28px;}
@media (min-width:1025px) {
.About .intro .info{width: 53%;}
.About .intro .title{line-height: 1;}
.About .intro .img{width: 46.666%;}
.About .number-count ul{display: table; margin: 0 auto;}
.About .number-count li{float: left;}
.About .number-count li:not(:last-child){margin-right: 3.5em;text-align: center;}
}
@media (max-width:1024px) {
.About .number-count li{text-align: center;padding: 1em 0} 
.About .number-count{margin: 2em 0; padding: 2em 0;}  
.About .intro{padding-top: 2em; margin-bottom: 2em;}
}

.About .title{background: #00bfff;display: flex; align-items: center;height: 1.75em;}
.About .title .name{color: #00bfff;font-weight: bold;font-size: .30rem;background-color: #fff;padding: 0 15px;margin-top: -5px;}
.About .title .bar1{width: 10px;background: #fff;height: 1.75em;margin:0 10px 0 30px;}
.About .title .bar2{width: 10px;background: #fff;height: 1.75em;margin-right: 10px;}
.About .title .bar3{width: auto;background: #fff;height: 1.75em;margin-left: 10px;}

.About .vision{margin-top: 6.25em;}
.About .vision .text{margin-top: 3em;}
.About .vision .text p{font-size: .18rem;color: #333;line-height: 2;margin: 8px 0;}

.About .value{margin-top: 6.25em;}
.About .value .text{margin-top: 3em;}
.About .value .text p{font-size: .18rem;color: #333;line-height: 2;margin: 8px 0;}
.About .value .text p span{font-weight: bold;}

.About{ padding:2% 0;}
.About .tr{background-color: #e5e5e5 !important;}
.About .tr th{padding:18px 15px !important;}
.About th,
.About td{ text-align:center; border-collapse:collapse; line-height:24px; padding:13px 15px;font-size: .18rem;color: #333;}
.About th{ font-weight:normal;}
.About tr:nth-child(odd) {background-color: #f7f8f8;}
@media (max-width:480px){
    .About table{ overflow:auto;}
    .About table{ width:180%;}
}

.About .core{margin-top: 6.25em;}
.About .core ul{margin-top: 3em;display: flex; flex-wrap: wrap;}
.About .core ul  li{ position: relative; background: #f5fafe;margin:0 2% 2% 0; border-radius: 20px;padding: 0.2rem;float: left;width: 49%;}
.About .core ul  li:nth-of-type(2n){ margin-right: 0;}
.About .core ul  li .icon{ position: absolute; top: 50%; left: 2%; margin-top: -34px; padding: 15px; transition: background-color .3s ease-out; -webkit-transition: background-color .3s ease-out;-moz-transition: background-color .3s ease-out; -ms-transition: background-color .3s ease-out;}
.About .core ul  li .txt{padding: 2.5em 2.5em 2.5em 7em;}
.About .core ul  li .txt .h3{ margin: 0; font-size: .18rem;}
.About .core ul  li .txt .h3 a{ color: #00bfff;}
.About .core ul  li .txt .con{ font-size: .18rem; color: #333; line-height: 28px;overflow: hidden;padding-top: 0.1rem;}
.About .core ul  li:hover img{ transform: rotateY(360deg);}
@media (max-width: 768px){
    .About .core ul  li{ width: 100%;}
}

.About .profession{margin-top: 6.25em;}
.About .profession ul{margin-top: 3em;overflow: hidden;display: flex; flex-wrap: wrap;}
.About .profession ul li{width: 23.5%;float: left;margin:0 2% 2% 0;background-color: #f5fafe;border-radius: 20px;text-align: center;padding: 4%;}
.About .profession ul li:nth-of-type(4n){ margin-right: 0;}
.About .profession .icon{position: relative;  text-align: center; height: 5em;}
.About .profession h3{font-size: .18rem;color: #00bfff; margin-top: 20px;}
.About .profession p{font-size: .18rem;color: #333;line-height: 1.6;}
@media (max-width:768px) {
    .About .profession ul li:nth-of-type(2n){ margin-right: 0;}
    .About .profession ul li{ width: 49%;}
}



/* 解决方案 */
.RighInfo002816{padding-top: 6%;}
.RighInfo002816 .img-block{display: block;width: 100%;border-radius: 20px;}
.RighInfo002816 ul{margin-bottom: 2.8%;color: #333;}
.RighInfo002816 ul .inner{background: #f5fafe;padding:5% 10% 7% 10%;border-radius: 20px;}
.RighInfo002816 ul .inner:hover{background: #00bfff;color: #fff;cursor: pointer;}
.RighInfo002816 ul h3{ font-size: .30rem;font-weight: normal;}
.RighInfo002816 ul h3::after{content: " ";display: block;width: 60px;height: 1px;background: #ddd;margin: 30px 0;}
.RighInfo002816 ul .li p{ line-height: 2.8;font-size: .16rem;}
@media(min-width:1025px){
.RighInfo002816 ul:nth-child(2n-1) .ol{float: left;}
.RighInfo002816 ul:nth-child(2n-1) .li{float: right;}
.RighInfo002816 ul:nth-child(2n) .ol{float: right;}
.RighInfo002816 ul:nth-child(2n) .li{float: left;}
.RighInfo002816 ul .ol{width: 46.667%;}
.RighInfo002816 ul .li{width: 52.122%;}
.RighInfo002816 ul .li{ position: relative; z-index: 10;}
.RighInfo002816 ul:nth-child(2n-1) .li .inner{  margin-left: -10%;min-height: 334px;}
.RighInfo002816 ul:nth-child(2n) .li .inner{width: 110%; padding-right: 15%;}
}
@media(max-width:1024px){
.RighInfo002816 ul .li{padding: 0 !important;}
.RighInfo002816 ul .inner{ padding: 2%;}
}


/* 产品中心 */
.Product{background: #f5fafe; overflow: hidden;}
.Product .title{font-size: .48rem;color: #000;text-align: center;margin-bottom: 0.64em;}
.Product .title .cn{font-size: 0.625em;color: #333;}
.Product .title .cn:after{display: inline-block; content: ''; height: 1px;background: #ee7133; width: 3.354em; margin-left: 0.521em; vertical-align: middle;}
.Product .title .en{ font-family: 'Arial';color: #ee7133;line-height: 1; padding-top: 0.2em;}
@media(min-width:769px) and (max-width:1024px){
.Product .title{font-size: 4vw; }
}
@media(max-width:640px){
.Product .title{font-size: 9vw; }
}
@media(min-width:1025px){
.Product .fl{width: 21.429%;}
.Product .fr{width: 72%;}
}
.Product ul{overflow: hidden;}
.Product li{padding: 4.8em 0 2.8em 0;margin:0 2em 2em 0;position: relative;}
.Product li:last-child{margin: 0;}
.Product li a{ transition: height 0.5s ease; border-radius: 20px;text-align: center;color: #333;}
.Product li a .pic{height: 2.6rem;position: relative;}
.Product li a::before { position: absolute; content: ''; left: 0; bottom: 0; width: 100%; background: #fff; height: 66%; transition: 0.3s;border-radius: 20px; }
.Product li a:hover::before { height: 100%; }
.Product li a:hover{color: #00bfff;}
.Product li a .pic img{max-height:100%}
.Product li .name{font-size: .18rem;margin-top: 0.35rem;position: relative;}
.Product li figure{background-size: contain;padding-bottom: 100%;}
.Product .btn{text-align: center;padding-top: 2.08vw;}
.Product .btn .slick-arrow{width: 46px; height: 46px; border-radius: 50%; border: 2px solid #b1b1b2; margin: 0 10px;position: relative;}
.Product .btn .slick-arrow:before{position: absolute; content: ''; width: 12px; height: 12px; border-right: 2px solid #b1b1b2;border-top: 2px solid #b1b1b2; transform: rotate(45deg); left: 50%; top: 50%; margin: -6px 0 0 -8px;}
.Product .btn .slick-prev{transform: rotate(180deg);}
@media(max-width:480px){ 
    .Product li{width: 100%;}
    .Product li a .pic img{width: 34%;}
}
@media(max-width:640px){ 
    .Product li{width: 100%;}
    .Product li figure{padding-bottom: 100%;}
}
@media(min-width:1025px){
    .Product li{float: left;width: 30%;}
}


.Page002274{ text-align:center;color:#00bfff;margin-top:4%;}
.Page002274 .Pages *{ vertical-align:middle;}
.Page002274 .Pages .p_cur,
.Page002274 .Pages .p_count,
.Page002274 .Pages .p_total{ display:none;}
.Page002274 .Pages a{ display:inline-block; padding: 0 .2rem; line-height:.56rem; color:#00bfff; margin-left:0.2rem;font-size: .18rem;width: .56rem;border-radius: 6px;border:1px solid #00bfff;}
.Page002274 .Pages a:hover,
.Page002274 .Pages a.a_cur{ color:#fff; background-color:#00bfff;}
.Page002274 .Pages em{ font-style:normal; display:inline-block; vertical-align:middle;}
.Page002274 .Pages .i_button{ cursor:pointer; background:none; width:.47rem; height:.36rem;border:1px solid #00bfff;}
.Page002274 .Pages .p_jump b{font-weight:normal; margin:0 0.05rem;}
.Page002274 .Pages .a_prev,.Page002274 .Pages .a_next{font-weight: bold; font-family: 宋体;margin-right: 0.4rem;}
.Page002274 .Pages .a_next{font-weight: bold; font-family: 宋体;margin-left: 0.56rem;}

@media(max-width:640px){
.Page002274 .Pages a.a_first,
.Page002274 .Pages a.a_end{ display:none;}
.Page002274 .Pages a{ padding:0 0.1rem;}
}

/* 产品详情 */
.RighInfo001108 .pic{ float:left; width:46.667%;border: 1px solid #00bfff;border-radius: 20px;display: flex; align-items: center; justify-content: center;min-height: 5.5rem;}
.RighInfo001108 .pic img{ width:50%;}
.RighInfo001108 .txt{ float:right; width:49.333%; color:#333;line-height: 0;}
.RighInfo001108 .txt h1{ font-size:.30rem;color: #00bfff;line-height: 0; margin-bottom: 6.6%;}
.RighInfo001108 .txt .specification,.RighInfo001108 .txt .peculiarity{ margin-top: -2%;}
.RighInfo001108 .txt p{ line-height:1.2; font-size: .18rem;}
.RighInfo001108 .txt p span{font-weight: bold;}
.RighInfo001108 .txt h3{font-size: .18rem;font-weight: bold;color: #00bfff;margin: 7.5% 0 3.5% 0;}
.RighInfo001108 .txt .peculiarity p{line-height: 1.2;}
.RighInfo001108 .txt .peculiarity p::before{content: ''; display: inline-block;width: 0.07rem;height: 0.07rem;background-color: #00bfff;border-radius: 20px;margin-right: 0.1rem;}

.RighInfo001108 .txt .feature{margin-top: 4%;}
.RighInfo001108 .txt .feature li{float: left;width: 1.3909rem;margin-right: 5.4%;list-style: none;}
.RighInfo001108 .txt .feature li .icon{height: 1.3909rem;border-radius: 20px;background-color: #f5fafe;display: flex; align-items: center; justify-content: center;}
.RighInfo001108 .txt .feature li .icon img{max-width: 0.38rem;}
.RighInfo001108 .txt .feature li h3{font-size: .18rem;font-weight: normal;margin-top: 23%;text-align: center;}
@media(max-width:480px){
.RighInfo001108 .pic,
.RighInfo001108 .txt{ float:none; width:auto;}
}
@media(max-width:768px){
    .RighInfo001108 .pic{margin-bottom: 6%;}
    .RighInfo001108 .txt{padding-left: 0;}
    .RighInfo001108 .pic,.RighInfo001108 .txt{width:100%;}
    }


/* 服务支持 */
.support .title{background: #00bfff;display: flex; align-items: center;height: 1.75em;margin-bottom: 0.5rem;}
.support .title .name{color: #00bfff;font-weight: bold;font-size: .30rem;background-color: #fff;padding: 0 15px;margin-top: -5px;}
.support .title .bar1{width: 10px;background: #fff;height: 1.75em;margin:0 10px 0 30px;}
.support .title .bar2{width: 10px;background: #fff;height: 1.75em;margin-right: 10px;}
.support .title .bar3{width: auto;background: #fff;height: 1.75em;margin-left: 10px;}

.support .evaluate .text{ overflow: hidden;}
.support .evaluate .text2{margin-top: -4%;}
.support .evaluate .text p{font-size: .18rem;color: #333;line-height: 2;margin-top: -0.1rem;float: left;}
.support .evaluate .text .fl img{margin-top: 0.25rem;}
.support .evaluate .text .fr h3{color: #00bfff;font-size: .20rem;}
@media only screen and (min-width: 768px) {
	.support .evaluate .text .fl{ width: 2%;}
	.support .evaluate .text .fr{ width: 97%;}
}

.support ul{margin: 2% 0 4% 0;display: flex; flex-wrap: wrap;}
.support ul li{box-sizing: border-box;width: 32%;float: left;margin-right: 2%;position: relative;background: #f5fafe;border-radius: 20px;padding: 2%;margin-bottom: 2%;}
.support ul li:nth-of-type(3n){ margin-right: 0;}
.support ul li .h3{ margin: 0; font-size: .18rem;color: #00bfff;}
.support ul li .con{ font-size: .18rem; color: #333; line-height: 1.8;margin-top: .2rem;overflow: hidden;}

@media (max-width: 768px) {
    .support ul li{width: 100%;margin-right: 0;}
}

.trusteeship{margin-top: 6%;}
.trusteeship .ul{margin-top: .6rem;}
.trusteeship .ul  li{margin-bottom: 2%;}
.trusteeship .ul  li .inner{ position: relative;min-height: 2.7rem;background: #f5fafe;border-radius: 20px;padding: 8%;}
.trusteeship .ul  li .text{ position: relative; }
.trusteeship .ul  li .text .h3{ margin: 0; font-size: .18rem;}
.trusteeship .ul  li .text .h3 a{ color: #00bfff;}
.trusteeship .ul  li .text .con{ font-size: .18rem; color: #333; line-height: 28px;margin-top: .2rem;overflow: hidden;}
@media (max-width: 480px) {
    .trusteeship .ul  li{width: 100%;margin-right: 0;}
}

.trusteeship .project ul li:not(.space)::after{content: "";display: inline-block; position: relative;top: -0.7rem;left: 60%;width: 0.25rem;height: 0.25rem;background-image: url(../images/project-r.svg);background-repeat: no-repeat;z-index: 9;}
.trusteeship .project ul .last-item:not(.space)::after{background-image: none;}
.trusteeship .project ul li{width: 25%;text-align: center;padding: 2% 2% 0 2%;margin-bottom: 0;list-style: none;}
.trusteeship .project .icon{ text-align: center;background-color: #fff;width: 1rem;height: 1rem;border-radius: 20px;margin:  0 auto;display: flex; align-items: center; justify-content: center;}
.trusteeship .project h3{font-size: .18rem;color: #333;font-weight: normal;margin-top: 30px;line-height: 0;}

@media (max-width:1024px) {
    .trusteeship .project ul li{width: 25%;margin-right: 0;border-radius: 0;}
    .trusteeship .project ul li:not(.space){padding:2em 0;}
    .trusteeship .project ul li.space{height: 1em;}
}
@media (min-width:1025px) {
    .trusteeship .project ul{display: table;width: 100%; background-color: #f5fafe;border-radius: 20px;}
    .trusteeship .project ul li{  margin-right: 0;list-style: none;}
    .trusteeship .project ul li.space{position: relative;}
}
@media (min-width:480px) {
    .trusteeship .project ul li:not(.space)::after{top: -0.8rem;left: 60%;}

}

.train{margin-top: 6%;}
.train p{font-size: .18rem; color: #333; line-height: 2; margin-top: -0.1rem; float: left;}


/* 联系我们 */
.Contact .ContactBox .ContactImg{width:48.6%;}
.Contact .ContactBox .ContactImg img{width:100%;}
.Contact .ContactBox .ContactTxt .tit{font-size: 0.4rem;margin-bottom:0.3rem;color:#000;}
.Contact .ContactBox .ContactTxt ul{display: flex;justify-content: space-between;margin-bottom: .15rem;flex-wrap: wrap;}
.Contact .ContactBox .ContactTxt ul li{padding:.3rem;position: relative;background: #f5fafe;display: flex;align-items: center;width: 38.2%;border-radius: 20px;}
.Contact .ContactBox .ContactTxt ul li .icon{ height:0.51rem;margin-right: .20rem;margin-top: 20px;}
.Contact .ContactBox .ContactTxt ul li span{color:#333;font-weight: lighter;font-size: 0.18rem;}
.Contact .ContactBox .ContactTxt ul li .text{font-size: 0.16rem;color: #999;padding-top: 10px;}
.Contact .ContactBox .ContactTxt ul li:last-child{width: 20%}
.Contact .ContactBox .ContactTxt dl{display: flex;justify-content: center;background: #f5fafe;}
.Contact .ContactBox .ContactTxt dl dd{display: inline-block;margin:0 0.15rem;text-align: center;color: #333;font-size: .16rem;}
.Contact .ContactBox .ContactTxt dl dd aside{padding-top: 10px;}
.Contact .ContactBox .ContactTxt dl dd .img{width:1.34rem;border-radius: 0;border:1px solid #eeeeee;overflow: hidden;}
.Contact .ContactBox .ContactTxt dl dd p{font-weight: lighter;margin-top:0.1rem;}

@media(max-width:1024px){
    .Contact .ContactBox .ContactTxt ul li:last-child{width: 100%;}
    .Contact .ContactBox .ContactTxt ul li{padding:10px 0;padding-left:55px;width: 100%;}
    .Contact .ContactBox .ContactTxt ul li .icon{width:30px;height:30px;}
    .Contact .ContactBox .ContactTxt ul li span{font-size: 14px;}
    .Contact .ContactBox .ContactTxt ul li .text{font-size: 16px;}
    .Contact .ContactBox .ContactTxt dl dd .img{width:1rem;}
    .Contact .ContactBox .ContactTxt dl{margin-top:20px;}
    .Contact .ContactBox .ContactTxt ul li:not(:last-child){margin-bottom:10px;}
}

@media(max-width:640px){
    .Contact .ContactBox .ContactImg{width:100%;}
    .Contact .ContactBox .ContactTxt{width:100%;margin-bottom:20px;}
    .Contact .ContactBox .ContactTxt dl dd .img{width:100px;}
    .Contact .ContactBox .ContactTxt ul li{padding-left:45px;}

}

.Message{background: #f5fafe;border-radius: 20px;}
.Message .MessageBox{padding: 4% 2%;overflow: hidden;margin-top: .20rem;}
.Message .MessageBox ul{margin-left: 0;display: flex ; flex-wrap: wrap;}
.Message .MessageBox ul li{width:49%;margin-right: 2%;margin-bottom:2%;overflow: hidden;border-radius: 10px;}
.Message .MessageBox ul li:nth-of-type(2n){ margin-right: 0;}
.Message .MessageBox ul li.col100:nth-of-type(1n){margin-right: 0;}
.Message .MessageBox ul li input{height:0.6rem;box-sizing: border-box;padding:0 0.3rem;width:100%;border: none;font-size: .16rem;}
.Message .MessageBox ul li.col100{width:100%;}
.Message .MessageBox ul li textarea{display: block;width:100%;height:1.4rem;padding:2%;border: none;font-size: .16rem;}
.Message .MessageBox .formbtn{text-align: center;margin-top:0.4rem;}
.Message .MessageBox .formbtn .btn{width:1.8rem;height:0.6rem;border-radius: 10px;line-height: 0.6rem;background: #00bfff;color:#fff;font-weight: lighter;font-size: 0.16rem;border: none;}

@media(max-width:1024px){
    .Message .MessageBox ul li{width:100%;margin-right: 0;}
}
@media(max-width:1025px){
    .Message .MessageBox ul li{width:49%;margin-right: 2%;}
}




/*PicList003142 */
.PicList003142{background: #f5fafe;}
.PicList003142 ul{ display: flex; flex-wrap: wrap;}
.PicList003142 li{float: left;  margin-bottom: 2em; background-color:#fff ;}
.PicList003142 li .txt{ padding: 0.2rem;background-color: #fff;border-radius: 20px;}
.PicList003142 li .tit{ font-size: .18rem;line-height: 1.8;  text-align: center;}
.PicList003142 li .pic{overflow: hidden;border-radius: 20px 20px 0 0;}
.PicList003142 li .Ispic{padding-bottom: 68%;transition: 0.3s; background-size: contain;}
.PicList003142 li a:hover .Ispic{transform: scale(1.1);}
.PicList003142 li a:hover{color: #00bfff;}
@media (min-width:1025px) {
.PicList003142 li{width: 32%;}
.PicList003142 li:not(:nth-child(3n)){margin-right: 2%;}
.PicList003142 li:nth-child(3n+1){clear: left;}    
}
@media (max-width:1024px) {
.PicList003142 .auto{margin-top: 2em;}   
.PicList003142 li{width: 48%;}
.PicList003142 li:not(:nth-child(2n)){margin-right: 4%;}
.PicList003142 li:nth-child(2n+1){clear: left;} 
.PicList003142 li .txt{padding: 1em;}
}