body.index .st-pusher{height:100vh;}
#index_page_swiper{height:100%}
/*header*/
.header{position:fixed;top:0;left:0;width:100%;z-index:18}
.header >div{margin:0 .75rem;}
.header >div>div{display:inline-block;vertical-align:middle;width:26%}
.header .navlist{width:74%;text-align:right;}
.header .logos{line-height:.8rem;transition:none}
.header .logos img {max-height:.63rem;transition:none}
.header .navlist>*{display:inline-block;vertical-align:middle;}
.header .navlist>ul>li{display:inline-block;padding:0 .35rem 0 0}
.header .navlist>ul>li>a{font-size:.18rem;color:#FFF;position:relative;display:block;padding:0 .1rem;}
.header .navlist>ul>li span {position:relative;z-index:2}
.header .navlist>ul>li>a:before{content:'';width:100%;height:0;background:#00a0e9;position:absolute;bottom:-.1rem;left:0;border-radius:0 0 10px 10px;transition:all .5s ease-in-out}
.header .navlist>ul>li.active>a:before,.header .navlist ul>li>a:hover:before{height:.67rem;}

.header .navlist .class_menu{position:absolute;top:100%;left:0;width:100%;z-index:1;display:none;transition:none;text-align:left;}
.header .navlist .class_menu>div{background:#FFF;padding:.45rem .5rem .35rem;}
.header .navlist .class_menu>div>div{display:inline-block;vertical-align:middle;width:29%}
.header .navlist .class_menu .imgs{padding-right:.75rem;}
.header .navlist .class_menu .imgs img {border-radius:12px;}
.header .navlist .class_menu>div .text{width:71%}
.header .navlist .class_menu>div .text li {display:inline-block;vertical-align:top;padding:8px 0;width:33.333%}
.header .navlist .class_menu>div .text li a{display:block;font-size:.16rem;color:#585858;position:relative;padding:.2rem .2rem .2rem 0;margin-right:.65rem;border-bottom:1px solid #d5d5d5;}
.header .navlist .class_menu>div .text li a i {position:absolute;right:.25rem;top:50%;transform:translateY(-50%);font-size:.14rem;}
.header .navlist .class_menu>div .text li a:hover {color:#00a0e9;}
.header .navlist .class_menu>div .text li a:hover i{right:.15rem;}


.header .navlist .h_search{position:relative;width:2.65rem;margin:0 .3rem 0 0}
.header .navlist .h_search input {width:100%;height:.42rem;background:#FFF;border:0;border-radius:999px;padding:0 .35rem 0 1rem;font-size:.14rem;color:#767676}
.header .navlist .h_search span {position:absolute;left:0;top:50%;transform:translateY(-50%);font-size:.14rem;color:#343434;width:1rem;text-align:center;}
.header .navlist .h_search span i{font-size:.16rem;color:#000;margin-left:5px;}
.header .navlist .h_search button{position:absolute;right:.1rem;top:50%;transform:translateY(-50%);font-size:.18rem;color:#919191;border:0;background:none;}
.header .navlist dl {margin:0;padding:0;position:relative}
.header .navlist dl dt {font-size:.24rem;color:#FFF;font-weight:normal;cursor:pointer;}
.header .navlist dl dd {background:#FFF;position:absolute;top:100%;left:50%;transform:translateX(-50%);width:1.1rem;text-align:center;display:none;transition:none}
.header .navlist dl dd a{display:block;position:relative;line-height:.4rem;font-size:.16rem;color:#333;}
.header.ons {top:-.9rem;}

.is_header,.header_black {background:rgba(0,0,0,.8)}
.header_index_white{background:none;}
/*banner*/
.tem_banner:before{content:'';width:100%;height:2.75rem;background:linear-gradient(to bottom,rgba(0,0,0,.65),rgba(0,0,0,0));position:absolute;top:0;left:0;z-index:2}
.tem_banner .imgs {width:100%;height:100vh;background-position:0 0 ;background-repeat:no-repeat;background-size:cover;}
.tem_banner .imgs img {display:none;}
.tem_banner .label_text{position:absolute;top:50%;left:0;width:100%;padding:0 2.6rem;z-index:1;text-align:center;transform:translateY(-50%)}
.tem_banner .label_text p{font-size:.42rem;color:#FFF;font-weight:bold;}
.tem_banner .label_text>*{opacity:0;transform:translateY(3vw)}
.tem_banner .swiper-slide-active .label_text>*{opacity: 1 !important;pointer-events: auto !important;-webkit-transform: none !important;transform: none !important;-webkit-transition: all .8s cubic-bezier(.69, .27, .45, .99);transition: all .8s cubic-bezier(.69, .27, .45, .99);  transition-delay: 0s;-webkit-transition-delay: 100ms;transition-delay: 100ms;}
.tem_banner .swiper-page>div{position:absolute;top:50%;left:.75rem;transform:translateY(-50%);z-index:10;}
.tem_banner .swiper-page>div img {width:.4rem;filter:brightness(0) invert(1)}
.tem_banner .swiper-page>div.slide-button-next{left:auto;right:.75rem;}
.tem_banner .swiper-page>div:hover img {filter:none}

.copy {background:#00a0e9;text-align:center;font-size:.16rem;color:#FFF;padding:.27rem 0}
.copy a{font-size:.16rem;color:#FFF;}
body.index .copy,.copy#ons{position:absolute;bottom:0;left:0;width:100%;z-index:1;border-top:1px solid rgba(255,255,255,.33);background:none}

.clss2_img img {width:100%;height:100vh;object-fit:cover;transition:none}
.clss2_img{position:relative}
.clss2_img .text{position:absolute;left:2.6rem;top:30%;z-index:3}
.clss2_img .text h4 {font-size:.48rem;color:#FFF;font-weight:900}
.clss2_img .text p{font-size:.3rem;color:#FFF;margin:.25rem 0 .7rem;}
.clss2_img .text a{display:inline-block;font-size:.2rem;color:#FFF;background:url(../images/ab5.png) 0 0 no-repeat;background-size:100% 100%;padding:0 .56rem;line-height:.62rem;}

.clss2_img #grally .swiper-slide img {width:100%;height:100vh;object-fit:cover;transition:none}
.clss2_img .lists {position:absolute;bottom:1.2rem;left:0;width:100%;padding:0 2.6rem;z-index:1}
.clss2_img .lists .swiper-slide a{display:block;background:rgba(0,0,0,.5);border-radius:8px;overflow:hidden;padding:.2rem .24rem}
.clss2_img .lists .swiper-slide a>div{display:inline-block;vertical-align:middle;width:44%}
.clss2_img .lists .swiper-slide .imgs_ img {width:100%;height:1.1rem;object-fit: cover;transition: none;}
.clss2_img .lists .swiper-slide .txt {width:56%;padding-left:.15rem;}
.clss2_img .lists .swiper-slide .txt span {font-size:.14rem;color:#FFF;display:inline-block;padding-left:.13rem;position:relative}
.clss2_img .lists .swiper-slide .txt span:before{content:'';width:6px;height:6px;background:#00a0e9;border-radius:100%;position:absolute;left:0;top:50%;transform:translateY(-50%)}
.clss2_img .lists .swiper-slide .txt h4 {font-size:.16rem;color:#FFF;margin:.25rem 0 0}
.clss2_img .lists .swiper-slide-thumb-active a {background:#FFF}
.clss2_img .lists .swiper-slide-thumb-active a  .txt span {color:#6e6e6e}
.clss2_img .lists .swiper-slide-thumb-active a  .txt h4 {color:#262525}


/**/
.index_flex{display:flex;width:100%;height:100%;align-items: center;}
.flex{display:flex;width:100%;height:100%;align-items: center;}

.index_about {background:url(../images/inx0.jpg) center right no-repeat;background-size:cover;}
.index_about>div{display:grid;grid-template-columns:57% auto;    align-items: end;}
.index_about .text{padding:0 .55rem 0 1rem;}
.index_about .text>*{opacity:0;transform:translateY(3vw)}
.index_about .text span {font-size:.16rem;color:#00a0e9;display:inline-block;padding-left:.3rem;position:relative}
.index_about .text span:before{content:'';width:.16rem;height:.16rem;background:#00a0e9;border:.04rem solid #c3e3f2;position:absolute;left:0;top:50%;transform:translateY(-50%);border-radius:100%}
.index_about .text h4 {font-size:.34rem;color:#1a1a1a;margin:.25rem 0 .9rem;}
.index_about .text p{font-size:.16rem;color:#444444;line-height:1.7;margin:0 0 .6rem;}
.index_about .text>a{display:inline-block;background:#00a0e9;border-radius:8px;font-size:.14rem;color:#FFF;padding:0 .3rem;line-height:.41rem;border:1px solid #dcdcdc}
.index_about .text .nums{display:grid;grid-template-columns:1fr 1fr;margin:.95rem 0 0}
.index_about .text .nums>div>*{display:inline-block;vertical-align:top;}
.index_about .text .nums p{margin:0}
.index_about .text .nums p img {max-width:1rem;transition:none;}
.index_about .text .nums .t {padding-left:.25rem;}
.index_about .text .nums .t h5 {font-size:.24rem;color:#1a1b1b}
.index_about .text .nums .t h5 em{font-size:.48rem;color:#1a1b1b;font-family:"ClarendonBT"}
.index_about .text .nums .t p{font-size:.2rem;color:#1a1b1b;margin:.1rem 0 0}
.index_about.index_page_current .text>*{opacity: 1 !important;pointer-events: auto !important;-webkit-transform: none !important;transform: none !important;-webkit-transition: all .8s cubic-bezier(.69, .27, .45, .99);transition: all .8s cubic-bezier(.69, .27, .45, .99);  transition-delay: 0s;-webkit-transition-delay: 100ms;transition-delay: 100ms;}
.index_about.index_page_current .text h4 {transition-delay:150ms}
.index_about.index_page_current .text p{transition-delay:200ms}
.index_about.index_page_current .text a{transition-delay:250ms}
.index_about.index_page_current .text .nums {transition-delay:300ms}

.index_about .imgs{position:relative;opacity:0;transform:translateY(3vw)}
.index_about .imgs:before{content:'';width:100%;height:100%;background:#00a0e9;position:absolute;right:-.2rem;bottom:-.2rem;}
.index_about .imgs span {position:relative;z-index:2}
.index_about.index_page_current .imgs {opacity: 1 !important;pointer-events: auto !important;-webkit-transform: none !important;transform: none !important;-webkit-transition: all .8s cubic-bezier(.69, .27, .45, .99);transition: all .8s cubic-bezier(.69, .27, .45, .99);  transition-delay: 0s;-webkit-transition-delay: 100ms;transition-delay: 100ms;}

.index_honor{background:url(../images/inx1.jpg) center no-repeat;background-size:cover;}
.index_honor .boxmain{width:100%}
.index_honor .boxmain>div>*{opacity:0;transform:translateY(5vw)}
.index_honor .titles{margin:0 0 .7rem;display:grid;grid-template-columns:20% auto;align-items:center;}
.index_honor .titles .names {padding:0 0 .25rem;position:relative}
.index_honor .titles .names h3 {font-size:.48rem;color:#00a0e9}
.index_honor .titles .names p{font-size:.22rem;color:#686868;margin:.15rem 0 0;}
.index_honor .titles .names:after{content:'';width:.47rem;height:6px;background:#00a0e9;position:absolute;left:0;bottom:0}
.index_honor .titles ol {text-align:right;margin:0;padding:0;}
.index_honor .titles ol li {display:inline-block;padding-left:5px;}
.index_honor .titles ol li a{display:block;border:1px solid #b6bcc5;padding:.15rem .25rem;text-align:center;font-size:.16rem;color:#a8aeb8}
.index_honor .titles ol li i {display:block;font-size:.24rem;margin:0 0 .1rem;font-weight:bold;}
.index_honor .titles ol li#current a{border-color:#007cc5;color:#2472d2}
.index_honor .itembox .swiper-slide {padding:0 0 .96rem;}
.index_honor .itembox .swiper-slide a{display:block;position:relative;background:linear-gradient(to bottom,#f3fbff,#dbf2fe,#f3fbff);padding:.15rem .2rem 0;text-align:center;}
.index_honor .itembox .swiper-slide h5 {font-size:.16rem;color:#0f143b;padding:.25rem .4rem 0;background:url(../images/inx1-1.png) 0 0 no-repeat;background-size:.34rem auto;margin:0 0 .35rem;height:.775rem;line-height:.175rem;}
.index_honor .itembox .swiper-slide .imgs {height:2.8rem;display:flex;align-items: flex-end;    justify-content: center;position:relative;z-index:2}
.index_honor .itembox .swiper-slide .imgs img {max-height:2.8rem;transition:none;}
.index_honor .itembox .swiper-slide:after{content:'';width:100%;height:1.23rem;background:url(../images/inx1-2.png) center bottom no-repeat;background-size:100% 1.23rem;position:absolute;bottom:0;left:0}
.index_honor .itembox .swiper-page{margin:.3rem 0 0;text-align:center}
.index_honor .itembox .swiper-page>div{display:inline-block;vertical-align:middle;margin:0 .3rem;width:auto}
.index_honor .itembox .swiper-page>div.its {width:.57rem;height:.57rem;border:1px solid #0b4da3;border-radius:100%;line-height:.55rem;font-size:.2rem;color:#0b4da3;}
.index_honor .itembox .swiper-page>div.its:hover {background:#00a0e9;border-color:#00a0e9;color:#FFF}
.index_honor .itembox .swiper-page>div.slide-pagination{width:auto;font-size:.24rem;color:#c7c8ca;font-weight:bold;margin:0}
.index_honor .itembox .swiper-page>div.slide-pagination i{font-size:.3rem;color:#00a0e9}
.index_honor.index_page_current .boxmain>div>* {opacity: 1 !important;pointer-events: auto !important;-webkit-transform: none !important;transform: none !important;-webkit-transition: all .8s cubic-bezier(.69, .27, .45, .99);transition: all .8s cubic-bezier(.69, .27, .45, .99);  transition-delay: 0s;-webkit-transition-delay: 100ms;transition-delay: 100ms;}
.index_honor.index_page_current .boxmain>div .itembox{transition-delay:150ms}


.index_business{background-position:center;background-repeat:no-repeat;background-size:cover;}
.index_business .boxs {width:100%}
.index_business .names {margin:0 0 .9rem;position:relative;padding:0 0 .25rem;opacity:0;transform:translateY(3vw)}
.index_business .names h3 {font-size:.48rem;color:#FFF}
.index_business .names p{font-size:.22rem;color:#FFF;margin:.15rem 0 0;text-transform:uppercase;}
.index_business .names:after{content:'';width:.47rem;height:6px;background:#00a0e9;position:absolute;left:0;bottom:0}
.index_business .lists>dl {margin:0 0 .25rem;padding:0;display:grid;grid-template-columns:repeat(6,16.6666%);gap:0 .12rem;opacity:0;transform:translateY(3vw)}
.index_business .lists>dl:last-child {margin:0}
.index_business .lists>dl p{margin:0;position:relative;z-index:2;height:100%}
.index_business .lists>dl dt {font-weight:normal;}
.index_business .lists>dl a{display:block;position:relative;border:1px solid rgba(255,255,255,.5);border-radius:12px;overflow:hidden;text-align:center;font-size:.18rem;color:#FFF;padding:.29rem .2rem .25rem;height:100%}
.index_business .lists>dl a span {display:block;height:.64rem;line-height:.64rem;margin:0 0 .15rem;}
.index_business .lists>dl a span img {max-height:.64rem;transition:none}
.index_business .lists>dl dt a{background:#00a0e9;border-color:#00a0e9}
.index_business .lists>dl dd a:before{content:'';width:100%;height:0;position:absolute;top:50%;left:0;background:#00a0e9;z-index:1;transition:all .6s ease-in-out}
.index_business .lists>dl dd a:hover:before{height:100%;top:0}
.index_business.index_page_current .names{opacity: 1 !important;pointer-events: auto !important;-webkit-transform: none !important;transform: none !important;-webkit-transition: all .8s cubic-bezier(.69, .27, .45, .99);transition: all .8s cubic-bezier(.69, .27, .45, .99);  transition-delay: 0s;-webkit-transition-delay: 100ms;transition-delay: 100ms;}
.index_business.index_page_current .lists>dl{opacity: 1 !important;pointer-events: auto !important;-webkit-transform: none !important;transform: none !important;-webkit-transition: all .8s cubic-bezier(.69, .27, .45, .99);transition: all .8s cubic-bezier(.69, .27, .45, .99);  transition-delay: 0s;-webkit-transition-delay: 100ms;transition-delay: 100ms;}
.index_business.index_page_current .lists>dl:last-child{transition-delay:150ms}

.index_case{position:relative}
.index_case .names {position:absolute;top:1.4rem;left:2.6rem;z-index:2;padding:0 0 .25rem;opacity:0;transform:translateY(3vw)}
.index_case .names h3 {font-size:.48rem;color:#FFF}
.index_case .names p{font-size:.22rem;color:#FFF;margin:.15rem 0 0;text-transform:uppercase;}
.index_case .names:after{content:'';width:.47rem;height:6px;background:#00a0e9;position:absolute;left:0;bottom:0}

.index_case #gallery {width:100%}
.index_case #gallery .swiper-slide img {width:100%;height:100vh;object-fit:cover;transition:none;}
.index_case .thumbs{position:absolute;bottom:.65rem;left:0;width:100%;z-index:2;padding:0 2.6rem;}
.index_case .thumbs>* {transform:translateY(3vw);opacity:0}
.index_case .thumbs .mores {text-align:center;margin:0 0 .55rem;}
.index_case .thumbs .mores>a{display:inline-block;}
.index_case .thumbs .mores>a span {font-size:.16rem;color:#FFF;text-shadow:.12rem .1rem .08rem #000;display:block;}
.index_case .thumbs .mores>a i {display:inline-block;width:.54rem;height:.54rem;background:#00a0e9;border-radius:100%;margin:.25rem 0 0;line-height:.54rem;font-size:.2rem;color:#FFF}
.index_case .thumbs #thumbs .items {background:rgba(0,0,0,.5);border-radius:10px;overflow:hidden;padding:.2rem .25rem;cursor:pointer;}
.index_case .thumbs #thumbs .items>div{display:inline-block;vertical-align:middle;width:44%}
.index_case .thumbs #thumbs .items .text{width:56%;padding-left:.15rem;}
.index_case .thumbs #thumbs .items .imgs img {width:100%;height:1.1rem;object-fit:cover;transition:none}
.index_case .thumbs #thumbs .items .text p {font-size:.14rem;color:#FFF;margin:0 0 .2rem;padding-left:.13rem;position:relative}
.index_case .thumbs #thumbs .items .text p:before{content:'';width:6px;height:6px;background:#00a0e9;border-radius:100%;position:absolute;left:0;top:50%;transform:translateY(-50%);}
.index_case .thumbs #thumbs .items .text h6 {font-size:.16rem;color:#FFF}
.index_case .thumbs #thumbs .swiper-slide-thumb-active .items{background:#FFF}
.index_case .thumbs #thumbs .swiper-slide-thumb-active .items .text p {color:#6e6e6e}
.index_case .thumbs #thumbs .swiper-slide-thumb-active .items .text h6 {color:#262525}
.index_case.index_page_current .names {opacity: 1 !important;pointer-events: auto !important;-webkit-transform: none !important;transform: none !important;-webkit-transition: all .8s cubic-bezier(.69, .27, .45, .99);transition: all .8s cubic-bezier(.69, .27, .45, .99);  transition-delay: 0s;-webkit-transition-delay: 100ms;transition-delay: 100ms;}
.index_case.index_page_current .thumbs>*{opacity: 1 !important;pointer-events: auto !important;-webkit-transform: none !important;transform: none !important;-webkit-transition: all .8s cubic-bezier(.69, .27, .45, .99);transition: all .8s cubic-bezier(.69, .27, .45, .99);  transition-delay: 0s;-webkit-transition-delay: 100ms;transition-delay: 100ms;}
.index_case.index_page_current .thumbs #thumbs {transition-delay:150ms}

.index_news {width:100%;}
.index_news>div{position:relative;z-index:2}
.index_news>div>*{opacity:0;transform:translateY(3vw)}
.index_news .names {padding:0 0 .25rem;position:relative;margin:0 0 .5rem;}
.index_news .names h3 {font-size:.48rem;color:#00a0e9}
.index_news .names p{font-size:.22rem;color:#838383;margin:.15rem 0 0;text-transform:uppercase;}
.index_news .names:after{content:'';width:.47rem;height:6px;background:#00a0e9;position:absolute;left:0;bottom:0}
.index_news .lists{position:relative;}
.index_news .swiper-slide a{display:block;position:relative;background:#e9f1f9;padding:.4rem 0 .25rem;border-radius:10px;overflow:hidden;}
.index_news .swiper-slide h6 {padding:0 .2rem;margin:0 0 .3rem;font-size:.2rem;color:#262626;line-height:.27rem;height:.54rem;overflow:hidden;position:relative}
.index_news .swiper-slide h6:before{content:'';width:4px;height:.25rem;background:#00a0e9;position:absolute;top:0;left:0}
.index_news .swiper-slide .t {padding:0 .2rem;}
.index_news .swiper-slide span {font-size:.14rem;color:#676767}
.index_news .swiper-slide p{font-size:.16rem;color:#262626;line-height:.22rem;height:.44rem;overflow:hidden;margin:.2rem 0 .3rem;}
.index_news .swiper-slide .imgs{overflow:hidden;border-radius:10px;}
.index_news .swiper-slide .imgs img {width:100%;height:2.1rem;object-fit:cover;transition:none;}
.index_news .swiper-slide a:hover .imgs {transform:translateY(-5px);box-shadow:2px 2px 4px rgba(0,0,0,.12)}
.index_news .mores {margin:.45rem 0 0}
.index_news .mores>a{display:inline-block;background:#00a0e9;border-radius:6px;font-size:.14rem;color:#FFF;padding:0 .49rem;line-height:.43rem;}
#particles-js{ width: 100%; height: 100%; position:absolute;top:0;left:0}
#particles-js canvas{display:block;}
.index_page_current .index_news>div>*{opacity: 1 !important;pointer-events: auto !important;-webkit-transform: none !important;transform: none !important;-webkit-transition: all .8s cubic-bezier(.69, .27, .45, .99);transition: all .8s cubic-bezier(.69, .27, .45, .99);  transition-delay: 0s;-webkit-transition-delay: 100ms;transition-delay: 100ms;}
.index_page_current .index_news .lists {transition-delay:150ms}


.index_service{background:#edf9ff}
.index_service .names {padding:0 0 .25rem;position:relative;margin:0 0 .5rem;}
.index_service .names h3 {font-size:.48rem;color:#00a0e9}
.index_service .names p{font-size:.22rem;color:#838383;margin:.15rem 0 0;text-transform:uppercase;}
.index_service .names:after{content:'';width:.47rem;height:6px;background:#00a0e9;position:absolute;left:0;bottom:0}
.index_service .mains {text-align:center}
.index_service .mains>div{position:relative;padding:0 0 2.12rem;}
.index_service .mains .t{position:relative;width:16.666%;padding:0 .4rem 0 0;display:inline-block;vertical-align:top;}
.index_service .mains .t:before{content:'';display:block;width:1.91rem;height:1.6rem;background:url(../images/inx3.png) 0 0 no-repeat;background-size:1.91rem 1.6rem;}
.index_service .mains .t:after{content:'';width:.40rem;height:.45rem;background:url(../images/inx3-1.png) 0 0 no-repeat;background-size:.4rem .45rem;position:absolute;top:100%;right:.8rem;margin:.1rem 0 0}
.index_service .mains .t em {position:absolute;top:.55rem;left:1.45rem;z-index:1;font-size:.24rem;color:#FFF;font-family:"Swis721-Blk-BT-Black";font-weight:bold;}
.index_service .mains .t .txt{position:absolute;left:0;top:.3rem;z-index:1;width:1.4rem;padding-left:.24rem;}
.index_service .mains .t .txt p{margin:.1rem 0 0;font-size:.16rem;color:#000}
.index_service .mains .t .txt p:first-child{height:.6rem;line-height:.6rem;margin:0}
.index_service .mains .t .txt p img {max-height:.45rem;transition:none;}
.index_service .mains>div>div.items2{position:absolute;width:100%;bottom:0;text-align:center;padding:0}
.index_service .mains>div>div.items2>div{position:relative;width:16.666%;padding:0 .4rem 0 0;display:inline-block;vertical-align:top;}
.index_service .mains>div>div.items2>div:after{top:auto;bottom:100%;margin:0 ;right:1.15rem;background:url(../images/inx3-2.png) 0 0 no-repeat;background-size:.4rem .45rem;}
.index_service .mains>div>div:last-child:after{display:none;}
.index_service>div>*{opacity:0;transform:translateY(3vw)}
.index_service.index_page_current>div>*{opacity: 1 !important;pointer-events: auto !important;-webkit-transform: none !important;transform: none !important;-webkit-transition: all .8s cubic-bezier(.69, .27, .45, .99);transition: all .8s cubic-bezier(.69, .27, .45, .99);  transition-delay: 0s;-webkit-transition-delay: 100ms;transition-delay: 100ms;}
.index_service.index_page_current .mains{transition-delay:150ms}
/**/
.index_footer{height:auto !important;}
.footer{background:#018ac9;padding:.81rem 0 0;position:relative;}
.footer:before{content:'';width:100%;height:.46rem;background:url(../images/fot1-3.png) center bottom no-repeat;background-size:100% auto;position:absolute;bottom:100%;left:0;z-index:1}
.index_footer .footer {background:url(../images/fot1.png) center 0 no-repeat #018ac9;padding:1.27rem 0 0;}
.index_footer .footer:before{display:none;}
.footer .infos{padding:0 0 .3rem;}
.footer .infos>div{display:inline-block;vertical-align:top;width:80%}
.footer .infos .navlist dl {display:inline-block;vertical-align:top;width:16.666%}
.footer .infos .navlist dl dt {font-weight:normal;margin:0 0 .25rem;}
.footer .infos .navlist dl dt a{font-size:.18rem;color:#FFF}
.footer .infos .navlist dl dd {margin:0 0 .2rem;}
.footer .infos .navlist dl dd a{font-size:.16rem;color:#c0e9fc}

.footer .infos .code{width:20%;text-align:right}
.footer .infos .code>div{display:inline-block;text-align:center}
.footer .infos .code>div img {width:1.46rem;transition:none}
.footer .infos .code>div p{font-size:.16rem;color:#ddf4ff;margin:.2rem 0 0}
.footer .tels{padding:.33rem 0 .13rem;border-top:1px solid rgba(255,255,255,.34);border-bottom:1px solid rgba(255,255,255,.34);}
.footer .tels>div{display:inline-block;vertical-align:middle;width:70%}
.footer .tels .share {width:30%;text-align:right}
.footer .tels .desc {font-size:.16rem;color:#ddf4ff}
.footer .tels .desc a{font-size:.16rem;color:#ddf4ff}
.footer .tels .desc p{margin:0 0 .2rem;}
.footer .tels .share>a{display:inline-block;margin-left:.2rem;width:.29rem;height:.29rem;background:#FFF;border-radius:100%;line-height:.29rem;text-align:center;font-size:.16rem;color:#898989;}
.footer .copy{padding:.28rem 0;font-size:.16rem;color:#ddf4ff}
.footer .copy a{font-size:.16rem;color:#ddf4ff}
/**/
.flash {position:relative}
.flash img{width:100%;transition:none;}
.flash h1 {position:absolute;left:2.6rem;top:50%;transform:translateY(-50%);z-index:2;font-size:.48rem;color:#FFF;padding:0 0 .35rem;}
.flash h1:after{content:'';width:.46rem;height:9px;background:#008cd6;position:absolute;bottom:0;left:0;border-radius:999px;}

.ab_menus{padding:.75rem 0 0;background:#FFF}
.ab_menus>div>*{display:inline-block;vertical-align:top;width:30%}
.ab_menus ol {margin:0;padding:0;text-align:right;width:70%}
.ab_menus .names h3{font-size:.36rem;color:#55c0f0;font-weight:bold;}
.ab_menus .names p{font-size:.24rem;color:#717171;margin:.1rem 0 0;line-height:1;}
.ab_menus ol li {display:inline-block;padding:0 0 0 .4rem;}
.ab_menus ol li a{font-size:.18rem;color:#696969;font-weight:bold;display:block;padding:0 0 .2rem;position:relative;}
.ab_menus ol li a:after{content:'';width:0;height:4px;background:#00a0e9;position:absolute;bottom:0;left:0;transition:all .6s ease-in-out}
.ab_menus ol li.on a:after,.ab_menus ol li a:hover:after{width:100%}
.ab_menus ol li.on a,.ab_menus ol li a:hover{color:#00a0e9}

.company{padding:.45rem 0 1.3rem;background:#FFF}
.company .imgbox>div{display:inline-block;vertical-align:middle;width:69.5%}
.company .imgbox .imgs {border-radius:0 40px 0 0;position:relative;overflow:hidden}
.company .imgbox .imgs:after{content:'';width:2.01rem;height:.58rem;background:url(../images/ab0.png) 0 0 no-repeat;background-size:2.01rem .58rem;position:absolute;bottom:0;left:2.6rem;z-index:2}

.company .imgbox .nums{width:30.5%;padding:0 .4rem;}
.company .imgbox .nums>div{padding:.52rem 0}
.company .imgbox .nums>div>*{display:inline-block;vertical-align:middle;margin:0;width:20%}
.company .imgbox .nums .t{width:80%;padding-left:.25rem;}
.company .imgbox .nums .t h5 {font-size:.24rem;color:#272727}
.company .imgbox .nums .t h5 em {font-size:.48rem;font-family:"ClarendonBT";}
.company .imgbox .nums .t p{font-size:.2rem;color:#272727;margin:.1rem 0 0}

.company .contents{padding:.55rem 0 0}
.company .contents h3{font-size:.36rem;color:#000000;font-weight:bold;margin:0 0 .5rem;}
.company .contents h6 {font-size:.3rem;color:#000000;margin:0 0 .3rem;}
.company .contents .editor {font-size:.16rem;color:#323030;line-height:1.65}
.company .contents .editor h6 {font-size:.2rem;color:#00a0e9;font-weight:bold;}

.culture{position:relative}
.culture:before{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;background-position:center;background-repeat:no-repeat;background-size:cover;}
.culture h3 {position:absolute;top:.9rem;left:50%;transform:translateX(-50%);z-index:10;font-size:.36rem;color:#FFF;font-weight:bold}
.culture .items{display:inline-block;vertical-align:top;width:25%;position:relative;border-right:1px solid rgba(255,255,255,.3);border-bottom:1px solid rgba(255,255,255,.3);cursor:pointer;overflow:hidden}
.culture .items .names {padding:3.28rem 0 .65rem;text-align:center;}
.culture .items .ion {width:.8rem;height:.8rem;background:url(../images/ab1.png) 0 0 no-repeat;background-size:.8rem .8rem;line-height:.8rem;display:inline-block;text-align:center;}
.culture .items .ion img {max-height:.4rem;transition:none}
.culture .items h4 {font-size:.3rem;color:#FFF;padding:.3rem 0 0;margin:.45rem 0 0;position:relative}
.culture .items h4:before{content:'';width:.25rem;height:4px;background:#FFF;position:absolute;top:0;left:50%;transform:translateX(-50%)}
.culture .items .txt{position:absolute;bottom:.85rem;left:0;width:100%;padding:0 .3rem;transform:translateY(3vw);opacity:0;z-index:5}
.culture .items .txt h4{padding:0 0 .3rem;margin:.75rem 0 .4rem}
.culture .items .txt h4:before{top:auto;bottom:0;left:0;transform:none;}
.culture .items .txt .editor {font-size:.16rem;color:#FFF}
.culture .items .txt .editor p{margin:0}
.culture .items:hover .names{opacity:0;transform:translateY(3vw)}
.culture .items:hover .txt {opacity:1;transform:none;transition-delay:150ms}
.culture .items:before{content:'';width:100%;height:100%;position:absolute;top:0;left:0;z-index:1;backdrop-filter: blur(10px);background: rgba(255, 255, 255, 0.3);transition:all .8s ease-in-out;opacity:0;transform:scale(1.1)}
.culture .items:hover:before{opacity:1;transform:none;}

.history{padding:.9rem 0 3.1rem;background:url(../images/ab2.jpg) center bottom no-repeat #FFF;background-size:100% auto}
.history h3 {font-size:.36rem;color:#000;font-weight:bold;text-align:center;margin:0 0 .65rem;}
.history .lists {position:relative;padding:1.03rem 0 0;background:url(../images/ab3.png) center 0 no-repeat;background-size:1.08rem 1.15rem;}
.history .lists:before{content:'';width:100%;height:1px;background:#ececec;position:absolute;top:1.08rem;left:0}
.history .lists .swiper{position:relative}
.history .lists .swiper:before,.history .lists .swiper:after{content:'';width:.14rem;height:.14rem;background:#00a0e9;border-radius:100%;position:absolute;top:0;left:0}
.history .lists .swiper:after{left:auto;right:0}
.history .lists .swiper-slide{padding:0 0 .42rem;}
.history .lists .swiper-slide h5 {font-size:.24rem;color:#000000;font-weight:bold;font-style:oblique;margin:0 0 .2rem;text-align:center;padding:.48rem 0 0;position:relative}
.history .lists .swiper-slide h5:before{content:'';width:.14rem;height:.14rem;background:#00a0e9;border-radius:100%;position:absolute;top:0;left:50%;transform:translateX(-50%)}
.history .lists .swiper-slide .editor {height:2.4rem;padding:0 .3rem;font-size:.16rem;color:#000;line-height:1.65;background:#FFF;border:1px solid #00a0e9;border-radius:12px;overflow:hidden;display:flex;align-items: center;position:relative;z-index:2}
.history .lists .swiper-slide:after{content:'';width:100%;height:.76rem;background:url(../images/ab4.png) center no-repeat;background-size:100% auto;position:absolute;bottom:0;left:0}
.history .lists .swiper-slide .editor p{margin:0}
.history .lists .swiper-page>div{position:absolute;top:50%;transform:translateY(-50%);width:.45rem;height:.45rem;border:1px solid #a0a0a0;line-height:.43rem;text-align:center;font-size:.21rem;color:#a0a0a0;left:-1rem;border-radius:100%}
.history .lists .swiper-page>div.slide-button-next {left:auto;right:-1rem;}
.history .lists .swiper-page>div:hover {background:#00a0e9;border-color:#00a0e9;color:#FFF}

.honor{background:#FFF;padding:.9rem 0 1.5rem;}
.honor h3 {font-size:.36rem;color:#000;font-weight:bold;margin:0 0 .6rem;text-align:center}
.honor ol{margin:0 0 .35rem;padding:0 0 .85rem;border-bottom:2px solid #e7e7e7;position:relative;}
.honor ol li {margin:0 0 .25rem;display:inline-block;vertical-align:top;margin:0 .15rem 0 0}
.honor ol li:last-child{margin:0}
.honor ol li span {font-size:.16rem;color:#333;font-weight:bold;display:block;background:#dcdcdc;text-align:center;line-height:.51rem;border-radius:999px;min-width:1.35rem;padding:0 .12rem;cursor:pointer}
.honor ol li span#on {background:#00a0e9;color:#FFF}
.honor ol li p {margin:.15rem 0 0;position:absolute;bottom:.25rem;left:0;width:100%;display:none;transition:none;}
.honor ol li p a{display:inline-block;margin:0 .25rem;font-size:.2rem;color:#2b2b2b;}
.honor ol li p a#current,.honor ol li p a:hover{color:#00a0e9}

.honor .itembox .swiper-slide>div{display:inline-block;vertical-align:top;width:33.333%;padding:0 .25rem;margin:0 0 .65rem;}
.honor .itembox .swiper-slide a{display:block;position:relative;}
.honor .itembox .swiper-slide .imgs{height:2.8rem;line-height:2.8rem;text-align:center;}
.honor .itembox .swiper-slide .imgs img {max-height:2.8rem;transition:none;box-shadow:.13rem .13rem .24rem rgba(0,0,0,.11)}
.honor .itembox .swiper-slide .text{padding:.35rem 0 .45rem;position:relative;border-bottom:1px solid #b7b7b7}
.honor .itembox .swiper-slide .text p{font-size:.18rem;color:#939393;width:65%;margin:0}
.honor .itembox .swiper-slide .text em {font-size:.48rem;color:#ececec;position:absolute;right:0;top:.2rem;font-weight:bold;}
.honor .itembox .swiper-page{text-align:center;margin:.4rem 0 0}
.honor .itembox .swiper-page>div{display:inline-block;vertical-align:middle;margin:0 .3rem;width:auto}
.honor .itembox .swiper-page>div.its {height:.57rem;border:1px solid #0b4da3;border-radius:999px;line-height:.55rem;font-size:.16rem;color:#0b4da3;padding:0 .35rem;}
.honor .itembox .swiper-page>div.its:hover {background:#00a0e9;border-color:#00a0e9;color:#FFF}
.honor .itembox .swiper-page>div.slide-pagination{width:auto;font-size:.24rem;color:#c7c8ca;font-weight:bold;margin:0}
.honor .itembox .swiper-page>div.slide-pagination i{font-size:.3rem;color:#00a0e9}

.workshop {padding:.6rem 0 1.2rem;background:#f6f6f6}
.workshop h3 {font-size:.36rem;color:#000;font-weight:bold;margin:0 0 .6rem;text-align:center}
.workshop .swiper-slide a{display:block;position:relative;}
.workshop .swiper-slide .imgs img{width:100%;height:2.65rem;object-fit:cover;transition:none}
.workshop .swiper-slide .imgs {border-radius:6px;overflow:hidden;}
.workshop .swiper-slide p{font-size:.16rem;color:#333;margin:.15rem 0 0;text-align:center}
.workshop .swiper-slide a:hover .imgs {transform:scale(.98);box-shadow:4px 4px 6px rgba(0,0,0,.12)}
.workshop .slide-pagination{text-align:center;margin:.5rem 0 0;}
.workshop .slide-pagination span {opacity:1;outline:none;width:.14rem;height:.14rem;border:1px solid #0b4da3;background:none;margin:0 .1rem}
.workshop .slide-pagination span.swiper-pagination-bullet-active{background:#0b4da3;}

.service_{background:#edf9ff;padding:.7rem 0 2.14rem;}
.service_ .names {padding:0 0 .25rem;position:relative;margin:0 0 .5rem;}
.service_ .names h3 {font-size:.48rem;color:#00a0e9}
.service_ .names p{font-size:.22rem;color:#838383;margin:.15rem 0 0;text-transform:uppercase;}
.service_ .names:after{content:'';width:.47rem;height:6px;background:#00a0e9;position:absolute;left:0;bottom:0}
.service_ .mains {text-align:center}
.service_ .mains>div{position:relative;padding:0 0 2.12rem;}
.service_ .mains .t{position:relative;width:16.666%;padding:0 .4rem 0 0;display:inline-block;vertical-align:top;}
.service_ .mains .t:before{content:'';display:block;width:1.91rem;height:1.6rem;background:url(../images/inx3.png) 0 0 no-repeat;background-size:1.91rem 1.6rem;}
.service_ .mains .t:after{content:'';width:.40rem;height:.45rem;background:url(../images/inx3-1.png) 0 0 no-repeat;background-size:.4rem .45rem;position:absolute;top:100%;right:.8rem;margin:.1rem 0 0}
.service_ .mains .t em {position:absolute;top:.55rem;left:1.45rem;z-index:1;font-size:.24rem;color:#FFF;font-family:"Swis721-Blk-BT-Black";font-weight:bold;}
.service_ .mains .t .txt{position:absolute;left:0;top:.3rem;z-index:1;width:1.4rem;padding-left:.24rem;}
.service_ .mains .t .txt p{margin:.1rem 0 0;font-size:.16rem;color:#000}
.service_ .mains .t .txt p:first-child{height:.6rem;line-height:.6rem;margin:0}
.service_ .mains .t .txt p img {max-height:.45rem;transition:none;}
.service_ .mains>div>div.items2{position:absolute;width:100%;bottom:0;text-align:center;padding:0}
.service_ .mains>div>div.items2>div{position:relative;width:16.666%;padding:0 .4rem 0 0;display:inline-block;vertical-align:top;}
.service_ .mains>div>div.items2>div:after{top:auto;bottom:100%;margin:0 ;right:1.15rem;background:url(../images/inx3-2.png) 0 0 no-repeat;background-size:.4rem .45rem;}
.service_ .mains>div>div:last-child:after{display:none;}
/*产品*/
.product_box{}
.product_box .items{padding:.6rem 0 1.1rem;background:#f3f3f3}
.product_box .items:nth-child(2n) {background:#FFF}
.product_box .titles {margin:0 0 .65rem;position:relative;border-bottom:1px solid #dcdcdc;background:#ebebeb;}
.product_box .titles>*{margin:0;padding:0 .43rem;    display: flex;    flex-direction: row;    justify-content: space-between;}
.product_box .items:nth-child(2n) .titles ol {    justify-content: flex-start;}
.product_box .items:nth-child(2n) .titles ol li {padding-right:.43rem;}
.product_box .items:nth-child(2n) .titles ol li:last-child{padding-right:0}
.product_box .titles h4 {font-size:.18rem;color:#FFF;font-weight:bold;position:relative;background:#00a0e9;padding:0 .21rem;line-height:.81rem}
.product_box .titles ol li {}
.product_box .titles ol li a{font-size:.16rem;color:#414343;font-weight:bold;line-height:.81rem}

.product_box .lists{display:flex;    flex-direction: row;    flex-wrap: wrap;}
.product_box .lists>div{width:50%;padding:0 .59rem 0 0;margin:0 0 .5rem;cursor:pointer;}
.product_box .lists>div:nth-child(2n) {padding:0 0 0 .59rem;}
.product_box .lists .imgs img {width:100%;height:3.3rem;object-fit:cover;transition:none;}
.product_box .lists .imgs {border-radius:10px;overflow:hidden;height:3.3rem;}
.product_box .lists .text{padding:.45rem 0;border-bottom:2px solid #dedede}
.product_box .lists .text h5 {font-size:.26rem;color:#414343;font-weight:bold;margin:0 0 .25rem;}
.product_box .lists .text .editor {font-size:.16rem;color:#585959;line-height:.26rem;height:.78rem;overflow:hidden;}
.product_box .lists .text .editor p{margin:0}
.product_box .lists>div:hover .imgs{box-shadow:4px 4px 6px rgba(0,0,0,.15)}
/*案例*/
.case_box{background:#f3f3f3;padding:.75rem 0 .85rem;}
.case_box .titles {margin:0 0 .65rem;position:relative;border-bottom:1px solid #dcdcdc;background:#ebebeb;}

.case_box .titles h4 {font-size:.18rem;color:#FFF;font-weight:bold;position:relative;background:#00a0e9;line-height:.81rem;text-align:center;}
.case_box .titles ol{width:100%;margin:0;padding:0; display: flex;    flex-direction: row;    justify-content: space-between;}
.case_box .titles ol li {}
.case_box .titles ol li:last-child{padding:0}
.case_box .titles ol li a{font-size:.16rem;color:#414343;font-weight:bold;display:block;line-height:.81rem;padding:0 .15rem}
.case_box .titles ol li.on a{background:#00a0e9;color:#FFF}

.case_box .lists .names {margin:0 0 .35rem;}
.case_box .lists .names h4 {font-size:.36rem;color:#41b5ea;font-weight:bold}
.case_box .lists .names p{font-size:.24rem;color:#717171;margin:.15rem 0 0}
.case_box .lists ul {display:grid;grid-template-columns:1fr 1fr 1fr;gap:.49rem .29rem;}
.case_box .lists li a{display:block;background:#FFF}
.case_box .lists li .imgs img {width:100%;height:2.72rem;object-fit:cover;transition:none}
.case_box .lists li .text {padding:.4rem .24rem .2rem;}
.case_box .lists li .text h6 {font-size:.16rem;color:#1f1f1f;font-weight:bold;line-height:.3rem;height:.6rem;overflow:hidden;}
.case_box .lists li .text p{margin:.2rem 0 0;padding:.2rem 0 0;border-top:1px solid #dcdcdc;text-align:right;font-size:.16rem;color:#aaaaaa;font-weight:bold;}
.case_box .lists li a:hover {box-shadow:2px 2px 4px rgba(0,0,0,.12)}
/*翻页*/
.page {margin:.6rem 0 0;text-align:center}
.page a{display:inline-block;margin:0 4px;width:.4rem;height:.4rem;border:1px solid #bfbfbf;font-size:.16rem;color:#4b4b4b;line-height:.38rem;border-radius:6px;overflow:hidden;}
.page a:hover,.page a.page-num-current{background:#00a0e9;border-color:#00a0e9;color:#FFF}
/**/
.show_case{background:#f3f3f3;padding:0 0 .85rem;}
.mbx {padding:.2rem 0 .55rem;font-size:.16rem;color:#a3a3a3}
.mbx a{font-size:.16rem;color:#a3a3a3;margin:0 .25rem;}
.mbx a:first-child+a {display:none;}
.mbx a:first-child{margin-left:0}
.show_case .mians{background:#e6e6e6;display:flex;}
.show_case .mians .contents {background:#FFF;padding:.85rem 0 .9rem 1rem;width:69.5%}
.show_case .mians .contents h5 {font-size:.3rem;color:#1e1e1e;font-weight:bold;padding:0 0 .5rem;border-bottom:1px solid #e9e9e9;line-height:1.7;padding-right:.35rem;text-align:center;}
.show_case .mians .contents .editor{font-size:.2rem;color:#343434;line-height:1.7;padding:.5rem .35rem .6rem 0;border-bottom:1px solid #e9e9e9}
.show_case .mians .contents .editor .imglist {padding:.5rem 0 0}
.show_case .mians .contents .editor .imglist ul {display:flex;flex-direction: row;    flex-wrap: wrap;}
.show_case .mians .contents .editor .imglist li{width:50%;margin:0 0 .3rem;padding:0 .14rem 0 0}
.show_case .mians .contents .editor .imglist li:nth-child(2n) {padding:0 0 0 .14rem;}
.show_case .mians .contents .editor .imglist li a{display:block;position:relative;}
.show_case .mians .contents .editor .imglist li img {width:100%;height:2.89rem;object-fit:cover;transition:none}
.show_case .mians .contents .editor .imglist li a:hover {box-shadow:4px 4px 6px rgba(0,0,0,.15)}
.show_case .mians .contents .pages{padding:.55rem 0 0;}
.show_case .mians .contents .pages p{margin:0 0 .2rem;font-size:.18rem;color:#898989;font-weight:bold;}
.show_case .mians .contents .pages p a{font-size:.18rem;color:#898989;}
.show_case .mians .other{width:30.5%;padding:.6rem 1rem .4rem .55rem;}
.show_case .mians .other h6 {font-size:.24rem;color:#00a0e9;margin:0 0 .35rem;}
.show_case .mians .other li{margin:0 0 .35rem;}
.show_case .mians .other li a{display:block;background:#FFF}
.show_case .mians .other li .imgs img {width:100%;height:2rem;object-fit:cover;transition:none}
.show_case .mians .other li .text {padding:.28rem .15rem .2rem;}
.show_case .mians .other li .text h6 {font-size:.16rem;color:#1f1f1f;font-weight:bold;line-height:.3rem;height:.6rem;overflow:hidden;}
.show_case .mians .other li .text p{margin:.2rem 0 0;padding:.2rem 0 0;border-top:1px solid #dcdcdc;text-align:right;font-size:.16rem;color:#aaaaaa;font-weight:bold;}
.show_case .mians .other li a:hover {box-shadow:2px 2px 4px rgba(0,0,0,.12)}
/**/
.news_box{padding:.75rem 0 1.5rem;}
.news_box .lists ul{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.7rem .33rem}
.news_box .lists li a{display:block;position:relative;background:#f5f5f5;border-radius:12px 12px 0 0;overflow:hidden;}
.news_box .lists li .imgs img {width:100%;height:2.68rem;object-fit:cover;transition:none;}
.news_box .lists li .text{padding:.45rem 0 .3rem;}
.news_box .lists li .text span {font-size:.18rem;color:#9f9f9f;display:block;padding:0 .25rem;}
.news_box .lists li .text h6 {font-size:.2rem;color:#424242;line-height:.3rem;height:.6rem;position:relative;padding:0 .25rem;margin:.25rem 0}
.news_box .lists li .text h6:before{content:'';width:5px;height:.2rem;background:#00a0e9;position:absolute;left:0;top:.05rem;}
.news_box .lists li .text p{font-size:.16rem;color:#424242;line-height:.26rem;height:.52rem;overflow:hidden;margin:0 0 .7rem;padding:0 .25rem;}
.news_box .lists li .text em{display:block;padding:0 .25rem;}
.news_box .lists li .text em i {font-size:.36rem;color:#4e4e4e}
.news_box .lists li a:hover{box-shadow:2px 2px 4px rgba(0,0,0,.15)}

.party_box .lists li a {background:none;border-radius:0;overflow:initial}
.party_box .lists li .imgs{border-radius:6px;overflow:hidden}
.party_box .lists li .imgs img {width:100%;height:3.07rem;object-fit:cover;transition:none;}
.party_box .lists li h6 {font-size:.16rem;color:#6b6b6b;text-align:center;margin:.25rem 0 0}
.party_box .lists li a:hover {box-shadow:none;}
.party_box .lists li a:hover .imgs {transform:scale(.98);box-shadow:4px 4px 6px rgba(0,0,0,.12)}
/**/
.talent{padding:.7rem 0 .55rem;}
.talent>div>div{display:inline-block;vertical-align:middle;width:67%}
.talent .txt{width:33%;padding:0 .15rem 0 1.15rem;}
.talent .txt p{font-size:.28rem;color:#201f1f;font-weight:bold;margin:0 0 .9rem;}
.talent .txt p:last-child{margin:0}

.team {background:#f2f7fa;position:relative;padding:.8rem 0 1.2rem;}
.team:before{content:'';width:7.87rem;height:8.71rem;background:url(../images/job0.png) 0 0 no-repeat;background-size:7.87rem 8.71rem;position:absolute;bottom:0;right:0}
.team .names{margin:0 0 .45rem;position:relative}
.team .names>*{display:inline-block;vertical-align:middle;width:32%}
.team .names h3 {font-size:.48rem;color:#000000;font-weight:bold;}
.team .names ol {margin:0;padding:0 0 0 .6rem;width:68%;position:relative;background:url(../images/job1.png) 0 center no-repeat;background-size:.24rem auto;}
.team .names ol li {display:inline-block;padding:0 .45rem;position:relative;border-left:2px solid #aeb0b1}
.team .names ol li a{font-size:.2rem;color:#626262;font-weight:bold;display:block;line-height:.24rem;}
.team .names ol li#current a{color:#1076c1}
.team .itembox .swiper-slide>div{display:inline-block;vertical-align:top;padding:0 .16rem 0 0;margin:0 0 .13rem;width:25%}
.team .itembox .swiper-slide>div:first-child,.team .itembox .swiper-slide>div:first-child+div,.team .itembox .swiper-slide>div:nth-child(3) {width:33.333%}
.team .itembox .swiper-slide>div a{display:block;position:relative;background:#FFF;padding:.13rem;}
.team .itembox .swiper-slide>div:nth-child(1) img,.team .itembox .swiper-slide>div:nth-child(2) img,.team .itembox .swiper-slide>div:nth-child(3) img {width:100%;height:2.51rem;object-fit:cover;transition:none;}
.team .itembox .swiper-slide>div img {width:100%;height:1.89rem;object-fit:cover;transition:none;}
.team .itembox .swiper-slide>div a:hover {transform:scale(.98);box-shadow:2px 2px 4px rgba(0,0,0,.1)}

.joblist{padding:.95rem 0 .85rem;}
.joblist h3 {font-size:.48rem;color:#000000;font-weight:bold;margin:0 0 .65rem;}
.joblist .lists{display:flex;}
.joblist .lists ul {width:50%;padding:0 .13rem 0 0;}
.joblist .lists ul:nth-child(2n) {padding:0 0 0 .13rem;}
.joblist .lists li {margin:0 0 .35rem;}
.joblist .lists li a{display:block;background:#f6f6f6;position:relative;padding:.35rem .2rem;}
.joblist .lists li a>*{display:inline-block;vertical-align:middle;margin:0;width:75%}
.joblist .lists li a em {text-align:right;font-size:.16rem;color:#343434;width:25%}
.joblist .lists li a p{font-size:.2rem;color:#000;padding-left:.3rem;position:relative}
.joblist .lists li a p:before{content:'';width:5px;height:5px;background:#000;border-radius:100%;position:absolute;left:0;top:50%;transform:translateY(-50%);}
.joblist .lists li a em i {font-size:.14rem;margin-left:.15rem;}
.joblist .lists li .submenu {transition:none;display:none;padding:.5rem .2rem;font-size:.16rem;color:#595959;background:#f6f6f6;border-top:1px solid #c9c9c9}


.contact_box{padding:0}
.contact_box .infos{padding:.7rem 0 1.1rem;background:url(../images/icon1.jpg) 0 0 no-repeat;background-size:cover;}
.contact_box .infos .names {margin:0 0 1.25rem;position:relative}
.contact_box .infos .names h3 {font-size:.48rem;color:#000;font-weight:bold;}
.contact_box .infos .names p{font-size:.48rem;color:#000;font-family:"Futura-ExtraBold";text-transform:uppercase;margin:.1rem 0 0}
.contact_box .infos .names ol {margin:0;padding:0;position:absolute;right:0;top:50%;transform:translateY(-50%)}
.contact_box .infos .names ol li {display:inline-block;padding-left:.6rem}
.contact_box .infos .names ol li a{display:block;position:relative;font-size:.18rem;color:#696969;font-weight:bold;padding:0 0 .2rem;}
.contact_box .infos .names ol li a:after{content:'';width:0;height:4px;background:#00a0e9;position:absolute;bottom:0;left:0;transition:all .5s ease-in-out;}
.contact_box .infos .names ol li.on a{color:#00a0e9}
.contact_box .infos .names ol li.on a:after{width:100%}


.contact_box .infos .mains>div{display:inline-block;vertical-align:middle;width:55%}
.contact_box .infos .mains .let>div{margin:0 0 .38rem;padding-right:.45rem}
.contact_box .infos .mains .rlt{width:45%;padding:.35rem 0}
.contact_box .infos .mains .rlt p {font-size:.18rem;color:#000000;font-weight:bold;position:relative;margin:0;padding-right:1.15rem;line-height:1.7}
.contact_box .infos .mains .rlt p:first-child{margin:0 0 .25rem;}
.contact_box .infos .mains .rlt p em {position:absolute;right:0;top:50%;transform:translateY(-50%);width:.4rem;cursor:pointer}

.contact_box .infos .mains .let>div>*{display:inline-block;vertical-align:middle;width:11%;margin:0}
.contact_box .infos .mains .let>div .t {width:89%;font-size:.18rem;color:#000000;padding-left:.2rem;}
.contact_box .infos .mains .let>div:nth-child(2) .t p {display:inline-block;position:relative}
.contact_box .infos .mains .let>div:nth-child(2) .t p em{width:.4rem;position:absolute;bottom:100%;right:0;cursor:pointer}

.contact_box .infos .mains .let>div .t>em,.contact_box .infos .mains .let>div .t>p {display:block;font-size:.2rem;color:#000;font-weight:bold;margin:.1rem 0 0}
.contact_box .map #container{height:6.58rem;}

.contact_box .message{transform:translateY(-1.7rem);position:relative;z-index:2;}
.contact_box .message>div{box-shadow:4px 4px .32rem rgba(0,0,0,.09);padding:.85rem .1rem .6rem;background:#FFF}
.contact_box .message li {padding:0 .53rem;margin:0 0 .35rem;}
.contact_box .message li input[type="text"],.contact_box .message li textarea{width:100%;border:0;font-size:.14rem;color:#3a3a3a;height:.4rem;border-bottom:1px solid #e5e5e5;padding:0 .15rem;min-height:35px;}
.contact_box .message li textarea{height:1.1rem;padding:.15rem;}
.contact_box .message li input[name="checkcode"] {width:30%}

.contact_box .message li button {background:#00a0e9;font-size:.16rem;color:#FFF;border-radius:999px;border:0;height:.55rem;padding:0 .5rem;}
.contact_box .message li:last-child{margin:0}

/********<=767 mobile nav style css********/
.fl-page{position:relative;top:-1.5rem;}

#menu {display:none;}
#menu.mm-menu.mm-current{display:block;}
.m-header {background:#222;box-shadow:0 0 12px rgba(0,0,0,0.2)}
.m-header >.col-xs-6>div {color:#333;line-height:normal;}
.m-header >.col-xs-6 .langs>*{display:inline-block;font-size:14px;color:#333;line-height:normal;}
.m-header >.col-xs-6 .langs em {padding:0 5px;}
.m-header >.col-xs-6 .langs a{width:30px;height:30px;background:#FFF;color:#222;line-height:30px;text-align:center;border-radius:100%;margin:0 0 0 5px;}
.m-header >.col-xs-6 .menu{margin-left:.15rem;}
.m-header >.col-xs-6 .menu a{font-size:16px;color:#FFF}
.m-header >.col-xs-6 .menu a>* {display:inline-block;vertical-align:middle;}
.m-header >.col-xs-6 .menu a i {font-size:20px;}
.m-header >.col-xs-6 img {max-height:45px;}
.st-container .st-menu {background:#0e6eb8;
	-webkit-transition: all .6s cubic-bezier(.77,0,.175,1) 0s;
    -o-transition: all .6s cubic-bezier(.77,0,.175,1) 0s;
     transition: all .6s cubic-bezier(.77,0,.175,1) 0s;
}
.st-container .st-menu ul li a {color:#FFF;position:relative;font-size:.25rem}
.st-container .st-menu ul li>a:hover,.st-container .st-menu ul li.active>a {background:#f39800;box-shadow:0 4px 8px rgba(0,0,0,0.2);border-radius:5px;color:#FFF}
.st-container .st-menu ul li>a>i {position:absolute;right:1em;top:50%;transform:translateY(-50%);color:#FFF}
.st-container .st-menu ul li.active>a>i,.st-container .st-menu ul li>a:hover>i {color:#FFF}
.st-container .st-menu ul li>dl {transition:none;margin:0}
.st-container .st-menu ul li>dl dd a {background:none;box-shadow:none;color:#FFF;padding-left:0}
.st-container .st-menu ul li>dl dd a i {padding-right:10px;}
.st-container .st-menu ul li>dl dd.on2 a,.st-container .st-menu ul li>dl dd a:hover {color:#f39800}
.st-container .st-menu ul li>dl dd.on2 a i,.st-container .st-menu ul li>dl dd a:hover i {padding-right:16px}
.st-effect-1.st-menu {display:block;}
/********<=767 mobile nav style css 2********/

/**************************/
@media(max-width:1850px){
    .header .navlist ul li{padding:0 .25rem 0 0}
	.header .navlist .h_search{width:1.8rem;margin:0 .25rem 0 0}
	.product_box .titles ol li {padding-left:.4rem;}
}
@media(max-width:1700px){

	.index_honor .itembox .swiper-slide h5 {background-size:.24rem auto;padding:.2rem .25rem 0;font-size:.14rem;}
	.index_honor .itembox .swiper-slide a{padding:.15rem .15rem 0}
	.product_box .titles ol li a{font-size:.14rem;}
	.case_box .titles ol li a{padding:0 .1rem;font-size:.14rem;}
}
@media(max-width:1550px){
    .index_honor .itembox .swiper-slide h5 {background-size:.2rem auto;padding:.2rem .22rem 0;}
    .index_honor .itembox .swiper-slide a{padding:.15rem .1rem 0}
}
@media(max-width:1440px){
	.index_case .thumbs{padding:0 1.6rem;}
	.index_case .names{left:1.6rem;}
	.tem_banner .label_text{padding:0 1.6rem;}
	.index_about .text{padding-left:0}
	.flash h1{left:1.6rem;}
	.clss2_img .text{left:1.6rem;}
	.clss2_img .lists{padding:0 1.6rem;}
	
}
/******ipad****/
@media(max-width:990px){
	body{overflow-x:hidden;}
	.st-menu {display:block;}	
	.header {display:none;}
	.m-header  {top:0;opacity:1;}
	

	.tem_banner .label_text{padding:0 25px;}
	.index_case .thumbs{padding:0 25px;}
	.index_case .names{left:25px;}
	.flash h1{left:25px;}
	.clss2_img .text{left:25px;}
	.clss2_img .lists{padding:0 25px;}
}
/********mobile*********/
@media(max-width:767px){
	.index_about > div{display:block;}
	.index_about .text{padding:0;margin:0 0 .35rem;}
	.index_about .text .nums > div > *{display:block;width:100% !important;text-align:center;}
	.index_honor.index_page_current .boxmain > div > *{display:block;}
	.index_honor .titles ol li{width:50%}
	.index_honor .titles ol{margin:.35rem 0 0}
	.index_business .lists > dl{grid-template-columns:repeat(2,50%);gap:.2rem .12rem;}
	.index_service .mains{text-align:left;}
	.index_service .mains .t{width:33.333%;margin:0 0 .3rem;}
	.index_service .mains .t::after{display:none;}
	.footer .infos .navlist dl{width:33.333%;margin:0 0 .2rem;}
	.footer .infos .navlist dl dt {margin:0;}
	.footer .infos .navlist dl dd {display:none;}

	.company .imgbox > div{display:block;width:100% !important;}
	.company .imgbox .nums > div{display:inline-block;vertical-align:top;width:50%}
	.culture .items{width:50%}
	.culture .items .names{padding:1rem 0 .65rem;}
	.honor ol li{width:50%;text-align:center;margin:0 0 .15rem;}
	.honor .itembox .swiper-slide>div{width:50%}
	.product_box .titles > *{display:block;width:100% !important}
	.product_box .titles ol li,.case_box .titles ol li{width:50%;margin:0 0 .1rem;padding:.1rem;}
	.product_box .lists > div{padding:0 .15rem 0 0}
	.product_box .lists > div:nth-child(2n){padding:0 0 0 .15rem;}
	.product_box .lists .text h5{line-height:.3rem;height:.6rem;overflow:hidden;}

	.case_box .lists ul{grid-template-columns:1fr 1fr;}
	.show_case .mians{display:block;}
	.show_case .mians .contents{width:100%;padding:.85rem .25rem .9rem;}
	.show_case .mians .other{width:100%;padding:.6rem .25rem .4rem;}
	.show_case .mians .other ul{display:grid;grid-template-columns:1fr 1fr;gap:.35rem .12rem;}
	.news_box .lists ul{grid-template-columns:1fr 1fr}
	.talent > div > div,.team .names > *{display:block;width:100% !important;}
	.talent .txt{padding:.5rem 0 0}
	.team .itembox .swiper-slide > div{width:50% !important;padding:0 .1rem;}
	.team .itembox .swiper-slide > div img{height:1.89rem !important;}
	.team .names ol li{padding:0 .2rem;}
	.team .names h3 {margin:0 0 .35rem;}
	.joblist .lists{display:block;}
	.joblist .lists ul{width:100%;padding:0 !important;}
	.contact_box .infos .mains > div{display:block;width:100% !important;}
	.contact_box .message li{padding:0}
	
	.service_ .mains > div{padding:0}
	.service_ {padding-bottom:0}
	.service_ .mains{text-align:left;}
	.service_ .mains .t{width:33.333%;margin:0 0 .3rem;}
	.service_ .mains .t::after{display:none;}
	
	.tem_banner .swiper-page > div{left:15px}
	.tem_banner .swiper-page > div.slide-button-next{left:auto;right:15px;}
	.clss2_img .lists{padding:0 15px;}
	.clss2_img .text{left:15px;}
	
	.case_box .titles > *{display:block;width:100% !important}
	.ab_menus > div > *{width:60%}
	
	.ab_menus ol{text-align:left;width:40%}
	.ab_menus ol li{width:50%;padding:0 0 .2rem;}
	.ab_menus ol li a{display:inline-block;}
}