@import url("responsive2.0.css");

.header .top_w{position: fixed;z-index: 100; left: 0;top: 0;width: 100%; transition: 0.5s }
body:not(.no_banner) .header .top_h{display: none}
.header .auto{max-width: 1600px}
.header .logo{max-width: 130px; padding: .25rem 0}
.header .language {margin-left: 2vw; position: relative}
.header .language dt{padding-left: 28px; padding-right: 15px; position: relative;}
.header .language dt:before,
.header .language dt:after{content: ''; position: absolute; top: 0; bottom: 0; margin: auto; background: no-repeat center center}
.header .language dt:before{left: 0; width: 18px; height: 18px; background-image: url("../images/language.svg")}
.header .language dt:after{right: 0; width: 6px; height: 6px; background-image: url("../images/language_jt.svg")}
.header .language dd{position: absolute; display: none; width: 100%; text-align: center}
.header menu li{position: relative}
.header menu li span,
.header menu li span a{display: block;}
.header menu li span a{color: #181818; transition: 0.5s}
.header menu li .sub{display: none;}
.header menu li .sub a{display: block;line-height: 34px;}
.header menu li .sub a:hover{opacity: 0.8}
.header menu li .sub dl{padding: 10px 0;}
.header menu li .sub dl dt{padding: 0 20px;width: 100%}
.header .top-search{display: block; padding: 0;}
.header .top-search a{display: block;width: 30px; height: 30px; cursor: pointer; background: no-repeat center center url(../images/search.svg); transition: 0.5s}
.header .top-search .box{position:absolute;right: 0; display: none;width:300px;background: #ea5620; border-radius: 30px;}
.header .top-search .box .text{width:calc(100% - 40px);display: block;color: #fff; background: none; border: 0;}
.header .top-search .box .text.focus{color: #000;}
.header .top-search .box .btn{position: absolute; right:5px; top:5px;}
.header .open-search.on:after,
.header .open-search.on:before{background-color: #ff7366;}
body:not(.ind_body.fp-viewing-0-0,.no_banner) .header.show .top_w,.header .top_w:hover{box-shadow:  0 4px 20px rgba(0,0,0,0.1); background: rgba(255,255,255,0.95)}
.header.show .language dt:before,
.header.show .language dt:after,
.header.show .open-search{filter: grayscale(100%) brightness(0%);}
body.no_banner .header .top_w{background: #fff}
.header .top_w:hover .open-search,
.header .top_w:hover .language dt:before,
.header .top_w:hover .language dt:after{filter: grayscale(100%) brightness(0%);}
@media (min-width:1025px) {
.header menu li{line-height: 50px; margin-right:4vw}
.header menu li span{position: relative;padding: 25px 0;z-index: 10}
.header menu li.aon span a{color: #ea5620}

.header menu li .sub{position: absolute;background:rgba(234,86,32,0.6);left:50%;transform: translateX(-50%); min-width: 100%; z-index: -1; white-space: nowrap}
.header menu li .sub dt{transition: 0.5s}
.header menu li .sub dt:hover{background:rgba(234,86,32,1);}
.header menu li .sub a{display: block;color: #fff; text-align: center}
.header menu li .sub dt:not(:last-child) aside{padding-right:1rem}
body:not(.no_banner) .header:not(.show) .language dt,
body:not(.no_banner) .header:not(.show) .language dd a,
body:not(.no_banner) .header:not(.show) menu li:not(.aon) span a{color: #fff}
.header .top_w:hover .language dt,
.header .top_w:hover .language dd a,
.header .top_w:hover menu li:not(.aon) span a{color: #181818!important}

}

@media (max-width:1024px) {
.header .logo{padding-top: 10px; padding-bottom: 10px;}
.header .logo img{height: 36px}
.header .login{margin-left:20px;}
.header .login:before{left: -12px}
.header menu{position: fixed; left: -100%;top:0;height: calc(100vh); background-color: #fff;opacity: 0;transition: 0.5s;box-shadow: 0 5px 5px rgba(0,0,0,0.1); width:50vw; max-width: 240px;}
.menu-show .header menu{left: 0; opacity: 1;}
.header menu ul{padding: 20px 0; height: 100%; overflow: auto; display: block}
.header menu li{border-bottom: 1px dotted #c6c6c6;}
.header menu li span{line-height: 3; padding-left:2em;}
.header menu li .sub dl{display: block;padding:0 0 0 2em}
.header menu li .sub dt aside{padding-left: 14px;}
.header menu li .sub dt aside:before{left: 0; background: #181818}
.header menu li .sub .hierarchy{display: none; padding: 0 0 0 14px}

.open-menu {margin-left: 20px; width:34px;height:24px; display: flex;flex-wrap: wrap;flex-direction: column;justify-content: space-between;transition: 0.3s;}
.open-menu span {display: block;transition: 0.3s;height: 2px;background-color: #ea5620;}
.menu-show  .open-menu{border-radius: 50%; background-color: #ea5620;padding: 8px; height:34px; }
.menu-show  .open-menu span{background-color: #fff; height: 1px;}

body:not(.no_banner) .header:not(.show) .language dt,
body:not(.no_banner) .header:not(.show) .language dd a{color: #fff}
}
@media (max-width:580px) {
.header .other{ padding: .05rem 2%;}
.header .login{margin-left: 0}
.header .login:before{display: block;}
.header .logo{padding-left: 2%}
}

.close{position: absolute;right:10px;top:10px;z-index: 10;width: 30px;height: 30px;border-radius: 50%;background: linear-gradient(45deg,#f48221,#ff6e03);cursor: pointer;}
.close::before,
.close::after{ position:absolute; content:''; width:3px; height:70%; border-radius:3px; background-color:#fff; left:13px; top:5px;}
.close::before{ transform:rotate(45deg);}
.close::after{ transform:rotate(-45deg);}

.footer {padding-top:6%; padding-bottom:2%; color: #747474; background: #ededed url("../images/bg_logo.png") no-repeat center right;background-size: 45.10416666666667%}
.footer a:not(:hover){color:  #747474}
.footer .column{width: 100%; padding-bottom:6%;margin-bottom: 2%; border-bottom: solid 1px #d5d5d5}
.footer .column b{ font-weight: normal}
.footer .column b a:not(:hover){color: #181818}
.footer .column span{display: block;line-height: 34px;}
.footer .column .sub{padding-top: 15px}
.footer .contact{width: 280px; text-align: right}
.footer .contact .desc pre{text-align: right}
.footer .other{justify-content: flex-end; padding-top: .2rem}
.footer .other a{margin-left: 15px; cursor: pointer;width: 50px; height: 50px;border: solid 2px #cfcfcf;border-radius: 100%; position: relative; transition: 0.5s}
.footer .other figure{position: absolute; width: 140px; text-align: center;left:-100%; right:-100%; bottom:120%; display: none; background: #fff; padding:5px; border-radius: 5px; box-shadow: 0 0 5px rgba(0,0,0,0.1);}
.footer .other a:not(:hover) > img{filter: grayscale(100%) brightness(60%);}
.footer .other a:hover {background: #ea5404;border-color: #ea5404}
.footer .link{order: 2}
.footer .link a:not(:last-child){ margin-right: 25px}
.footer .icp{display: inline-block}
@media (max-width:1024px) {

}
@media (max-width:768px) {
.footer .lm{display: none}
.footer .contact{width: 100%; text-align: center}
.footer .contact b{display: none}
.footer .contact .desc pre{text-align: center}
.footer .other{justify-content: center}
}



body.no_banner .banner{display: none}

.banner{position: relative}
.banner img{width: 100%}
.banner .wap{display: none}
.banner video{position: absolute; width: 100%; height: 100%; z-index: 5; top: 0; object-fit: fill;-o-object-fit: fill}
.banner h4{position: absolute; bottom: 12%; color: #fff}
.banner .infobox{position: absolute; width: 100%; height: 100%; top: 0; display: flex; align-items: center; z-index: 10}
.banner .infobox .img{width:43.75%;}

.banner .slick-dots{position: absolute; bottom: 6%; left: 8%;width: auto; color: #999999}
.banner .slick-dots span{font-size: .16rem;}
.banner .slick-dots .slick-active span{font-size: .26rem; color: #ea5404}
.banner .icon{width: 20px; height: 30px; border-radius: 10px; border: solid 1px #ffffff; position: absolute; left: 0; right: 0; bottom:5%; margin: auto; z-index: 10; overflow: hidden;}
.banner .icon:before{content: '';position: absolute; width: 1px; height: 30%; margin: auto; left: 0; right: 0; top: 10%; background: #fff;-webkit-animation: updown 2s linear infinite;}
@media (min-width:1024px) {
.banner .slick-slide .pc{height: 100vh; object-fit: cover; -o-object-fit: cover;}
}
@media (max-width:1024px) {
.banner .wap{display:block}
.banner .pc{display: none}
}
@-webkit-keyframes updown {
  0% {
    top: 10%;
  }

  100% {
   top: 80%;
   opacity: 0;
  }
}


.play_video{cursor: pointer; width: .8rem; height: .8rem; position: absolute;  margin: auto; left: 0;right: 0; top: 0; bottom: 0; }
.play_video:before,
.play_video:after{content: '';  width: 100%; height: 100%; position: absolute; left: 0; top: 0;border-radius: 100%; }
.play_video:before{z-index:2;background: url(../images/play.svg) no-repeat center center}
.play_video::after{ background:rgba(234,85,32,0.5);-webkit-animation: scaleAnimate 2s linear infinite;opacity: 0;}
@-webkit-keyframes scaleAnimate {
  0% {
    -webkit-transform: scale(1);
    opacity: 0;
  }

  50% {
    -webkit-transform: scale(1.25);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: scale(1.5);
    opacity: 0;
  }
}

.location_menu{padding-top: .3rem; line-height: .4rem; position: relative; border-bottom: solid 1px #e5e5e5; background: #ffffff}

.location_menu .menu dt{display: none}

.location_menu .menu dd li span{position: relative;display: block}
.location_menu .menu dd li span a{display: block; padding: 0px 20px}
.location_menu .menu dd li .sub{font-size: .16rem;display: none; background: #f8f8f8;}

@media(min-width:1024px){
.location_menu .menu dd {display: block!important}
.location_menu .menu dd li{padding-bottom: .3rem}
.location_menu .menu dd li a{border-bottom: solid 3px transparent; }
.location_menu .menu dd li:not(:last-child){margin-right:1.5vw;}
.location_menu .menu dd li span:after{content: ''; position: absolute; width: 100%; height: 3px; left: 0; bottom: -.3rem}
.location_menu .menu dd li.aon span a{ color: #ea5404;}
.location_menu .menu dd li.aon span:after{background: #ea5404}
.location_menu .menu dd li.has-sub:hover span a{color: #ea5404;}
.location_menu .menu dd li.has-sub:hover span:after{background: url(../images/menu_sub.png) no-repeat center bottom; height: 10px;border: none}
.location_menu .menu dd li .sub{left: 0;top:100%; position: absolute; min-width: 100%;z-index: 10;}
.location_menu .menu dd li .sub a{display:inline-block;line-height: .64rem; white-space: nowrap; padding:0 22px}
.location_menu .menu dd li .sub a:hover{background: #ea5404; color: #fff}
.location_menu .menu dd li .sub a.on:not(:hover){color: #ea5404;}
.location_menu .location{order: 2; padding-bottom: .3rem}
}

@media(max-width:1024px){
.location_menu{z-index: 10; padding-top: .1rem}
.location_menu .menu{width: 100%;}
.location_menu .menu dd li{position: relative}
.location_menu .menu dl{position: relative;}
.location_menu .menu dt{display:block; text-align: center;background: #ea5404; padding: .05rem; color: #fff; border-radius: 10px 0 10px 0;}
.location_menu .menu dt img{height: .4rem; position: absolute; right: 2%; top: 0; bottom: 0; margin: auto}
.location_menu .menu.icon dt{ cursor: pointer}
.location_menu .menu:not(.icon) dt img{display: none}
.location_menu .menu dd{position: absolute; display: none; width: 100%; background: #fff; z-index: 10;padding: .2rem 0; box-shadow: 0 10px 10px rgba(0,0,0,0.1)}
.location_menu .menu dd li{width: 100%}
.location_menu .menu dd li a{padding: 0px .2rem}
.location_menu .menu dd li:not(:last-child) a{border-bottom: solid 1px #f5f5f5;}
.location_menu .menu dd li .sub{position: relative;border: none;}
.location_menu .menu dd li .sub a{padding-left: .3rem;display: block}
.location_menu .menu .has-sub span .op{left: auto; right: 2%}
.location_menu .location{padding-bottom: .1rem}
}

body.no_menu .location_menu{border-bottom: none}
body.no_menu .location_menu .menu{display: none}

.honor_list{padding-top: 8%}
.honor_list .item{ align-content: flex-end}
.honor_list .box{width: 100%; text-align: center}
.honor_list .pic{max-width: 90%; display: inline-block; padding: 0px 38px; background: url("../images/img_bg_ry_yz.png") no-repeat right top}
.honor_list .pic:before,
.honor_list .pic:after{content: ''; position: absolute;top: 0; width: 13px; height: 100%; background: url("../images/img_bg_ry_lr.png") repeat-y; z-index: 2}
.honor_list .pic:before{left:25px; background-position: left}
.honor_list .pic:after{right:25px; background-position: right}
.honor_list .pic span{display: block;height: 13px; position: relative; background: url("../images/img_bg_ry_tb.png") repeat-x}
.honor_list .pic span.t{background-position: center top}
.honor_list .pic span.b{background-position: center bottom}
.honor_list .pic span:before,
.honor_list .pic span:after{content: '';position: absolute; width:20px; height:20px; z-index: 5; background: url("../images/img_bg_ry.png")}
.honor_list .pic span:before{left: -13px;}
.honor_list .pic span:after{right: -13px;}
.honor_list .pic span.t:before{background-position: left top}
.honor_list .pic span.t:after{background-position: right top}
.honor_list .pic span.b:before{bottom: 0; background-position: left bottom}
.honor_list .pic span.b:after{bottom: 0; background-position: right bottom}
.honor_list .pic img{max-height: 2.6rem}
.honor_list .txt{padding-top: 8%;background: url("../images/ry_bg.png") repeat-x center -80px; position: relative}
.honor_list .txt h4{width: 70%; margin: auto; text-align: center; position: relative; z-index: 3; line-height: 1.5}
@media(min-width:1024px){
.honor_list li{width:25%}
.honor_list li:nth-child(4n+1) .txt:before,
.honor_list li:nth-child(4n+4) .txt:after,
.honor_list li:last-child .txt:after{content: '';width: 20%; height: 80px; position: absolute; top: 0; background-image: url("../images/ry_bg.png");background-repeat: no-repeat}
.honor_list li .txt:before{left: 0; background-position: left top}
.honor_list li .txt:after{right: 0; background-position: right top}
.honor_list li:nth-child(4)~li{margin-top: 4%}
}
@media(max-width:1024px){
.honor_list li{width: 50%}
.honor_list li:nth-child(2n+1) .txt:before,
.honor_list li:nth-child(2n+2) .txt:after,
.honor_list li:last-child .txt:after{content: '';width: 20%; height: 80px; position: absolute; top: 0; background-image: url("../images/ry_bg.png");background-repeat: no-repeat}
.honor_list li .txt:before{left: 0; background-position: left top}
.honor_list li .txt:after{right: 0; background-position: right top}
.honor_list li:nth-child(2)~li{margin-top: 4%;}

}

/*@media(max-width:640px){
.honor_list li{width: 50%;margin-top: 4%;}
.honor_list .txt h4{ display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; white-space: normal; }
.honor_list li .txt:before,
.honor_list li .txt:after{content: '';width: 20%; height: 80px; position: absolute; top: 0; background-image: url("../images/ry_bg.png");background-repeat: no-repeat}
.honor_list li .txt:before{left: 0; background-position: left top}
.honor_list li .txt:after{right: 0; background-position: right top}
.honor_list .txt{padding:4% 0}
.honor_list .box{padding-bottom: 0}
.honor_list .pic{position: relative;}
}*/

.scrollbar::-webkit-scrollbar{width: 8px;}
.scrollbar::-webkit-scrollbar{ width: 3px; height:3px;-webkit-overflow-scrolling : touch; background-color: #ededed;}
.scrollbar::-webkit-scrollbar-track{ background-color: #fad9cd;border-radius: 10px;}
.scrollbar::-webkit-scrollbar-thumb{ background-color: #ea5520;border-radius: 10px;}
.scrollbar::-webkit-scrollbar-button{height: 0px; background-color: #ededed;}


.search_list li{position: relative; border-bottom: solid 1px #e5e5e5;padding: 1% }
.search_list li h4{padding-right: 60px;}
.search_list li h4 span{padding-right: 10px;color: #adadad}
.search_list li time{color: #999999; padding-left: 24px; background: url(../images/time.svg) no-repeat left}
.search_list li .icon{width: 54px; height: 54px; position: absolute; margin: auto; right: 0; top: 0; bottom: 0; border: solid 1px #ebebeb; border-radius: 100px; transition: 0.5s}
.search_list li .icon:before{content: '';position: absolute; width: 100%; height: 100%; background: url(../images/more_jt.svg) no-repeat center center}
.search_list li:hover .icon{background-color: #ea5620; border-color: #ea5620}
.search_list li:hover .icon:before{filter: brightnefullpage ss(0) invert(1);}
@media(max-width:768px){
.search_list li .icon{width: 40px; height: 40px; }
.search_list li h4{font-size: .16rem;}
}

.product_list{padding-top:4%;}
.product_list ul:after{content: ''}
.product_list ul:after,
.product_list li{width: 30.90277777777778%}
.product_list li{margin-top: 3.64583333333333%}
.product_list .pic figure{border-radius: 20px;border: solid 1px #e0e0e0}
.product_list .txt{padding-top: 4%}
@media(max-width:768px){
.product_list ul:after{display: none}
.product_list li{width:48%;margin-top:2%}
}

.product_details{padding-top: 4%; padding-bottom: 8%; margin-bottom: 6%; border-bottom: solid 2px #e5e5e5}
.product_details .photo{width:46%; text-align: center}
/*.product_details .big_pic{width:66.668%;}
.product_details .small_pic{width:17%; padding: .8rem .2rem}
.product_details .small_pic .item{padding: 8px 0}
.product_details .small_pic figure{background: #fff; border-radius: 10px; cursor: pointer; border: solid 1px #f8f8f8}
.product_details .small_pic .slick-current figure{border-color: #ea5404}*/

.product_details .details{width:52%}
.product_details .title{line-height:1.3335;}
.product_details .title h1{display: inline-block; position: relative}
.product_details .title h1:after{content: '';position: absolute;left: 0;bottom: 0; width: 100%; height: 5px; background: #ea5404; border-radius: 3px;}
.product_details .title p{margin: .2rem 0}
.product_details .other{padding-top: 6%}
.product_details .other .info{border-left: solid 1px #e5e5e5; padding: 0 .2rem; line-height:2; margin-top: 4%}
@media(min-width:768px){
.product_details .small_pic .slick-prev,
.product_details .small_pic .slick-next{left: 0; right: 0; top: 0; margin: auto; transform: rotate(90deg)}
.product_details .small_pic .slick-prev{top: 0; }
.product_details .small_pic .slick-next{bottom: 0; top: auto}
}
@media(max-width:768px){
.product_details .big_pic,
.product_details .small_pic{width: 100%}
.product_details .small_pic{padding: .1rem .5rem}
.product_details .small_pic .item{padding:.1rem}
.product_details .photo,
.product_details .details{width: 100%}
.product_details .details{padding-top: 6%}
}
.product_article{padding-bottom: 6%}

.product_other {padding-bottom: 6%}
.product_other .sub_title{padding-bottom: .1rem}
.product_other .group{width:48.612%}
.product_other .photo .pic{border: solid .1rem #e5e5e5; text-align: center}
.product_other .icon ul{margin-left: -.15rem; margin-right: -.15rem}
.product_other .icon li{width: 20%;padding: .15rem}
.product_other .parameter td{border: solid 1px #fff; text-align: center; background: #f2f2f2; font-size: .18rem; padding: .1rem}
.product_other .parameter .td_gray{background: #e5e5e5}
.product_other .parameter .td_name{background: #ea5404; color: #fff}
@media(max-width:768px){
.product_other .group{width: 100%; padding-bottom: 4%}

}

.news_hot{padding:6% 0; border-bottom: solid 1px #e5e5e5}
.news_hot .pic{width:55.556%;}
.news_hot .pic figure{padding-bottom:56.25%; border-radius: 10px;}
.news_hot .txt{width: 40%}
.news_hot .txt h4{ margin-top: .1rem; margin-bottom: .3rem; line-height: 1.5}
.news_hot .txt p{line-height: 1.875;}
.news_hot .txt time{color: #ea5404;}
.news_hot .slick-arrow{top: auto; bottom:-.35rem}
.news_hot .slick-next{right: 0}
.news_hot .slick-prev{left: auto; right: .70rem}
.news_hot .slick-dots{width: 25%; right:15%; bottom:.35rem}
.news_hot .slick-dots li{flex: 1; height: 1px; background: #e5e5e5;}
.news_hot .slick-dots li button{display: none}
.news_hot .slick-dots li.slick-active{background: #ea5404}
@media(max-width:768px){
.news_hot .pic{width: 100%;}
.news_hot .desc{width:100%;}
.news_hot .txt{width: 100%; padding: .2rem 0}
.news_hot .slick-dots{width:70%; position:initial}
}

.news_list ul:after{content: '';}
.news_list ul:after,
.news_list ul li{width:30.556%}
.news_list ul li{background: #f8f8f8; margin-top:4.166%; border-radius: 0 0 10px 10px; transition: 0.5s}
.news_list .pic figure{padding-bottom:66.67%; border-radius: 10px 10px 0 0;}
.news_list .txt{padding:8% 10%}
.news_list .txt h4{line-height: 1.5}
.news_list .txt p{color: #747474; line-height: 1.875; margin-top: .1rem; margin-bottom: .3rem}
.news_list .txt time{color: #999999;}
.news_list .txt span{}
.news_list li:hover{box-shadow: 0 0 10px rgba(0,0,0,0.1)}
@media(max-width:1024px){
.news_list ul:afte{display: none}
.news_list ul li{width:48%}
}
@media(max-width:768px){
.news_list ul li{width: 100%;border-radius:10px; overflow: hidden}
.news_list ul a{display: flex;}
.news_list .pic{width: 35%}
.news_list .pic figure{padding-bottom:inherit; height:100%}
.news_list .txt{padding: 3%; flex: 1}
.news_list .txt h4{font-size: .18rem;}
.news_list .txt p.dot2{display: none}
.news_list .txt p{margin-bottom: 0}
}

.news_detail{padding-top: 6%}
.news_detail .title{text-align: center; color: #181818}
.news_detail .title p{padding: 2% 0; opacity: 0.8}
.news_detail .title p span{display: inline-block}
.news_detail .title p span:not(:last-child){padding-right: 20px;}
.news_detail .article{padding: 3% 0; border-top: solid 1px #e5e5e5;border-bottom: solid 1px #e5e5e5}

.single{padding: 5% 0}

.sitemap li{border-bottom: dotted 1px #e1e1e1; padding:1% 0}
.sitemap .sub span{padding-right: 20px;}


.prev_next {padding: 4% 0; line-height:36px;}

.prev_next .back a{color: #fff;display: block; border-radius: 30px; padding: 0px 20px;background: #ea5620;}
.prev_next p.dot{width: 40%; opacity: 0.8}
.prev_next .prev{order: -1}
@media(max-width:768px){
.prev_next .back{padding-bottom: 2%}
.prev_next p.dot{width: 100%}
}

.Pages{padding:6% 0}
.Pages span:not(.p_page),
.Pages a.a_first,
.Pages a.a_end{display: none}
.Pages .p_page{display: flex; justify-content: center}
.Pages .num{display: flex;font-style: normal; padding: 0px 20px;}
.Pages a{width:50px;height: 50px;line-height: 50px; margin: 0px 5px; text-align: center; border-radius: 100px;display: block; background: #f8f8f8}
.Pages a.a_cur{background: #ffffff; color: #ea5404; box-shadow: inset 0 0 0 2px #ea5404}
.Pages a.a_prev,
.Pages a.a_next{text-indent: 100px;overflow: hidden;background: #ea5620; position: relative}
.Pages a.a_prev:before,
.Pages a.a_next:before{content: ''; position: absolute; width: 100%; height: 100%; left: 0;background: url(../images/page.svg) no-repeat center center}
.Pages a.a_next{transform:rotate(180deg)}
.Pages a.no{background: #fff; cursor: default;box-shadow: inset 0 0 0 2px #f4f4f4}
.Pages a.a_prev:not(.no):before,
.Pages a.a_next:not(.no):before{filter: brightness(0) invert(1);}
@media(max-width:768px){
.Pages a{width:36px;height:36px;line-height:36px;}
.Pages .num{padding: 0}
}

div[rel="CommonSliding"][data-rel="showfirst"] .group .box{display: none}
div[rel="CommonSliding"][data-rel="hideall"] .group .box{display: none}
div[rel="CommonSliding"] .title{cursor: pointer}

.select_job{padding-top: 6%}
.select_job input,
.select_job select{width:98%; height:.54rem; border-radius:10px; padding: 0 .2rem; border: none; background: #f8f8f8}
.select_job .select_box{width: 18%}
.select_job .input_box{width: 27%; position: relative}
.select_job .input_box input{width: 65%}
.select_job .input_box a{ width: 32%; background: #ea5404; color: #ea5404;border-radius:10px; color: #fff; text-align: center; align-content: center; cursor: pointer}
@media(max-width:768px){
.select_job .select_box{width: 49%;padding: 1% 0}
.select_job .input_box{width: 100%}
.select_job .input_box input{width: 75%}
.select_job .input_box a{width: 24%}
}

.total_job{padding:2% 0}

.jobs_list .group{padding: 2% 4%;;border-radius: 10px; background: #f8f8f8; margin-bottom: .2rem}
.jobs_list .title p{margin-top: .1rem}
.jobs_list .title p span{display: inline-block}
.jobs_list .title p span i{font-style: normal; padding: 0px 10px;}
.jobs_list .article{padding-top: 4%}
.jobs_list .apply{padding-top: 4%}
.jobs_list .group.on{border-top: solid 3px #ea5404}
.jobs_list .group.on .title h4{color: #ea5404}

.city_development {padding: 4% 0}
.city_photo figure{padding-bottom:50%; border-radius: 20px}
.city_photo .txt{position: absolute; top: 15%; left: 10%; right:10%; z-index: 10; color: #fff}
.city_title{margin-top: 20px;}
.city_title .item{background: #f8f8f8; padding:10px; border-radius: 10px; text-align: center; cursor: pointer}
.city_title figure{width: 50%; padding-bottom: 55px; margin: 15px auto}
.city_title .swiper-slide-thumb-active{border-top: solid 4px #ea5404}
.city_photo .swiper-button-next,
.city_photo .swiper-button-prev{color: #fff}
@media(max-width:768px){
.city_title figure{margin: 0 auto}
}

.column_title{ padding-bottom: .4rem}
.column_title.center{text-align: center}

.ind_body .column_title{visibility:inherit!important;}
@media(max-width:768px){
.column_title{ padding-bottom: .2rem}
}

.more_all a{position: relative;padding-left: .8rem; line-height: .74rem; display: inline-block;transition: 0.5s}
.more_all a:before,
.more_all a:after{content: ''; position: absolute; top: 50%; transform: translateY(-50%); background: no-repeat left center; transition: 0.5s}
.more_all a:before{left: 0; width: .67rem; height: 100%; background-image: url("../images/more.svg"); background-size: contain}
.more_all a:after{width: 22px; height: 15px; left: .37rem; background-image: url("../images/more_jt.svg")}
.more_all a:hover:after{left: .45rem;}
.more_all.white a:not(:hover){color: #fff}
@media(max-width:768px){
.more_all a{padding-left: .6rem}
.more_all a:before{ width: .5rem; }
.more_all a:after{left: .2rem}
}


.about_us{background: no-repeat center top; padding-bottom:10%}
.about_us .about{text-align: center; padding-top: 6%; padding-bottom: 6%}

.about_other{position: relative}
.about_other .number li{width:45%; line-height: 1.5}
.about_other .number li:nth-child(even){justify-content: flex-end}
.about_other .number .inbox{padding:6% 0;width: 100%; max-width: 330px; border-bottom: solid 1px rgba(0,0,0,0.1)}
.about_other .number figure{max-width: .6rem}

.about_other .photo{width:43.75%; margin: auto; position: relative;}
.about_other .photo figure{padding-bottom: 100%;}
.about_other .photo img{position: absolute; width: 100%; height: 100%; object-fit: contain; -o-object-fit: contain; z-index: 2}
.about_other .photo:after{content: ''; position: absolute; left: -2vw; right: -2vw; top:-2vw; bottom: -2vw; border-radius: 100%; background: linear-gradient(rgba(255,219,200,0) 60%,rgba(255,219,200,0.4))}
@media(min-width:1024px){
.about_other .number{position: absolute; width: 100%; top: 50%; transform: translateY(-50%)}
.about_other .number .inbox{width: 60%; }
.about_other .number li:nth-child(even) figure{order: 2}
.about_other .desc{width: 30%}
}
@media(max-width:768px){
.about_other .number figure{max-width: .4rem; margin-right: .1rem}
.about_other .number .txt{flex: 1}
}

.about_culture {background: no-repeat center top; padding-top: 4%}
.about_culture .title_slide {margin-bottom: 4%}
.about_culture .title_slide .pic{width: .86rem; height: .86rem; padding:.22rem; margin: auto; position: relative;transition: 0.5s}
.about_culture .title_slide .pic:before{content: '';left: 0; top: 0; width: 100%; height: 100%; position:absolute; background: url("../images/more.svg") no-repeat center center; background-size: contain; opacity: 0; transition: 0.5s}
.about_culture .title_slide .txt{text-align: center; transition: 0.5s}
.about_culture .title_slide .item:not(.slick-current) .pic img{filter: grayscale(100%) brightness(0%); }
.about_culture .title_slide .item.slick-current .txt{transform: scale(0)}
.about_culture .title_slide .item.slick-current .pic:before{left: -10%; opacity: 1}
.about_culture .title_slide .item.slick-current .pic{transform: translateY(20px)}
.about_culture .info_slide figure{ border-radius: 20px; padding-bottom:38%}
.about_culture .info_slide figure img{object-position: center top}
.about_culture .info_slide .txt{left: 10%; right: 20%; top:20%; color: #fff; position: absolute; z-index: 10; text-align: center; transition: 0.5s}
.about_culture .info_slide .txt h4{padding-bottom: .2rem}
.about_culture .info_slide .txt p{text-shadow:0 1px 10px rgba(0,0,0,0.8)}
.about_culture .info_slide .slick-slide:not(.slick-current) .txt{top:15%;}

@media(max-width:768px){
.about_culture .info_slide .txt{left:7%; right: 7%; font-size: .16rem }
.about_culture .title_slide .pic{width: .50rem; height: .50rem; padding:.1rem;}
.about_culture .title_slide .txt{font-size: .18rem}
.about_culture .info_slide .txt h4{padding-bottom: .1rem}
.about_culture .info_slide figure{padding-bottom:70%}
}

.about_honor {background:url(../images/about_honor_bg.jpg) no-repeat center bottom; background-size:100% auto; overflow:hidden; padding:1.1rem 0;}
.about_honor ul {display:flex; flex-wrap:wrap; width:calc(1504/1440*100%);}
.about_honor li {width:25%; padding:calc(64/1504*100%) calc(64/1504*100%) calc(64/1504*100%) 0; text-align:center;}
.about_honor .text {font-size: calc(24/var(--winvw)); padding:calc(17/312*100%) calc(50/312*100%); line-height:1.33334em; font-family: HarmonyOS_Medium; background:url(../images/about_honor_01.svg) no-repeat center center; background-size:100% auto; min-height:calc(138/var(--winvw));}
.about_honor .text:hover {background-image:url(../images/about_honor_02.svg);}
.about_honor .more {display:flex; align-items:center; justify-content:center;}

@media(max-width:768px){
	.about_honor {padding:0.5rem 0;}
.about_honor li {width:50%;}
}

.about_history{padding-top: 4%; padding-bottom: 4%}
.about_history .column_title{padding-bottom: 0}
.about_history .history{text-align: center;padding-left:12.5%; padding-right: 12.5%}

.about_history .pic{border-bottom: solid 6px #ea5404; opacity: 0; transition: 0.5s}
.about_history .pic figure{padding-bottom: 72.92%}
.about_history .txt{min-height: 240px; align-items: flex-end; padding: .2rem; position: relative}
.about_history .icon{width: 100%; height:12.5vw; position: relative;}
.about_history .icon i{width: 14px; height: 14px; position: absolute; margin: auto; left: 0; right: 0; transition: 0.5s}
.about_history .icon i:before,
.about_history .icon i:after{content: ''; position: absolute;border-radius: 100%; margin: auto;}
.about_history .icon i:before{width: 100%; height:100%; left: 0; background: #fff; z-index: 1; box-shadow: 0 0 0 3px #ea5404}
.about_history .icon i:after{width: 400%;height: 400%;border: solid 3px #ea5404;left: -200%;right: -200%;top: -200%;bottom: -200%; opacity: 0; background: #fff}

.about_history .txt h4{line-height: 1; margin-bottom: .3rem; opacity: 0.4}
.about_history .txt p {line-height: 32px; min-height: 64px;}
.about_history .txt p span{display: block}
.about_history .box{width: 100%}
.about_history .slick-slide:hover .txt{background: linear-gradient(rgba(255,255,255,0) 40%,#fdeee5)}
.about_history .slick-slide:hover .icon i:before{background: #ea5404; box-shadow: none}
.about_history .slick-slide:hover .icon i:after{opacity: 1}
.about_history .slick-slide:hover .txt h4 {font-size: .70rem; color: #ea5404; opacity: 1}
.about_history .slick-slide:hover .pic{opacity: 1}
.about_history .slick-active .icon i{top: 27%;}
.about_history .slick-active + .item .icon i{top: 72%;}
.about_history .slick-active + .item + .item .icon i{top: 64%;}
.about_history .slick-active + .item + .item + .item .icon i{top: 92%;}
.about_history .slick-active + .item + .item + .item + .item .icon i{top: 78%;}
.about_history .xian{position: absolute; width: 100%}
.about_history .xian img{width: 100vw; max-width: inherit}
.about_history .xian_hover{position: absolute; width: 100%; overflow: hidden; -webkit-animation: w100 2s linear;}
.about_history .slick-prev{left: 3%}
.about_history .slick-next{right: 3%}
@media(max-width:1300px){
.about_history .slick-active .icon i{top: 32%;}
.about_history .slick-active + .item .icon i{top: 66%;}
.about_history .slick-active + .item + .item .icon i{top: 79%;}
.about_history .slick-active + .item + .item + .item .icon i{top: 76%;}
}
@media(max-width:1024px){
.about_history .slick-active .icon i{top: 22%;}
.about_history .slick-active + .item .icon i{top: 60%;}
.about_history .slick-active + .item + .item .icon i{top: 87%;}
.about_history .txt{padding: .3rem .1rem}
.about_history .txt h4{margin-bottom: .2rem}
.about_history .slick-slide:hover .txt h4{font-size: .50rem}
}
@media(max-width:768px){
.about_history .slick-active .icon i{top: 50%;}
.about_history .slick-active + .item .icon i{top: 85%;}
.about_history .icon i:after{width: 300%;height: 300%;}
}
@-webkit-keyframes w100 {
  0% {width: 0}
  100% {width: 100%}
}



.solution_path .path{padding:5% 0}
.solution_path .photo{padding:1% 0; text-align: center}
.solution_path .photo img{border-radius: 20px;}
.solution_path .desc{padding-bottom: 3%}
.solution_path .desc.center{text-align: center}

.solution_path .overview{}

.solution_path .overview.flex_js_ac .article{flex: 1}
.solution_path .overview.flex_js_ac .pic{width: 50%; margin-left: 10%}
.solution_path .overview.flex_js_ac .pic img{border-radius: 20px;}
@media(max-width:768px){
.solution_path .overview.flex_js_ac .article{flex:initial; width: 100%}
.solution_path .overview.flex_js_ac .pic{width: 100%; margin-left:0}
.solution_path .overview.flex_js_ac .pic{padding-top: 4%}
}

.solution_path .table{text-align: center;}
.solution_path .table th{background: #ea5404; color: #fff; font-weight:normal; font-size: .24rem;border: solid 1px #ffffff}
.solution_path .table th:first-child{border-radius: .2rem 0 0 0}
.solution_path .table th:last-child{border-radius: 0 .2rem 0 0; width: 50%}
.solution_path .table td{font-size: .18rem; border: solid 1px #dfdfdf;background: #f8f8f8;}
.solution_path .table th,
.solution_path .table td{padding: .1rem}

.SolutionA2{background: linear-gradient(#f8f8f8,#ffffff)}

.SolutionA3{background: #f8f8f8}
.SolutionA3 .list{margin-left: -.225rem; margin-right: -.225rem;}
.SolutionA3 .item{background: #fff; border-radius: 10px;border-bottom: solid 4px #ea5404; margin: .225rem; overflow: hidden}
.SolutionA3 .pic{ opacity: 0; transition: 0.5s}
.SolutionA3 .pic figure{padding-bottom: 75.112%;}
.SolutionA3 .pic:after{content: ''; position: absolute; width: 100%; height: 100%; left: 0; bottom: 0; background: linear-gradient(rgba(234,84,4,0),rgba(234,84,4,1))}
.SolutionA3 .txt{position: absolute; width: 100%; height: 100%; top: 0; z-index: 2; padding:6%; transition: 0.5s}
.SolutionA3 .txt span{margin: auto; width:.88rem; height: .88rem; border: solid 1px #e5e5e5; border-radius: 10px; background: linear-gradient(rgba(255,255,255,0),rgba(255,255,255,0.1))}
.SolutionA3 .txt span img{height: .44rem;}
.SolutionA3 .txt h4{line-height: 1.5}
.SolutionA3 .txt h4:before{content: ''; display: block; width: 20px; height: 3px; margin:.2rem auto; background: #ea5404}
.SolutionA3 .box{text-align: center; max-width: 320px}
.SolutionA3 .item:hover .pic{opacity: 1}
.SolutionA3 .item:hover .txt{align-items: flex-end;}
.SolutionA3 .item:hover .txt span{border-color: rgba(255,255,255,0.2)}
.SolutionA3 .item:hover .txt span img{filter: brightness(0) invert(1);}
.SolutionA3 .item:hover h4{color: #fff}
@media(max-width:1200px){
.SolutionA3 .list{margin-left: -.1rem; margin-right: -.1rem}
.SolutionA3 .item{margin: .1rem}
}

.SolutionB2{background: #f8f8f8}
.SolutionB2 .list{margin-left: -.12rem; margin-right: -.12rem;counter-reset:section 0 subsec 1;}
.SolutionB2 .item{width:calc(25% - .26rem); margin:.13rem;background: #fff;border-radius: 10px; overflow: hidden; }
.SolutionB2 .item .pic{opacity: 0; min-height: 420px;}
.SolutionB2 .item .pic figure{padding-bottom: 123.53%}
.SolutionB2 .item .pic:after{content: ''; position: absolute; width: 100%; height: 100%; left: 0; bottom: 0; background: linear-gradient(rgba(234,84,4,0),rgba(234,84,4,1) 70%)}
.SolutionB2 .item .num{display: block; padding-bottom: 6%}
.SolutionB2 .item .num:before{content:counter(section,decimal-leading-zero);counter-increment:section; color: #ea5404; opacity: 0.5}

.SolutionB2 .txt h4{margin-bottom: .1rem}
.SolutionB2 .txt p{opacity: 0.8}

@media(min-width:640px){
.SolutionB2 .txt{position: absolute; width: 100%; height: 100%; top: 0; z-index: 2; padding:8% 12%; transition: 0.5s}
.SolutionB2 .item:hover .txt h4{color: #fff}
.SolutionB2 .item:hover .txt p{opacity: 1; color: #ffffff}
.SolutionB2 .item:hover .pic{opacity: 1}
.SolutionB2 .item:hover .num:before{color: #fff}
}

@media(max-width:1200px){
.SolutionB2 .item{width:calc(33.333% - .26rem);}
}
@media(max-width:768px){
.SolutionB2 .item{width:calc(50% - .26rem);}
}
@media(max-width:640px){
.SolutionB2 .list{margin: 0}
.SolutionB2 .item{width:100%; margin:0 0 4% 0}
.SolutionB2 .item .pic{min-height: inherit; opacity: 1}
.SolutionB2 .item .pic figure{padding-bottom:60%}
.SolutionB2 .item .pic:after{opacity: 0.8}
.SolutionB2 .item .txt{margin: -10% 4% 0 4%; background:#fff; padding: 4%; position: relative; height: auto; border-radius: .1rem;}
.SolutionB2 .item .txt h4{padding-left: 40px}
.SolutionB2 .item .num{font-size: .32rem; position: absolute; padding-bottom: 0; line-height: 1.4}
}

.SolutionB3 .photo{width: 40%;padding: 0; margin-right:5%;}
.SolutionB3 .article{flex: 1}
@media(max-width:768px){
.SolutionB3 .photo{width: 100%; margin-right: 0; text-align: center; padding-bottom: 3%}
}

.SolutionF2{background: #f8f8f8}
.SolutionF2 .icon_txt{text-align: center;}
.SolutionF2 .icon_txt ul{margin-left: -.17rem; margin-right: -.17rem}
.SolutionF2 .icon_txt li{flex: 1; margin:.17rem; background: #fff; border-radius: 10px; padding:2.5%}
.SolutionF2 .icon_txt .pic{border: solid 1px #e5e5e5; width: .88rem; height: .88rem; margin: auto; border-radius: 10px;}
.SolutionF2 .icon_txt .txt{padding-top: .3rem; }
.SolutionF2 .icon_txt .txt:before{content: ''; margin: auto; margin-bottom: .3rem; width: .2rem; height: .03rem; background: #ea5404; display: block}

.SolutionF3{position:relative;padding: 0!important}
.SolutionF3 .box_absolute{position: absolute; width: 100%; top:0; bottom: 0; margin: auto; display: flex; align-items: center; z-index: 10}
.SolutionF3 .column_title{color: #fff}
.SolutionF3 .column_title .desc{max-width: 530px;}
.SolutionF3 .pic img{width: 100%}

.SolutionF4 .icon_txt li{width: 48.5%; padding: 4%; background-color: #f8f8f8;	border-radius: 10px;}
.SolutionF4 .icon_txt li .pic{border: solid 1px #e5e5e5; width: .88rem; height: .88rem; margin: auto; border-radius: 10px; margin-right: 5%}
.SolutionF4 .icon_txt li .txt{flex: 1}

.SolutionF5{background: #f8f8f8}
.SolutionF5 .info{text-align: center;transform: translateY(-.4rem)}
.SolutionF5 .photo_text .item{width:47.778%; padding-bottom:8%}
.SolutionF5 .photo_text .pic{position: relative; margin-bottom:6%}
.SolutionF5 .photo_text .pic figure{padding-bottom: 56.25%;border-radius: 20px;}
.SolutionF5 .photo_text .pic span{position: absolute; color: #fff; bottom:6%; left:6%; z-index: 10;color: #fff}
.SolutionF5 .photo_text .editor_num li{padding-bottom: 2%; margin-bottom: 4%}
.SolutionF5 .photo_text2 .item{width:47.778%; padding:2%; background-color: #ffffff; border-radius: 20px;}
.SolutionF5 .photo_text2 .txt{flex: 1; padding-left: 5%}
.SolutionF5 .photo_text2 .pic{width:55.52%}
@media(max-width:1024px){
.SolutionF2 .icon_txt ul{margin-left: -1%; margin-right: -1%}
.SolutionF2 .icon_txt li{width:28%;margin:2%;flex: auto}
}
@media(max-width:768px){
.SolutionF2 .icon_txt li{width:46%;}
.SolutionF4 .icon_txt li{width: 100%; margin-bottom: 3%}
.SolutionF5 .info{transform: translateY(-.2rem)}
.SolutionF5 .photo_text .item{width: 100%}
.SolutionF5 .photo_text2 .item{width: 100%;}
.SolutionF5 .photo_text2 .item:not(:last-child){margin-bottom: 4%}
}

.editor_num li{ padding-bottom:1%; margin-bottom: 2%; border-bottom: solid 3px #f0f0f0; position: relative}
.editor_num li:after{content: ''; position: absolute; left: 0; bottom: -3px; width: 16px; height: 3px; background: #ea5404}
.editor_num li i{color: #ea5404; font-style: normal; font-size: 0.16rem; margin-right: 15px;}
.editor_num .rows3 li{width: 32%;}

@media(max-width:1200px){
.editor_num .rows3 li{width:49%;}
}
@media(max-width:640px){
.editor_num .rows3 li{width:100%;}
}

.type_num{text-align: center}
.type_num ul{margin-left: -.1rem; margin-right: -.1rem}
.type_num li{flex: 1; margin: .1rem;background: #f8f8f8;box-shadow:0 2px 10px rgba(0, 0, 0, 0.05); border-radius: 10px; padding: .2rem .5rem; transition: 0.5s}
.type_num li b{color: #ea5404;display: inline-block; font-weight: normal; width:.8rem; line-height:.8rem;box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);border-radius: 100%;}
.type_num li p{padding-top: .1rem}
.type_num li:hover{transform: translateY(-.2rem)}
@media(max-width:640px){
.type_num li{flex: auto;width:46%;margin:2%;padding: .2rem;}
}

.technology{}
.technology .pic{width:51.737%; margin-left: 5%}
.technology .pic figure{border-radius: .2rem}
.technology .pic figure img{width: 100%}
.technology .txt{padding: 4% 0; flex: 1}
.technology .txt h4{line-height: .35rem; margin-bottom: .2rem}
.technology .txt img{height: .35rem;margin-right: 10px;}
@media(max-width:768px){
.technology .pic{width: 100%; margin-left: 0}
}

/*index*/


@media(min-width:1024px){
.ind_about .column_title{ padding-bottom:0; padding-top:3%}
}
@media(max-width:1024px){
#fullpage .section:not(.banner,.ind_solution,.fp-auto-height){padding: 5% 0}
}
.ind_product .list{margin-left: -.1rem; margin-right: -.1rem}
.ind_product .list *{transition: 0.5s}
.ind_product .item{padding: .1rem; }
.ind_product .pic{box-shadow: -1px 9px 54px 0px rgba(0, 0, 0, 0.09); border-radius: 20px; overflow: hidden}
.ind_product .pic figure{padding-bottom: 5.3rem}
.ind_product .pic:after{content: ''; position: absolute; width: 100%; height: 40%; bottom: 0; z-index: 2; background: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,1))}
.ind_product .txt{position: absolute; left: 10%; right: 10%; bottom: 10%; z-index: 5; color: #fff; }
.ind_product .txt:after{content: ''; position: absolute; right: 0; top: 0; bottom: 0; margin: auto; width:.2rem; height: .2rem; border-radius: 100%; background:#fff url("../images/jt.svg") no-repeat center center; opacity: 0; transition: 0.5s}

.ind_product .item.show .txt{left: 7%; right:7%;}
.ind_product .item.show .txt:after{width:.7rem; height: .7rem; opacity: 1 }
.ind_product .item.show .pic:after{height: 60%; background: linear-gradient(rgba(234,84,4,0),rgba(234,84,4,1))}
@media(min-width:768px){
.ind_product .item{flex: 1; }
.ind_product .item.show{flex:2.1053;}
}
@media(max-width:768px){
.ind_product .item{width: 100%}
.ind_product .pic figure{padding-bottom:60%}
.ind_product .item.show .txt:after{width:.4rem; height: .4rem; }
}


.ind_solution .column_title{position: absolute; top: 15%; z-index: 10; color: #fff}
.ind_solution .inbox{position: relative}
.ind_solution .title_swiper{position: absolute; width: 100%; top: 0; text-align: center; z-index: 2}
.ind_solution .title_swiper .swiper-slide{ cursor: pointer}
.ind_solution .title_swiper span{display: inline-block;}
.ind_solution .title_swiper i{display: block; width: 10px; height: 10px; margin: auto; background: #fff; border-radius: 100%; position: relative}
.ind_solution .title_swiper i:after{content: ''; position: absolute; left: -.15rem; top: -.15rem; right: -.15rem; bottom: -.15rem; margin: auto; border: solid 2px rgba(255,255,255,0.4); border-radius: 100%; z-index: -1; transition: 0.5s}
.ind_solution .title_swiper b{font-weight: normal; color: #fff; display: block;  transform: translateY(-65px);}
.ind_solution .title_swiper .swiper-slide-visible:nth-of-type(1),
.ind_solution .title_swiper .swiper-slide-visible:nth-of-type(6){padding-top: 12.5%;}
.ind_solution .title_swiper .swiper-slide-visible:nth-of-type(2),
.ind_solution .title_swiper .swiper-slide-visible:nth-of-type(5){padding-top: 6.8%;}
.ind_solution .title_swiper .swiper-slide-visible:nth-of-type(3),
.ind_solution .title_swiper .swiper-slide-visible:nth-of-type(4){padding-top: 4%;}
.ind_solution .title_swiper .swiper-slide-thumb-active i:after{background: #ea5404; border-color: #ea5404}
.ind_solution .end_box{position: absolute; width: 100%; bottom: 0; z-index: 1}
.ind_solution .end_box .xian{}
.ind_solution .end_box .xian_hover{width:8%; overflow: hidden; transition: 0.5s;position: absolute;bottom: 0}
.ind_solution .end_box .xian_hover img{max-width: inherit; width:100vw}
.ind_solution#id0 .xian_hover{width:8%}
.ind_solution#id1 .xian_hover{width:25%}
.ind_solution#id2 .xian_hover{width:42%}
.ind_solution#id3 .xian_hover{width:58%}
.ind_solution#id4 .xian_hover{width:75%}
.ind_solution#id5 .xian_hover{width:92%}
.ind_solution .info_swiper .swiper-pagination-progressbar{top: auto; bottom: 0; height:26.042%;background: none}
.ind_solution .info_swiper .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{ overflow: hidden;background:no-repeat}
.ind_solution .info_swiper .swiper-pagination-progressbar .swiper-pagination-progressbar-fill figure{width: 100vw}
.ind_solution .info_swiper .swiper-pagination-progressbar .swiper-pagination-progressbar-fill figure img{max-width: inherit; width: 100vw}
/*.ind_solution .info_swiper .pic img{height: 100vw; object-fit: cover; -o-object-fit: cover}*/
.ind_solution .info_swiper .info{position: absolute; width: 100%; top: 30%; color: #fff; z-index: 10}
.ind_solution .info_swiper .info figure{width: .4rem; margin-right:.25rem}
.ind_solution .info_swiper .info .txt{margin:.3rem 0 .6rem .65rem; padding-left: .55rem; border-left: solid 1px rgba(255,255,255,0.2); width: 35%}
.ind_solution .info_swiper .more_all{padding-left: .65rem;}
@media(min-width:1024px){
.ind_solution .pic img{width: 100%; height: 100vh; object-fit: cover}
}
@media(max-width:1024px){
.ind_solution {padding-top: 5%}
.ind_solution .column_title{position: inherit; color: #000000}
.ind_solution .info_swiper .info{top: 5%}
.ind_solution .title_swiper b{ transform: translateY(-50px);}
}
@media(max-width:768px){
.ind_solution{padding-top: 5%}
.ind_solution .end_box{display: none}

.ind_solution .info_swiper .info{position: relative; margin-top: -60px;}
.ind_solution .info_swiper .info .txt{color: #333; width: 100%;border-left:none; padding-left: 0; margin-left: 0; margin-bottom: .2rem}

.ind_solution .info_swiper .more_all{padding-left: 0}
.ind_solution .info_swiper .more_all a:not(:hover){color: #333}
}

.ind_technology{background: no-repeat center center; background-size: cover}
.ind_technology .item{width: 46.5625%}
.ind_technology .item:nth-child(even){margin-top: -7%}
.ind_technology .pic figure{padding-bottom: 56.376%; border-radius: .2rem}
.ind_technology .txt{padding: 4% 0}
.ind_technology .txt h4{line-height: .35rem; margin-bottom: .2rem}
.ind_technology .txt img{height: .35rem;margin-right: 10px;}
@media(max-width:768px){
.ind_technology .item{width: 100%; margin:0!important; padding: 4% 0}
}
/*index end*/

.Share_list2 .ul {
	display: flex;
	align-items: center;
	flex-wrap: wrap; 
    
	
}

.Share_list2 li a {
    padding: 15px 7px;
    display: block;
    line-height: 20px;
    position: relative;
	color: #ea5620;
	
}

.Share_list2 li {
    background: #f7f7f7;
    margin-bottom: 20px;
	width: 45%;
	margin-left: 3%;
}


.Share_list2 li .p {
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 20px;
    height: 52px;
    padding: 10px 5px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    border: 1px solid #eee;
    background: #fff;
}

.Share_list2 li a .span {
    position: absolute;
    top: 14px;
    right: 15px;
    background: url(../images/download.png) no-repeat center center;
	    background-size: contain;
    width: 22px;
    height: 22px;
    display: inline-block;
}

.Share_list2 {
    margin-bottom: 30px;
	margin-top: 30px;
}