body { color: #333333; font-family: PingFangSC-Regular, sans-serif, "microsoft yahei"; background: #fff; overflow-x: hidden; }
 @font-face {
 font-family: ONEAN-Bold;
 src: url(../fonts/ONEAN-Bold.otf);
 font-weight: 700;
}
.header,  .footer,  .homepage,  .banner_info,  .products,  dl,  ul,  .contentus,  .ws-wap-menu,  .caseitem,  .aboutus,  .news,  .service,  .case { font-size: 0.16rem; }
html { font-size: 100px; }
* { margin: 0; padding: 0; box-sizing: border-box; }
dl { margin: 0; }
dt { font-weight: normal; }
ul,  li { list-style-type: none; margin: 0; }
h1,  h2,  h3,  h4,  h5,  h6 { font-size: 100%; font-weight: normal; }
a { color: #333333; text-decoration: none; outline: none; transition: all 0.3s; }
a:hover { color: #105ebe; outline:none }
a:focus { text-decoration: none; color: inherit; }
img { border: 0; vertical-align: middle; transition: all 0.6s; max-width: 100%; }
table { border-collapse: collapse; }
input,  textarea,  select,  button { border: 0; outline: none; }
button { cursor: pointer; }
.wrap { width: 100%; overflow: hidden; }
.container { margin: 0 auto; width: 82vw; z-index: 3; }
.wow {
  visibility: hidden;
}
/*公共样式勿删除*/



.clearfix:after { content: " "; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { zoom: 1; }
.flex { display: flex; align-items: center; }
.flex_item { flex: 1; }
video { vertical-align: middle; background: #000; width: 100%; }
.pic img { width: 100%; }
.pic { overflow: hidden; }
.pic:hover img { transform: scale(1.1); }
.hidden { display: none; }
/**/



.headerAct { -webkit-transform: translateY(-100%); transform: translateY(-100%); }
.header { width: 100%; transition: all 0.5s; z-index: 99; position: fixed; left: 0; top: 0; color: #fff; border-bottom: 1px solid rgba(255, 255, 255, 0.2); }
.header > .flex { padding: 0 0 0 0.45rem; }
.header .logo { display: flex; align-items: center; font-size: 0.1rem; text-transform: uppercase; margin-right: 0.65rem; }
.header .logo dl { margin-left: 0.15rem; padding-left: 0.15rem; border-left: 1px solid rgba(255, 255, 255, 0.4); }
.header .logo dl dd { opacity: 0.5; font-size:10px; line-height:12px; }
.header .logo dt { font-size: 0.14rem; margin-bottom: 0.06rem; }
.header .logo a { display: block; width: 1.59rem; height: 0.4rem; background: url(../images/logo.png) center no-repeat; background-size: 100% 100%; }
.header .nav { display: flex; align-items: center; }
.header .nav.on { display: none; }
.header .nav > li { z-index: 10; padding: 0 0.17rem; line-height: 1rem; position: relative; }
.header .nav > li > a { display: block; color: #fff; position: relative; }
.header .side { display: flex; align-items: center; line-height: 1rem; }
.header .side b { font-size: 0.18rem; padding-left: 0.25rem; background: url(../images/home_57.png) left center no-repeat; }
.header .side li { padding: 0 0.3rem; position: relative; border-right: 1px solid rgba(255, 255, 255, 0.2); }
.header .side li .code { background: #fff; width: 100%; text-align: center; padding: 5px; line-height:0.3rem; position: absolute; display: none; /*top: 110%;*/ left: 0; }
.header .side li .code p{ font-weight:bold; padding:0;}
.header .side li:hover .code { display: block; }
 .header .side li .code::after {
 content: "";
 width: 0;
 height: 0;
 border-right: 5px solid transparent;
 border-left: 5px solid transparent;
 border-bottom: 5px solid #fff;
 display: inline-block;
 position: absolute;
 top: -5px;
 left: 50%;
 transform: translate(-50%, 0);
}
.header.on .side li,  .header.active .side li,  .header.active1 .side li,  .header_info .side li { border-right: 1px solid rgba(0, 0, 0, 0.1); }
.header.on .side li b,  .header.active .side li b,  .header.active1 .side li b,  .header_info .side li b { background: url(../images/home_57_on.png) left center no-repeat; }
.header.on .side li .wx,  .header.active .side li .wx,  .header.active1 .side li .wx,  .header_info .side li .wx { background: url(../images/home_06_on.png) center no-repeat; background-size: 100% 100%; }
.header .side li:last-child { border: none; padding: 0 0.45rem; cursor: pointer; background: #105ebe; }
.header .side .wx { display: inline-block; vertical-align: middle; background: url(../images/home_06.png) center no-repeat; background-size: 100% 100%; width: 0.23rem; height: 0.19rem; }
.header .side a { color: #fff; }
 .header .nav > li:hover::after,  .header .nav > li.on::after {
 content: "";
 border-bottom: 3px solid #105ebe;
 width: 100%;
 left: 0;
 bottom: 0;
 position: absolute;
}
.header .nav > li:hover .dropmenu { display: block; }
.header .nav .dropmenu { display: none; line-height: 0.7rem; white-space: nowrap; position: absolute; top: 100%; left: 50%; transform: translate(-50%, 0); }
.header .nav .dropmenu a { color: #777e82; padding: 0 0.2rem; }
.header .searchicon { display: inline-block; width: 13px; height: 14px; background: url(../images/search.png) center no-repeat; }
 .header.active1::after {
 content: "";
 position: absolute;
 width: 100%;
 height: 0.7rem;
 background: #fff;
 left: 0;
 top: 100%;
}
.header.on > .flex,  .header.active > .flex,  .header.active1 > .flex,  .header_info > .flex { background: #fff; position: relative; z-index: 5; color: #333; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); }
.pt { padding-top: 1rem; }
.header.on .logo a,  .header_info .logo a,  .header.active .logo a,  .header.active1 .logo a { background: url(../images/logo_color.png) center no-repeat; background-size: 100% 100%; }
.header.on .nav > li > a,  .header.on .side a,  .header.active .nav > li > a,  .header.active .side a,  .header.active1 .nav > li > a,  .header.active1 .side a,  .header_info .nav > li > a,  .header_info .side a { color: #333; }
.footer { color: #fff; position: relative; background-color: #272727; }
 .footer::before {
 content: "";
 background: #0f4e9c;
 position: absolute;
 width: 9vw;
 position: absolute;
 left: 0;
 z-index: 0;
 top: 0;
 height: 100%;
}
.footer a { color: #8f8f8f; }
.footer a:hover { color: #fff; }
.footer .side { background: #0f4e9c; width: 35%; position: relative; z-index: 3; margin-right: 1.3rem; padding: 1rem 1.3rem 1rem 0; }
.footer .side .box { margin-top: 0.5rem; }
.footer .side .box .flex { margin-bottom: 0.1rem; background: #105ebe; padding: 0 0.2rem; }
.footer .side .box .flex input { width: 100%; height: 0.6rem; background: none; font-size: 0.16rem; padding-left: 0.15rem; color: #fff; }
.footer .side button { width: 100%; height: 0.6rem; background: #fff; color: #105ebe; font-size: 0.16rem; }
.footer .title_common { text-align: left; }
.footer .title_common h2 { font-size: 0.3rem; }
.footer .title_common p { color: #fff; }
.footer ol { display: flex; flex-wrap: wrap; line-height: 0.48rem; width: 3rem; }
.footer ol li { width: 1.5rem; }
.footer .just { display: flex; margin: 0.6rem 0; justify-content: space-between; }
.footer .just .code { width: 1.18rem; height: 1.18rem; margin-left: -1rem; }
.footer .just .tel { line-height: 0.36rem; }
.footer .just .tel ul { padding: 0.1rem 0; }
.footer .just .tel b { font-size: 0.3rem; color: #1378f5; font-weight: normal; }
.footer .copyright { color: #7a7a7a; }
.ws-wap-menu { position: fixed; box-sizing: border-box; top: 55px; right: 0; bottom: 0; left: 0; background: #fff; z-index: -1; opacity: 0; }
.ws-wap-menu.on { display: flex; flex-direction: column; justify-content: space-between; align-items: center; padding-bottom: 40px; z-index: 998; opacity: 1; }
.ws-wap-menu a:hover,  .ws-wap-menu a:active { opacity: 1; }
.ws-wap-menu ul { width: 100%; border-top: 1px solid #eee; flex-grow: 0; flex-shrink: 0; }
.ws-wap-menu ul li { border-bottom: 1px solid #eee; }
.ws-wap-menu ul li a { display: block; line-height: 52px; font-size: 16px; padding-left: 20px; }
.ws-wap-menu ul li.has-sub-nav { position: relative; }
.ws-wap-menu ul li.has-sub-nav a { display: inline-block; }
.ws-wap-menu ul li.has-sub-nav:after { content: ""; display: inline-block; height: 6px; width: 6px; border-width: 0 1px 1px 0; border-color: #333; border-style: solid; -webkit-transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0); transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0); position: absolute; top: 22px; right: 20px; }
.ws-wap-menu ul li.on.has-sub-nav:after { border-width: 1px 0 0 1px; border-color: #fff; }
.ws-wap-menu ul li .sub-nav { padding: 10px 0 20px; background-color: #fff; font-size: 0; display: none; flex-wrap: wrap; justify-content: space-between; align-items: center; }
.ws-wap-menu ul li.on { background-color: #105ebe; }
.ws-wap-menu ul li.on > a { color: #fff; }
.ws-wap-menu ul li.on .sub-nav { display: flex; }
.ws-wap-menu ul li .sub-nav a { font-size: 14px; line-height: 40px; width: 50%; }
.ws-wap-menu .middle { flex-grow: 1; padding: 0.15rem 15px 0; width: 100%; }
.ws-wap-menu .search { display: flex; align-items: center; border: 1px solid #666; border-radius: 0.3rem; margin-top: 0.15rem; padding: 0.05rem 0.15rem; }
.ws-wap-menu .search img { width: 0.15rem; }
.ws-wap-menu .search input { width: 100%; height: 0.3rem; background: none; }
.searchdialog.on { top: 50%; }
.searchdialog { transition: all 0.6s; position: absolute; z-index: 999; left: 50%; top: -100%; transform: translate(-50%, -50%); background: #fff; }
.searchdialog .search { width: 6rem; background-color: #fff; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); padding: 0.1rem 0.2rem; border-radius: 0.4rem; }
.searchdialog .search input { width: 100%; padding-left: 0.15rem; font-size: 0.16rem; height: 0.4rem; }
.searchdialog img { margin-left: 0.1rem; }
.searchdialog .close { color: #333; margin-right: 0.15rem; line-height: 0.26rem; display: block; margin-top: -3px; font-size: 0.36rem; cursor: pointer; }
.swiper-pagination-bullet-active { background: #105ebe; outline:none }
/**/



.more { display: flex; color: #fff; height: 0.5rem; width: 1.72rem; justify-content: space-between; align-items: center; padding-left: 0.15rem; text-align: center; background: #105ebe; border: 1px solid #105ebe; }
.more:hover { color: #fff; transform: translateX(0.1rem); }
.more span + span { display: block; background: url(../images/more.png) center no-repeat; width: 0.5rem; height: 0.47rem; text-align: center; font-size: 0.2rem; padding-left: 0.1rem; line-height: 0.47rem; color: #105ebe; }
.title_common { text-align: center; }
.title_common h2 { font-size: 0.46rem; font-weight: bold; }
.title_common p { color: #7d7d7d; font-size: 0.18rem; margin-top: 0.15rem; }
.homepage .banner { position: relative; }
.homepage .banner .swiper-button-next,  .homepage .banner .swiper-button-prev { color: #fff; width: 0.6rem; height: 0.6rem; bottom: 1.2rem; top: auto; transform: translate(0, 0); left: auto; right: 9vw; border: 2px solid #fff; margin-bottom: -0.1rem;}
.homepage .banner .swiper-button-prev { margin-right:0.58rem;}
.homepage .banner .swiper-button-next:after,  .homepage .banner .swiper-button-prev:after { font-size: 0.2rem; }
.homepage .banner img { width: 100%; height:700px;}
.homepage .banner .box .container { transform: translateY(-1rem); transition: all 1s; }
.homepage .banner .swiper-pagination { bottom: 0.2rem; text-align: center; padding-left: 9vw; }
.homepage .banner .swiper-pagination-bullet { background: #fff; margin-right: 15px; }
.homepage .banner .box { position: absolute; left: 0; top: 0; color: #fff; width: 100%; height: 100%; display: flex; align-items: center; }
.homepage .banner h3 { font-size: 0.52rem; font-weight: bold; padding: 0.2rem 0 0.3rem; line-height: 0.66rem; }
.homepage .banner p { font-size: 24px; font-weight: bold; }
.homepage .banner .brdge span { display: inline-block; width: 1.3rem; text-align: center; margin-right: 0.05rem; background: #105ebe; border-radius: 0.38rem; line-height: 0.38rem; }
.homepage .banner .ani-slide .box .container { transform: translateY(0); }
.swiper-button-next,  .swiper-button-prev { outline: none; }
.homepage .a { position: relative; z-index: 99; }
.homepage .a .flex { background: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); padding: 0.35rem 0; margin-top: 0.2rem; }
.homepage .a dl { flex: 1; display: flex; align-items: center; padding-left: 0.5rem; border-left: 1px solid #eee; }
.homepage .a dl:first-child { border: none; }
.homepage .a dl dt { color: #105ebe; font-size: 0.56rem; margin-right: 0.2rem; line-height: 0.56rem; margin-bottom: -0.15rem; font-family: ONEAN-Bold; }
.homepage .a dl p { margin-top: 0.05rem; }
.homepage .b { padding: 1.1rem 0; }
.homepage .b .title_common { display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 0.7rem; }
.homepage .b .bd { display: flex; }
.homepage .b .bd .side { width: 23.85%; margin-right: 0.26rem; }
.homepage .b .bd ul { display: flex; margin: -0.13rem; flex-wrap: wrap; }
.homepage .b .bd ul li { width: 33.333%; padding: 0.13rem; }
.homepage .b .bd .pic { position: relative; }
.homepage .b .bd dl { position: absolute; left: 0.3rem; top: 0.3rem; }
.homepage .b .bd dl dd { font-size: 0.14rem; text-transform: uppercase; color: #878b8f; margin-top: 0.1rem; }
.homepage .b .bd dl dt { font-weight: bold; font-size: 0.24rem; }
.homepage .c { background: url(../images/home_30.jpg) center no-repeat; background-size: cover; color: #fff; padding: 1.1rem 0; }
.homepage .c dt { font-weight: bold; font-size: 0.24rem; padding-bottom: 0.2rem; }
.homepage .c .title_common { text-align: left; }
.homepage .c .bd { display: flex; align-items: flex-end; }
.homepage .c p { font-size: 0.18rem; margin-top: 0.6rem; }
.homepage .c ul { display: flex; font-size: 0.18rem; flex-wrap: wrap; margin: 0.5rem 0 0.8rem; line-height: 0.48rem; }
.homepage .c ul li { padding-left: 0.2rem; position: relative; width: 20%; }
 .homepage .c ul li::before {
 content: "";
 display: block;
 width: 6px;
 height: 6px;
 background: #1378f5;
 border-radius: 50%;
 position: absolute;
 left: 0;
 top: 50%;
 transform: translate(0, -50%);
}
.homepage .c .side { width: 45%; margin-left: 10%; }
.homepage .c .side ol { display: flex; flex-wrap: wrap; margin: 0.7rem -0.05rem -0.05rem; }
.homepage .c .side ol li { width: 50%; padding: 0.05rem; }
.homepage .c .side ol .flex { background-color: #fff; height: 0.9rem; color: #333; font-weight: bold; padding: 0 0.3rem; }
.homepage .c .side ol .flex span { font-weight: normal; color: #105ebe; font-size: 0.44rem; font-family: ONEAN-Bold; margin-bottom: -0.1rem; }
.homepage .c .side ol .flex em { font-style: normal; }
.homepage .d { padding: 1.1rem 0; background-image:url(../images/bg03.jpg);background-repeat:no-repeat;background-size: cover;}
.homepage .d .pic { width: 42%; position: relative; margin-right: 10%; }
.homepage .d .pic ul { position: absolute; left: 0; display: flex; top: 0; width: 100%; height: 100%; }
.homepage .d .pic ul li { flex: 1; padding: 0 0.25rem; color: #fff; font-size: 0.14rem; line-height: 0.24rem; transition: all 0.3s; text-transform: uppercase; position: relative; display: flex; align-items: center; height: 100%; }
.homepage .d .pic ul li:hover { background: #fff; color: #666; }
 .homepage .d .pic ul li::before {
 content: "";
 width: 0;
 height: 3px;
 background: #105ebe;
 position: absolute;
 left: 0;
 width: 0;
 top: 0;
 transition: all 0.3s;
}
 .homepage .d .pic ul li:hover::before {
 width: 100%;
}
.homepage .d .pic ul li:hover b { color: #333; }
.homepage .d .pic ul li:hover dd { display: block; }
.homepage .d .pic ul li + li { border-left: 1px solid rgba(255, 255, 255, 0.4); }
.homepage .d .pic ul li b { font-size: 0.2rem; display: block; padding-bottom: 0.05rem; }
.homepage .d .pic ul li p { font-size: 0.1rem; display: block; }
.homepage .d .pic ul li dd { margin-top: 0.2rem; display: none; }
.homepage .d .title_common { text-align: left; }
.homepage .d .bd p { line-height: 0.3rem; padding: 0.5rem 0; font-size: 0.16rem; }
.homepage .d .bd ul { display: flex; flex-wrap: wrap; color: #7d7d7d; line-height: 0.3rem; margin-bottom: 0.5rem; }
.homepage .d .bd ul li { padding-left: 0.2rem; position: relative; width: 50%; }
 .homepage .d .bd ul li::before {
 content: "";
 display: block;
 width: 6px;
 height: 6px;
 background: #1378f5;
 border-radius: 50%;
 position: absolute;
 left: 0;
 top: 50%;
 transform: translate(0, -50%);
}
.homepage .e { padding: 1.1rem 0; background: #f3f7fc; }
.homepage .e .bd { margin-top: 0.7rem; }
.homepage .e .bd a { display: block; background: #fff; }
.homepage .e .bd a dl { padding: 0.15rem 0.2rem; }
.homepage .e .bd a dl dd { font-size: 0.14rem; color: #7d7d7d; margin-top: 0.08rem; }
.homepage .e .bd a dl dt { font-size: 0.18rem; }
.homepage .e .bd .swiper { padding-bottom: 0.7rem; }
.homepage .e .bd .swiper-pagination { bottom: 0; padding-bottom: 0.1rem; }
.homepage .e .bd .swiper-pagination-bullet { margin: 0 0.1rem; position: relative; }
.homepage .e .bd .swiper-pagination-bullet span{ outline:none}
.homepage .e .bd .swiper-pagination-bullet img{ outline:none}
 .homepage .e .bd .swiper-pagination-bullet-active::after {
 content: ""; outline:none;
 border: 1px solid #105ebe;
 border-radius: 50%;
 display: block;
 width: 0.2rem;
 height: 0.2rem;
 position: absolute;
 left: 50%;
 top: 50%;
 transform: translate(-50%, -50%);
}
.homepage .f { background: url(../images/home_44.jpg) center no-repeat; background-size: cover; padding: 1.4rem 0 0.9rem; }
.homepage .f .bd { color: #fff; display: flex; margin-bottom: 1.6rem; }
.homepage .f .bd .side { width: 5.46rem; padding: 0.5rem 0.57rem; background: #105ebe; }
.homepage .f .ft { background: #fff; text-align: center; }
.homepage .f .ft dd { font-size: 0.12rem; text-transform: uppercase; color: #7d7d7d; margin-top: 0.1rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
.homepage .f .ft dt { font-weight: bold; font-size: 0.2rem; }
.homepage .f .ft dl { padding: 0.3rem 0; cursor: pointer; border-bottom: 8px solid #eaeaea; }
.homepage .f .ft .swiper-slide-thumb-active dl { border-color: #105ebe; }
.homepage .f .ft .swiper-slide-thumb-active dl dt { color: #105ebe; }
.homepage .f .title_common { text-align: left; max-width: 5.4rem; }
.homepage .f .title_common p { font-size: 0.16rem; color: #fff; margin-top: 0.7rem; line-height: 0.3rem; }
.homepage .f .bd dd { line-height: 0.3rem; margin: 0.3rem 0; }
.homepage .f .bd dt { font-weight: bold; font-size: 0.3rem; }
.homepage .f .bd .swiper-button-next,  .homepage .f .bd .swiper-button-prev { position: static; margin: 0 0.2rem 0 0; color: #fff; border-radius: 50%; border: 2px solid #fff; width: 0.4rem; text-align: center; height: 0.4rem; }
.homepage .f .bd .swiper-button-next:after,  .homepage .f .bd .swiper-button-prev:after { font-size: 0.14rem; }
.homepage .g { padding: 1.1rem 0; background: url(../images/home_45.jpg) center no-repeat; background-size: cover; }
.homepage .g .bd { display: flex; justify-content: space-between; align-items: center; }
.homepage .g .bd .map { position: relative; width: 7.6rem; max-width: 48%; }
.homepage .g .bd .clicle { width: 0.09rem; height: 0.09rem; background-color: #a8c3e4; border-radius: 50%; position: absolute; top: 50%; left: 45%; }
.homepage .g .bd .clicle img { width: 0.43rem; height: 0.43rem; max-width: inherit; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
 .homepage .g .bd .clicle::before {
 content: "";
 display: block;
 width: 0.2rem;
 height: 0.2rem;
 position: absolute;
 left: 50%;
 top: 50%;
 border-radius: 50%;
 margin-top: -0.1rem;
 margin-left: -0.1rem;
 opacity: 0.7;
 background-color: #a8c3e4;
 animation: scaless 2s infinite cubic-bezier(0, 0, 0.49, 1.02);
}
.homepage .g .bd .clicle1 { top: 40%; left: 65%; }
.homepage .g .bd .clicle2 { top: 80%; left: 65%; }
.homepage .g .bd .clicle3 { top: 56%; left: 65%; }
.homepage .g .bd .clicle4 { top: 58%; left: 75%; }
 .homepage .g .bd .clicle4::after {
 content: "";
 border: 1px dashed #ccc;
 width: 0.24rem;
 height: 0.24rem;
 display: block;
 left: 50%;
 top: 50%;
 margin-top: -0.085rem;
 margin-left: -0.085rem;
 border-radius: 50%;
 animation: scaless 2s infinite cubic-bezier(0, 0, 0.49, 1.02);
}
 @keyframes scaless {  0% {
 transform: scale(1);
}
 50%,  75% {
 transform: scale(5);
}
 78%,  100% {
 opacity: 0;
}
}
.homepage .g .bd .side { width: 5.47rem; max-width: 48%; }
.homepage .g .bd ul { display: flex; flex-wrap: wrap; margin: -0.05rem; }
.homepage .g .bd ul li { width: 33.333%; padding: 0.05rem; }
.homepage .g .bd .title_common { text-align: left; }
.homepage .g .bd .title_common p { font-size: 0.16rem; line-height: 0.3rem; margin: 0.35rem 0 0.5rem; }
.homepage .h { padding: 1.1rem 0; }
.homepage .h .hd { padding-bottom: 0.6rem; display: flex; border-bottom: 1px solid #ddd; align-items: center; justify-content: space-between; }
.homepage .h .hd .title_common { text-align: left; }
.homepage .h .bd ul { display: flex; flex-wrap: wrap; justify-content:flex-star;justify-content: space-around; }
.homepage .h .bd ul li { width: 28%; }
.homepage .h .bd ul li a { display: block; padding-top: 0.3rem; }
.homepage .h .bd ul li a:hover { background: #fff; color: #333333; }
.homepage .h .bd ul li a:hover dl { padding: 0 0.3rem; }
.homepage .h .bd ul li a:hover dl dd {  color: #3364c4; }
.homepage .h .bd ul li a:hover dt { color: #fff;}
.homepage .h .bd ul li a:hover i { background: url(../images/home_48_on.png) center no-repeat; background-size: 100% 100%; }
.homepage .h .bd ul li dl { transition: all 0.3s; }
.homepage .h .bd ul li dtt { font-size: 0.14rem; color: #818181; padding-top:8px;}
.homepage .h .bd ul li dt { font-size: 0.14rem; color: #818181; padding-top:10px;}
.homepage .h .bd ul li dd { font-size: 0.2rem; margin: 0.2rem 0 0; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
.homepage .h .bd ul li i { display: block; width: 0.21rem; height: 0.04rem; background: url(../images/home_48.png) center no-repeat; background-size: 100% 100%; margin: 0.5rem 0; }
/**/
.homepage .k { padding: 1.1rem 0; }
.homepage .k .hd { padding-bottom: 0.6rem; display: flex; border-bottom: 1px solid #ddd; align-items: center; justify-content: space-between; }
.homepage .k .hd .title_common { text-align: center; }
.homepage .k .bd ul { display: flex; flex-wrap: wrap; justify-content:flex-star;justify-content: space-around; }
.homepage .k .bd ul li { width: 28%; text-align: center; }
.homepage .k .bd ul li a { display: block; padding-top: 0.3rem; }
.homepage .k .bd ul li a:hover { background: #fff; color: #333333; }
.homepage .k .bd ul li a:hover dl { padding: 0 0.3rem; }
.homepage .k .bd ul li a:hover dl dd { color: #3364c4; }
.homepage .k .bd ul li a:hover dt { color: #333333; }
.homepage .k .bd ul li a:hover i { background: url(../images/home_48_on.png) center no-repeat; background-size: 100% 100%; }
.homepage .k .bd ul li dl { transition: all 0.3s; }
.homepage .k .bd ul li dt { font-size: 0.14rem; color: #333333; }
.homepage .k .bd ul li dd { font-size: 0.16rem; margin: 0.2rem 0 0; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
.homepage .k .bd ul li i { display: block; width: 0.21rem; height: 0.04rem; background: url(../images/home_48.png) center no-repeat; background-size: 100% 100%; margin: 0.5rem 0; }



.banner_info { position: relative; z-index: 10; }
.banner_info img { height: 5.8rem; object-fit: cover; width: 100%; }
.banner_info .bd { width: 100%; margin-top: 0.4rem; position: absolute; left: 0; transform: translate(0, -50%); top: 50%; text-align: center; color: #fff; }
.banner_info h2 { font-size: 0.52rem; font-weight: bold; }
.banner_info p { font-size: 0.24rem; font-weight: bold; padding: 0.2rem 0; }
.banner_info .brdge span { display: inline-block; width: 1.3rem; text-align: center; margin-right: 0.05rem; background: #105ebe; border-radius: 0.38rem; line-height: 0.38rem; }
.banner_info .brdge span:last-child { margin: 0; }
.banner_info .swiper-pagination { bottom: 0.3rem; }
.banner_info .swiper-pagination-bullet { opacity: 1; background: #fff; border: 1px solid #fff; outline:none }
.banner_info .swiper-pagination-bullet-active { background: #105ebe; outline:none }
.pages { text-align: center; width: 100%; }
.pages li { display: inline-block; }
.pages a { width: 0.4rem; display: inline-block; align-items: center; justify-content: center; color: #808080; border-radius: 0.05rem; height: 0.4rem; vertical-align: inherit; margin: 0 0.08rem; line-height: 0.4rem; }
.pages a.page-num-current,  .pages a:hover { background: #105ebe; color: #fff; }
.case { background: #f3f7fc; padding: 0.5rem 0 1.45rem; }
.case .hd { background: #fff; }
.case .hd ul { display: flex; flex-wrap: wrap; }
.case .hd ul li{ margin-bottom:0.05rem;}
 .case .hd ul li + li::after {
 content: "|";
 color: #ccc;
 vertical-align: middle;
 padding: 0 0.15rem;

}
.case .hd ul li a { display: inline-block; vertical-align: middle; border-radius: 0.05rem; padding: 0.05rem 0.1rem; }
.case .hd ul li.on a { color: #fff; background: #105ebe; }
.case .hd span { width: 1.55rem; height: 0.78rem; display: flex; align-items: center; justify-content: center; background: #e0ebf9; }
.case .hd .flex_item { padding: 0 0.3rem; }
.case .hd .flex + .flex { border-top: 1px solid #ddd; }
.case .bd { padding: 0.7rem 0; }
.case .bd ul { display: flex; flex-wrap: wrap; margin: -0.3rem; }
.case .bd ul li { width: 33.333%; padding: 0.3rem; }
.case .bd ul a { display: block; background: #fff; }
.case .bd ul a dl { padding: 0.3rem; }
.case .bd ul a dl dd span { padding-right: 0.15rem; color: #7d7d7d; font-size: 0.14rem; }
.case .bd ul a dl dt { font-size: 0.2rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
.case .bd ul a dl dd { margin-top: 0.13rem; }
/**/



.news .homepage .h .bd ul li { border-top: 1px solid #ddd; margin-top: 0.85rem; }
.news { padding: 0.7rem 0; }
.news .homepage .h { padding: 0 0 0.7rem; }
.news .tabtitle { text-align: center; font-size: 0.18rem; }
.news .tabtitle li { display: inline-block; vertical-align: middle; }
 .news .tabtitle li + li::before {
 content: "|";
 color: #ddd;
 padding: 0 0.25rem;
}
.news .tabtitle li.on a { color: #105ebe; }
/**/

.contentus .a { padding: 1rem 0; background: #f3f7fc; }
.contentus .a .bd { background: #fff; align-items: stretch; }
.contentus .a .bd > .flex_item { padding: 0.5rem; }
.contentus .a .bd > .flex_item + .flex_item { background: url(../images/contentus_04.jpg) center no-repeat; background-size: cover; color: #fff; }
.contentus .a .bd h3 { font-weight: bold; font-size: 0.3rem; }
.contentus .a .bd ul { font-size: 0.18rem; line-height: 0.48rem; flex-wrap: wrap; display: flex; }
.contentus .a .bd ul li { width: 50%; }
.contentus .a .bd h4 { font-size: 0.24rem; color: #105ebe; padding: 0.5rem 0; }
.contentus .a .bd p{line-height:0.48rem; font-size:0.18rem;}
.contentus .a .bd .btn { width: 1.22rem; height: 0.4rem; background: #066ce9; color: #fff; margin-top: 0.3rem; font-size: 0.16rem; }
.contentus .a .bd input { width: 100%; height: 0.48rem; color: #fff; font-size: 0.16rem; background: none; border-bottom: 1px solid #4c86ce; }
 .contentus .a .bd input::-webkit-input-placeholder,  .contentus .a .bd textarea::-webkit-input-placeholder {
 color: #fff;
}
.contentus .a .bd textarea { width: 100%; font-family: inherit; resize: none; height: 0.78rem; background: none; border-bottom: 1px solid #4c86ce; color: #fff; font-size: 0.16rem; margin-top: 0.25rem; }
.contentus .a .bd .flex { margin-top: 0.3rem; }
.contentus .a .bd .flex .flex_item + .flex_item { margin-left: 0.2rem; }
.contentus .b { padding: 1rem 0 1.3rem; }
.contentus .b ul { display: flex; justify-content: space-between; }
.contentus .b li { width: 30.5%; border-top: 4px solid #105ebe; line-height: 0.4rem; padding-top: 0.3rem; font-size: 0.18rem; }
.contentus .b li p { font-size: 0.2rem; color: #7d7d7d; margin-bottom: 0.4rem; }
.contentus .b li h3 { font-size: 0.24rem; margin: 0.1rem 0; }
/**/



.service .a { padding: 1rem 0; }
.service .a .bd { margin-top: 0.7rem; }
.service .a ul { display: flex; justify-content: space-between; }
.service .a ul li { width: 23%; text-align: center; }
.service .a ul li .box { background: #f3f7fc; transition: all 0.5s; padding: 0.6rem 0; position: relative; border-top: 5px solid #e0eaf8; }
.service .a ul li .box h3 { line-height: 0.3rem; font-weight: bold; font-size: 0.22rem; position: relative; z-index: 3; margin-bottom: 0.5rem; }
.service .a ul li .box span { display: flex; margin: 0 auto; background: #fff; position: relative; z-index: 3; align-items: center; justify-content: center; border-radius: 50%; width: 1.08rem; transition: all 0.6s; height: 1.08rem; }
.service .a ul li .box:hover { color: #fff; border-color: #105ebe; background: #105ebe; }
.service .a ul li .box:hover span { /*transform: rotateY(360deg); */box-shadow: 0 0 0.1rem rgba(0, 0, 0, 0.1); }
.service .b { background: url(../images/service_16.jpg) center no-repeat; background-size: cover; padding: 1rem 0; }
.service .b .title_common { color: #fff; }
.service .b .bd { margin-top: 0.6rem; }
.service .b .bd ul { display: flex; flex-wrap: wrap; margin: -0.2rem; }
.service .b .bd ul li { padding: 0.2rem; width: 25%; }
.service .b .bd ul li dl:hover { transform: translateY(-0.1rem); border-radius: 0.1rem; }
.service .b .bd ul li dl { background: #fff; height: 2.77rem; transition: all 0.3s; padding: 0.45rem; }
.service .b .bd ul li dl dd { color: #7d7d7d; font-size: 0.14rem; line-height: 0.24rem; margin-top: 0.3rem; }
.service .b .bd ul li dl dt { font-weight: bold; font-size: 0.24rem; font-weight: bold; line-height: 0.34rem; }
.service .b .bd ul li dl dt span { display: block; color: #105ebe; }
.service .c { background: #f3f7fc; }
.service .c .bd { padding: 1rem 0 1.45rem; background: url(../images/service_19.png) right bottom no-repeat; }
.service .c .bd .title_common { text-align: left; padding-bottom: 0.55rem; }
.service .c .bd ul { max-width: 8.77rem; display: flex; flex-wrap: wrap; margin: -0.1rem; }
.service .c .bd ul li { width: 33.333%; padding: 0.1rem; }
.service .c .bd ul li dl { background: #fff; transition: all 0.3s; padding: 0.2rem; }
.service .c .bd ul li dl:hover { box-shadow: 0 0 0.15rem rgba(0, 0, 0, 0.1); background: #0f4e9c; color: #fff; }
.service .c .bd ul li dl:hover dd { color: #fff; }
.service .c .bd ul li dd { font-size: 0.14rem; color: #7e7e7e; line-height: 0.24rem; margin-top: 0.15rem; }
.service .c .bd ul li dt { font-weight: bold; font-size: 0.2rem; }
/**/

.bread { color: #808080; font-size: 0.14rem; }
.caseitem .a { padding: 0.5rem 0 0.9rem; background-color: #f3f7fc; }
.caseitem .a .bd { margin-top: 0.4rem; background: #fff; }
.caseitem .a .bd .pic { width: 45%; }
.caseitem .a .bd .flex_item { padding: 0 0.9rem; }
.caseitem .a .bd p { line-height: 0.3rem; color: #7d7d7d; margin: 0.3rem 0 0.5rem; }
.caseitem .a .bd h1 { font-weight: bold; font-size: 0.3rem; }
.caseitem .a .bd ul { display: flex; flex-wrap: wrap; line-height: 0.36rem; }
.caseitem .a .bd ul li { width: 50%; }
.caseitem .b { padding: 0.6rem 0; }
.caseitem .b h3 { font-weight: bold; font-size: 0.24rem; color: #333; }
.caseitem .b .tip { color: #fff; background: #4f82c1; padding: 0.2rem; margin: 0.3rem 0; }
.caseitem .b .bd { color: #7d7d7d; line-height: 0.3rem; }
.caseitem .b .bd p { padding: 0.2rem 0; }
.caseitem .b .bd img { margin: 0.2rem 0; }
.caseitem .b .list { padding: 0.5rem 0; }
.caseitem .b .list ul { display: flex; flex-wrap: wrap; margin: 0.3rem -0.1rem -0.1rem; }
.caseitem .b .list ul li { padding: 0.1rem; width: 25%; }
.caseitem .b .list ul li dl { height: 2.4rem; background: #f3f7fc; padding: 0.4rem 0.3rem; border-top: 5px solid #e0eaf8; }
.caseitem .b .list ul li dd { font-size: 0.14rem; line-height: 0.24rem; color: #7d7d7d; margin-top: 0.25rem; }
.caseitem .b .list ul li dt { font-weight: bold; font-size: 0.2rem; }
.caseitem .b .ft { border-top: 1px solid #eee; padding: 0.4rem 0; }
.caseitem .b .ft .flex_item a { max-width: 2.25rem; display: inline-block; color: #7d7d7d; line-height: 0.3rem; font-size: 0.16rem; }
.caseitem .b .ft .flex_item a:hover,  .caseitem .b .brdge a:hover { color: #0f4e9c; }
.caseitem .b .ft .flex > div:last-child { text-align: right; }
.caseitem .b .ft .return { color: #7d7d7d; width: 1.44rem; height: 0.5rem; display: flex; border: 1px solid #ddd; align-items: center; justify-content: center; }
.caseitem .b .ft .return:hover { background: #0f4e9c; border-color: #0f4e9c; color: #fff; }
.caseitem .b .brdge { border-top: 1px solid #eee; padding: 0.3rem 0; font-size: 0.14rem; color: #7d7d7d; }
.caseitem .b .brdge a { color: #7d7d7d; padding-left: 0.1rem; }
.info { display: flex; }
.info > .side { width: 3.6rem; margin-left: 2rem; }
.info > .side .title { font-size: 0.2rem; font-weight: bold; padding-bottom: 0.15rem; }
.info > .side .part-1 li { padding: 20px 0; border-bottom: 1px solid #ddd; }
.info > .side .part-1 li a { display: flex; align-items: center; }
.info > .side .part-1 li p { margin-bottom: 10px; }
.info > .side .part-1 .pic { width: 1.19rem; margin-right: 0.2rem; }
.info > .side .part-1 .pic02 { width: 0.8rem; margin-right: 0.2rem; }
.info > .side .part-1 li span { color: #808080; font-size: 0.14rem; }
.info > .side .box { position: relative; background: url(../images/1_11.jpg) center no-repeat; background-size: cover; margin-top: 0.47rem; color: #fff; padding: 0.4rem; }
.info > .side .box h3 { font-size: 0.24rem; font-weight: bold; line-height: 0.3rem; color: #fff; }
.info > .side .box p { margin-top: 0.15rem; }
 .info > .side .box p::after {
 content: "";
 display: block;
 width: 0.42rem;
 height: 0.03rem;
 background: #3a99ff;
 margin: 0.25rem 0 0.45rem;
}
.info > .side .box b { display: block; font-size: 0.22rem; background: url(../images/1_03.png) left center no-repeat; padding-left: 0.35rem; }
.newsitem { margin-top: 0.5rem; }
.newsitem .hd { border-bottom: 1px solid #ddd; padding-bottom: 0.3rem; margin-bottom: 0.2rem; }
.newsitem .hd h1 { font-weight: bold; padding-bottom: 0.2rem; font-size: 0.3rem; }
.newsitem .hd span { font-size: 0.14rem; padding-right: 0.3rem; color: #7d7d7d; }
/**/

.aboutus .a { background: url(../images/aboutus_02.jpg) center no-repeat; background-size: cover; padding: 1.1rem 0; }
.aboutus .a .bd { max-width: 7.4rem; }
.aboutus .a .bd .title_common { text-align: left; padding-bottom: 0.8rem; }
.aboutus .a .bd .title_common p { line-height: 0.3rem; font-size: 0.16rem; margin-top: 0.7rem; }
.aboutus .a .bd .flex { justify-content: space-between; }
.aboutus .a .bd dl { display: flex; align-items: center; }
.aboutus .a .bd dl dt { color: #105ebe; font-size: 0.56rem; padding-right: 0.2rem; font-family: ONEAN-Bold; margin-bottom: -0.15rem; }
.aboutus .b { padding: 1.1rem 0; }
.aboutus .b .bd { margin-top: 0.7rem; }
.aboutus .b .bd .box { height: 3.73rem; background: #f3f7fc; transition: all 0.3s; border-top: 5px solid#e0eaf8; padding: 0.45rem 0.38rem 0; }
.aboutus .b .bd .box:hover { color: #fff; border-color: #105ebe; background: #105ebe; }
.aboutus .b .bd .box:hover i { background-image: url(../images/aboutus_05_on.png); }
.aboutus .b .bd .box:hover p { color: #fff; }
.aboutus .b .bd p { font-size: 0.14rem; color: #7d7d7d; line-height: 0.24rem; height: 1.5rem; overflow: hidden; margin: 0.3rem 0; }
.aboutus .b .bd h4 { font-weight: bold; font-size: 0.24rem; }
.aboutus .b .bd i { display: block; width: 38px; height: 38px; background-image: url(../images/aboutus_05.png); background-repeat: no-repeat; }
.aboutus .b .bd .i2 { background-position: -320px 0; }
.aboutus .b .bd .i3 { background-position: -643px 0; }
.aboutus .b .bd .i4 { background-position: -966px 0; }
.aboutus .b .bd .i5 { background-position: -1288px 0; }
.aboutus .c { background: url(../images/aboutus_08.jpg) center no-repeat; background-size: cover; padding: 1.1rem 0; color: #fff; }
.aboutus .c .bd { position: relative; padding: 0 1.2rem; margin-top: 0.7rem; }
.aboutus .c .bd dl:hover { transform: translateY(-0.1rem); }
.aboutus .c .bd dl { background: #fff; color: #333; transition: all 0.3s; padding: 0.35rem; height: 2.2rem; }
.aboutus .c .bd dl dt { font-weight: bold; font-size: 0.18rem; }
.aboutus .c .bd dl dd { color: #7d7d7d; font-size: 0.14rem; margin-top: 0.2rem; line-height: 0.24rem; }
.aboutus .c .bd h4 { font-size: 0.48rem; position: relative; margin-bottom: 0.4rem; font-weight: bold; }
 .aboutus .c .bd h4::before {
 content: "";
 height: 2px;
 background: rgba(255, 255, 255, 0.2);
 width: 60%;
 position: absolute;
 right: 0;
 top: 50%;
 transform: translate(0, -50%);
}
.aboutus .c .swiper-button-next,  .aboutus .c .swiper-button-prev { top: 0; margin: 0; color: #fff; width: 0.54rem; height: 0.54rem; border-radius: 50%; border: 2px solid rgba(255, 255, 255, 0.3); }
 .aboutus .c .swiper-button-next::after,  .aboutus .c .swiper-button-prev::after {
 font-size: 0.14rem;
}
.aboutus .d { padding: 1.1rem 0; }
.aboutus .d .side { width: 60%; }
.aboutus .d .side ol { display: flex; }
.aboutus .d .side ol li { flex: 1; }
.aboutus .d .side ol li + li { margin-left: 0.12rem; }
.aboutus .d .side ol li .pic + .pic { margin-top: 0.12rem; }
.aboutus .d .side ol li .pic { box-shadow: 0 0 0.1rem rgba(0, 0, 0, 0.1); }
.aboutus .d .flex { align-items: stretch; }
.aboutus .d .title_common { text-align: left; }
.aboutus .d ul { margin-top: 0.7rem; }
.aboutus .d ul li { font-size: 0.18rem; position: relative; color: #7d7d7d; padding-left: 0.25rem; line-height: 0.4rem; }
 .aboutus .d ul li::before {
 content: "";
 display: block;
 width: 6px;
 height: 6px;
 background: #1378f5;
 border-radius: 50%;
 position: absolute;
 left: 0;
 top: 50%;
 transform: translate(0, -50%);
}
.aboutus .f { padding-top: 1rem; color: #fff; background: url(../images/aboutus_23.jpg) center top no-repeat; background-size: 100% 5.7rem; }
.aboutus .f .bd { background: #fff; margin: 2.8rem 0 1.2rem; padding: 0.2rem 0; box-shadow: 0 0 0.1rem rgba(0, 0, 0, 0.1); }
.aboutus .f ul { display: flex; flex-wrap: wrap; }
.aboutus .f ul li { width: 20%; padding: 0.1rem 0; text-align: center; }
.aboutus .f ul img { width: 2.25rem; }
/**/

.products .a { padding: 1.1rem 0; }
.products .a p span { color: #ddd; padding: 0 0.1rem; }
.products .a .bd { margin-top: 0.6rem; }
.products .a .bd ul { display: flex; flex-wrap: wrap; margin: -0.19rem; }
.products .a .bd ul li { width: 20%; padding: 0.19rem; }
.products .a .bd ul li a { display: block; background: #f3f7fc; padding: 0 0.3rem; }
.products .a .bd ul li a dl { padding: 0.4rem 0; text-align: center; font-size: 0.18rem; }
.products .a .bd ul li a dt { display: flex; margin: 0 auto 0.35rem; background: #fff; border-radius: 50%; width: 0.82rem; height: 0.82rem; align-items: center; justify-content: center; }
.products .a .bd ul li a .flex { transition: all 0.6s; color: #818181; font-size: 0.14rem; padding: 0.15rem 0; border-top: 1px solid #ddd; }
.products .a .bd ul li a .flex span + span { padding-left: 0.1rem; }
.products .a .bd ul li a:hover { color: #fff; background: #105ebe; border-radius: 0.1rem; }
.products .a .bd ul li a:hover .flex { color: #fff; justify-content: space-between; }
.products .b { padding: 1.1rem 0; background: #f3f7fc; }
.products .b .bd { display: flex; background: #fff; margin-top: 0.7rem; }
.products .b .bd .tabtitle { display: flex; flex-wrap: wrap; width: 43%; }
.products .b .bd .tabtitle li { width: 50%; height: 50%; cursor: pointer; padding: 0.4rem; position: relative; }
.products .b .bd .tabtitle li.on { color: #fff; background: #105ebe; }
.products .b .bd .tabtitle li.on span { color: #fff; }
.products .b .bd .tabtitle li dt { font-size: 0.24rem; }
.products .b .bd .tabtitle li dd { font-size: 0.14rem; text-transform: uppercase; margin-top: 0.1rem; }
.products .b .bd .tabtitle li span { position: absolute; right: 0.3rem; bottom: 0.3rem; font-size: 0.4rem; font-family: ONEAN-Bold; color: #d8dfe5; }
 .products .b .bd .tabtitle li:first-child,  .products .b .bd .tabtitle li:nth-child(2) {
 border-bottom: 1px solid #eee;
}
 .products .b .bd .tabtitle li:nth-child(2),  .products .b .bd .tabtitle li:last-child {
 border-left: 1px solid #eee;
}
.products .b .bd .tabbox { position: relative; }
.products .b .bd .tabbox dl { position: absolute; bottom: 0; left: 0; line-height: 0.3rem; width: 100%; padding: 0 1rem 0.6rem; color: #fff; }
.products .b .bd .tabbox dt { font-weight: bold; font-size: 0.2rem; margin-bottom: 0.2rem; }
.products .c { padding: 1.1rem 0; }
.products .c .bd { margin-top: 0.7rem; height: 5.76rem; background: url(../images/hurt_02.jpg) center no-repeat; background-size: cover; }
.products .c .bd ul { display: flex; flex-wrap: wrap; color: #fff; height: 100%; }
.products .c .bd ul li { width: 20%; padding: 0.45rem; height: 50%; transition: all 0.3s; border-bottom: 1px solid #5c81b9; border-left: 1px solid #5c81b9; }
.products .c .bd ul li dt { font-size: 0.18rem; margin-bottom: 0.2rem; }
.products .c .bd ul li img { margin-bottom: 0.2rem; }
.products .c .bd ul li dd { font-size: 0.14rem; color: #7d7d7d; line-height: 0.24rem; visibility: hidden; }
.products .c .bd ul li:hover dd { visibility: visible; }
.products .c .bd ul li:hover img { display: none; }
.products .c .bd ul li:hover { background: #fff; border-top: 5px solid #d0dff2; }
.products .c .bd ul li:hover dt { color: #105ebe; font-weight: bold; }
 .products .c .bd ul li:first-child,  .products .c .bd ul li:nth-child(6) {
 border-left: none;
}
 .products .c .bd ul li:nth-child(6),  .products .c .bd ul li:nth-child(7),  .products .c .bd ul li:nth-child(8),  .products .c .bd ul li:nth-child(9),  .products .c .bd ul li:nth-child(10) {
 border-bottom: none;
}
.products .d { padding: 1.1rem 0; background: url(../images/hurt_69.jpg) center no-repeat; background-size: cover; }
.products .d ul { width: 58%; display: flex; flex-wrap: wrap; margin: -0.05rem; }
.products .d ul li { width: 33.333%; padding: 0.05rem; }
 .products .d ul li:nth-child(4) {
 margin-left: 33.333%;
}
.products .d ul li dl { background: #fff; transition: all 0.3s; padding: 0.3rem; border-top: 5px solid #105ebe; }
.products .d ul li:hover dl { background: #105ebe; border-color: #fff; color: #fff; }
.products .d ul li:hover dl dd { color: #fff; }
.products .d ul li dt { font-size: 0.18rem; font-weight: bold; }
.products .d ul li dd { font-size: 0.14rem; line-height: 0.24rem; color: #7d7d7d; height: 0.48rem; overflow: hidden; margin-top: 0.2rem; }
.products .d .title_common { text-align: left; }
.products .d .flex { align-items: stretch; }
.products .d .btn { display: block; text-align: center; margin-top: 1.45rem; width: 1.72rem; background: #105ebe; line-height: 0.5rem; color: #fff; }
.products .e { padding: 1.5rem 0; position: relative; background: url(../images/hurt_70.jpg) center no-repeat; background-size: cover; color: #fff; }
.canvas { position: absolute; width: 100%; left: 0; top: 0; z-index: 0; height: 100%; }
.products .e .container { position: relative; z-index: 3; }
.products .e .flex { padding: 0 0.4rem; justify-content: space-between; }
.products .e .flex ul { width: 3.44rem; }
.products .e .flex ul dt { font-size: 0.24rem; font-weight: bold; line-height: 0.24rem; border-left: 5px solid #1378f5; padding-left: 0.15rem; }
.products .e .flex ul dd { line-height: 0.24rem; color: #b8d8fe; height: 1.3rem; background: url(../images/hurt_30.jpg) center no-repeat; background-size: 100% 100%; padding: 0 0.3rem; display: flex; align-items: center; margin-top: 0.2rem; }
.products .e .flex ul li { transition: all 0.3s; }
.products .e .flex ul li:hover { transform: translateY(-0.1rem); }
.products .e .flex ul li + li { margin-top: 0.7rem; }
.products .e .center { display: flex; align-items: center; width: 7.13rem; height: 3.86rem; font-size: 0.4rem; font-weight: bold; justify-content: center; background: url(../images/hurt_03.png) center no-repeat; background-size: 100% 1005; }
.products .f { padding: 1.1rem 0; text-align: center; }
.products .f .bd { margin-top: 0.7rem; }
.products .f .bd dl { height: 2rem; padding-top: 0.4rem; transition: all 0.3s; border: 3px solid #f1f5f8; }
.products .f .bd dl:hover { background: #105ebe; color: #fff; }
.products .f .bd dl:hover dt { background: #fff; color: #105ebe; }
.products .f .bd dt { display: flex; margin: 0 auto 0.2rem; border-radius: 50%; line-height: 0.45rem; justify-content: center; color: #fff; font-size: 0.24rem; font-family: ONEAN-Bold; width: 0.4rem; height: 0.4rem; background: #105ebe; }
.products .f .bd dd { font-size: 0.18rem; line-height: 0.24rem; }
.products .g { padding: 1.1rem 0; background: #f3f7fc; }
.products .g .hd { display: flex; justify-content: space-between; align-items: center; }
.products .g .case { padding: 0; }
.products .g .case .bd { padding-bottom: 0; }
.products .g .case .bd ul { margin: -0.12rem; }
.products .g .case .bd ul li { width: 25%; padding: 0.12rem; }

/**/
.rightside {
  position: fixed;
  width: 50px;
  border-radius: 30px;
  background: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  right: 10px;
  top: 50%;
  text-align: center;
  font-size: 14px;
  padding: 10px 0;
  transform: translate(0, -50%);
  z-index: 99;
}

.rightside li {
  position: relative;
}

.rightside li.totop {
 /* display: none;*/
}

.rightside li a {
  display: block;
  padding: 8px 0;
}

.rightside i {
  display: inline-block;
  vertical-align: middle;
  width: 28px;
  height: 24px;
  background-image: url(../images/side_03.png);
  background-repeat: no-repeat;
}

.rightside li:hover a {
  color: #105ebe;
}

.rightside li:hover i {
  background-image: url(../images/side_04.png);
}

.rightside i.i2 {
  background-position: 0 -52px;
}

.rightside i.i3 {
  background-position: 0 -106px;
}

.rightside i.i4 {
  background-position: 0 -155px;
}

.rightside dl {
  top: 50%;
  transform: translate(0, -50%);
  position: absolute;
  white-space: nowrap;
  border-radius: 5px;
  padding: 15px;
  right: 77px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  background: #fff;
  font-size: 14px;
  color: #999999;
  text-align: left;
  display: none;
}

.rightside dl::after {
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  position: absolute;
  left: 100%;
  top: 50%;
  transform: translate(0, -50%);
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-left: 8px solid #fff;
}

.rightside dd b {
  font-size: 24px;
  color: #105ebe;
}

.rightside dd .sm {
  font-size: 16px;
}

.rightside img {
  width: 100%;
}

.rightside li:hover dl {
  display: block;
}



/**/



/**/



/**/



@media screen and (min-width: 1921px) and (max-width: 4000px) {
 html {
 font-size: 120px;
}
}
 @media screen and (min-width: 1441px) and (max-width: 1600px) {
 .header .logo dl { display: none;}
.homepage .c ul li { padding-left: 0.15rem; position: relative; width: 20%; }
.homepage .d .pic ul li b { font-size: 0.25rem; line-height:0.3rem; display: block; padding-bottom: 0.05rem; }
.homepage .d .pic ul li:hover b { color: #333;font-size: 0.17rem; }
}


 @media screen and (min-width: 1201px) and (max-width: 1440px) {
 html {
 font-size: 80px;
}
 .container {
 width: 90vw;
}
}
 @media screen and (min-width: 981px) and (max-width: 1200px) {
 html {
 font-size: 60px;
}
 .container {
 width: 90vw;
}
 .header .logo dl {
 display: none;
}
}
 @media screen and (min-width: 769px) and (max-width: 980px) {


 .header {
 z-index: 999;
 height: 55px;
 padding: 0 15px;
 position: fixed;
 width: 100%;
 top: 0;
 left: 0;
}
 .header .nav {
 display: none;
}
 .m_nav {
 position: absolute;
 right: 15px;
 top: 16px;
 width: 25px;
 z-index: 99;
}
 .m_nav i {
 display: block;
 height: 2px;
 background: #fff;
 margin-bottom: 6px;
}
 .header.on .m_nav i {
 background: #ccc;
}
 .cross i:nth-of-type(1) {
 -webkit-transform: translateY(8px) rotate(-45deg);
 -ms-transform: translateY(8px) rotate(-45deg);
 transform: translateY(8px) rotate(-45deg);
}
 .cross i:nth-of-type(2) {
 opacity: 0;
}
 .cross i:nth-of-type(3) {
 -webkit-transform: translateY(-8px) rotate(45deg);
 -ms-transform: translateY(-8px) rotate(45deg);
 transform: translateY(-8px) rotate(45deg);
}
 .container {
 width: 100%;
 padding: 0 15px;
 max-width: 100%;
}
 .footer .bd .flex,  .header .side {
 display: none;
}
 .hidden-xs {
 display: none;
}
 .visible-xs {
 display: block;
}
 .headerAct {
 transform: translateY(0);
}
 .header .logo dt {
 font-size: 0.12rem;
 margin-bottom: 0.03rem;
}
 .header .logo dd br {
 display: none;
}
 .header .logo a {
 width: 0.95rem;
 height: 0.24rem;
}
 .header .logo dl {
 border: none;
 padding: 0;
}
 .header .logo {
 margin: 0.07rem 0 0;
}
 #allmap {
 height: 250px;
}


  /**/

  .homepage .banner h3 {
 font-size: 0.26rem;
 line-height: 0.33rem;
}
 .homepage .banner p {
 font-size: 0.14rem;
}
 .homepage .banner .brdge {
 display: flex;
 flex-wrap: wrap;
}
 .homepage .banner .brdge span {
 margin: 0 1% 0 0;
 width: 24%;
}
 .homepage .banner .swiper-pagination {
 padding-left: 15px;
}
 .homepage .banner .swiper-button-next,  .homepage .banner .swiper-button-prev {
 display: none;
}
 .homepage .a .flex {
 flex-wrap: wrap;
 padding: 0.2rem;
}
 .homepage .a dl {
 flex: inherit;
 width: 50%;
 border: none;
 padding-left: 0;
}
 .homepage .a dl p {
 margin: 0;
}
 .homepage .a dl dt {
 font-size: 0.3rem;
}
 .homepage .b .title_common {
 display: block;
 text-align: left;
 margin-bottom: 0.2rem;
}
 .homepage .b .bd ul {
 margin: -0.05rem;
}
 .homepage .b .bd ul li {
 width: 50%;
 padding: 0.05rem;
}
 .homepage .b .bd .visible-xs ul li {
 width: 100%;
}
 .homepage .b .bd .visible-xs {
 margin-bottom: 0.1rem;
}
 .homepage .b .bd .visible-xs .flex_item + .flex_item {
 padding-left: 0.1rem;
}
 .homepage .b .bd {
 display: block;
}
 .homepage .b .bd .side {
 width: 100%;
 margin: 0;
}
 .homepage .c .bd,  .homepage .d .flex,  .homepage .f .bd,  .homepage .g .bd,  .homepage .h .bd ul,  .footer .flex {
 display: block;
}
 .homepage .f .bd .side {
 max-width: 100%;
 padding: 0.2rem;
 margin-top: 0.3rem;
}
 .homepage .f .bd dd {
 margin: 0.15rem 0;
}
 .homepage .f .bd dt {
 font-size: 0.2rem;
}
 .homepage .f .ft dl {
 padding-bottom: 0.15rem;
 border-bottom: 3px solid #eaeaea;
}
 .homepage .h .bd ul li {
 width: 100%;
 border-bottom: 1px solid #ddd;
}
 .homepage .h .bd ul li a {
 padding: 0.2rem 0;
}
 .homepage .h .bd ul li dd {
 margin-top: 0.15rem;
 font-size: 0.16rem;
}
 .homepage .h .bd ul li i,  .homepage .h .bd ul li .pic,  .homepage .h .title_common p {
 display: none;
}
 .homepage .b .bd dl dd {
 font-size: 0.12rem;
}
 .homepage .b .bd dl dt {
 font-size: 0.16rem;
}
 .homepage .b .bd dl {
 left: 0.15rem;
 top: 0.15rem;
}
 .more {
 width: 1.15rem;
 padding-left: 0.1rem;
 height: 0.34rem;
}
 .more span + span {
 width: 0.35rem;
 height: 0.32rem;
 font-size: 0.14rem;
 background-size: 100% 100%;
 line-height: 0.32rem;
}
 .title_common h2 {
 font-size: 0.23rem;
}
 .homepage .f .ft {
 background: none;
 text-align: left;
 color: #fff;
}
 .homepage .f .ft dd {
 color: #fff;
}
 .homepage .f .bd {
 margin: 0;
}
 .homepage .f .ft .swiper-slide {
 width: 40%;
}
 .homepage .f .ft dt {
 font-size: 0.16rem;
}
 .homepage .f .ft .swiper-slide-thumb-active dl dt {
 color: #fff;
}
 .homepage .h,  .homepage .g,  .homepage .f,  .homepage .e,  .homepage .d,  .homepage .c,  .homepage .b {
 padding: 0.4rem 0;
}
 .homepage .c .side {
 width: 100%;
 margin: 0.2rem 0 0;
}
 .homepage .c .side ol .flex {
 padding: 0 0.15rem;
 height: 0.55rem;
}
 .homepage .c ul li {
 width: 25%;
}
 .homepage .c ul {
 line-height: 0.24rem;
 font-size: 0.12rem;
 margin: 0.15rem 0 0.2rem;
}
 .homepage .c p {
 font-size: 0.14rem;
 margin-top: 0.25rem;
}
 .homepage .c .side ol .flex span {
 font-size: 0.22rem;
}
 .homepage .c .side dd {
 display: none;
}
 .homepage .c dt {
 font-size: 0.14rem;
}
 .homepage .c .side ol {
 margin-top: -0.05rem;
}
 .homepage .d .pic {
 width: 100%;
 margin: 0.2rem 0;
}
 .homepage .d .pic ul {
 flex-wrap: wrap;
}
 .homepage .d .pic ul li {
 flex: inherit;
 height: 50%;
 background: rgba(16, 94, 190, 0.5);
 width: 50%;
 border-left: 1px solid rgba(255, 255, 255, 0.4);
 border-bottom: 1px solid rgba(255, 255, 255, 0.4);
}
 .homepage .d .pic img {
 height: 2rem;
 object-fit: cover;
}
 .homepage .d .pic ul li b {
 font-size: 0.17rem;
}
 .homepage .d .pic ul li dd {
 display: none !important;
}
 .homepage .d .bd ul li {
 width: 100%;
}
 .homepage .d .bd ul {
 margin-bottom: 0.2rem;
}
 .homepage .e .bd {
 margin-top: 0.3rem;
}
 .homepage .h .hd {
 padding-bottom: 0.3rem;
}
 .homepage .g .bd .side,  .homepage .g .bd .map {
 max-width: 100%;
 width: 100%;
}
 .homepage .g .bd .side {
 margin-top: 0.3rem;
}
 .homepage .g .bd .title_common p {
 margin: 0.2rem 0;
}
 .title_common p,  .homepage .g .bd .title_common p {
 font-size: 0.14rem;
}
 .footer .side {
 width: auto;
 padding: 0.3rem 15px;
 margin: 0 -15px;
}
 .footer .side .flex {
 display: flex;
}
 .footer::before,  .footer ol,  .footer .bd .title_common p,  .homepage .f .title_common p {
 display: none;
}
 .footer .just .code {
 margin: 0;
 width: 0.7rem;
 height: 0.7rem;
 position: absolute;
 right: 0;
 bottom: 0;
}
 .footer .just {
 position: relative;
 margin: 0.3rem 0;
}
 .footer .title_common h2 {
 font-size: 0.23rem;
}
 .footer .side .box {
 margin-top: 0.3rem;
}
 .footer .bd {
 padding: 0.3rem 0;
}
 .footer .side .box .flex input {
 font-size: 0.14rem;
}

  /**/

  .banner_info img {
 height: 3rem;
}
 .banner_info h2 {
 font-size: 0.3rem;
}
 .banner_info p {
 font-size: 0.16rem;
 padding-bottom: 0;
}
 .banner_info .brdge {
 display: none;
}
 .aboutus .a,  .aboutus .b,  .aboutus .c,  .aboutus .d,  .aboutus .f,  .case,  .caseitem .a {
 padding: 0.4rem 0;
}
 .aboutus .a .bd .title_common p {
 margin-top: 0.3rem;
 font-size: 0.14rem;
 line-height: 0.24rem;
}
 .aboutus .a .bd dl dt {
 font-size: 0.2rem;
 padding-right: 0.1rem;
 margin: 0;
}
 .aboutus .a .bd .flex {
 font-size: 0.12rem;
}
 .aboutus .a .bd .title_common {
 padding-bottom: 0.3rem;
}
 .aboutus .b .bd {
 margin-top: 0.3rem;
}
 .aboutus .b .swiper-slide {
 width: 80%;
}
 .aboutus .c .bd {
 margin-top: 0.3rem;
 padding: 0;
}
 .aboutus .c .bd h4 {
 font-size: 0.24rem;
 margin: 0 0.6rem 0.2rem;
}
 .aboutus .c .swiper-button-next,  .aboutus .c .swiper-button-prev {
 width: 0.35rem;
 height: 0.35rem;
}
 .aboutus .d .flex {
 display: block;
}
 .aboutus .d ul {
 margin: 0.2rem 0;
}
 .aboutus .d ul li {
 font-size: 0.14rem;
 line-height: 0.3rem;
}
 .aboutus .d .side {
 width: 100%;
}
 .aboutus .f {
 background-size: 100% auto;
}
 .aboutus .f .bd {
 margin: 0.3rem 0 0;
}
 .aboutus .f ul li {
 width: 33.333%;
}
 .case .hd .flex {
 display: block;
}
 .case .hd span {
 width: 100%;
 height: 0.4rem;
}
 .case .hd .flex_item {
 padding: 0.15rem;
}
 .case .hd ul li {
 line-height: 0.3rem;
}
 .case .bd {
 padding: 0.3rem 0;
}
 .case .bd ul {
 margin: -0.05rem;
}
 .case .bd ul a dl dd span {
 display: inline-block;
}
 .case .bd ul li {
 width: 50%;
 padding: 0.05rem;
}
 .case .bd ul a dl {
 padding: 0.15rem;
}
 .case .bd ul a dl dt {
 font-size: 0.16rem;
}

  /**/

  .caseitem .a .bd .flex {
 display: block;
}
 .caseitem .a .bd .pic {
 width: 100%;
}
 .caseitem .a .bd {
 margin-top: 0.2rem;
}
 .caseitem .a .bd .box {
 padding: 15px;
}
 .caseitem .a .bd .flex_item {
 padding: 0;
}
 .caseitem .a .bd h1 {
 font-size: 0.2rem;
}
 .caseitem .a .bd p {
 margin: 0.15rem 0;
}
 .caseitem .b {
 padding: 0.4rem 0;
}
 .info {
 display: block;
}
 .caseitem .b .tip {
 margin: 0.15rem 0;
}
 .caseitem .b .bd p {
 padding: 0.1rem 0;
}
 .caseitem .b .list ul li {
 width: 100%;
}
 .caseitem .b .list ul li dl {
 height: auto;
 padding: 0.15rem;
}
 .caseitem .b .ft {
 padding: 0.2rem 0;
}
 .caseitem .b .ft .flex {
 display: block;
}
 .caseitem .b .ft .flex > div:last-child {
 text-align: left;
}
 .caseitem .b .ft .return {
 display: none;
}
 .caseitem .b .ft .flex_item a {
 max-width: 100%;
 font-size: 0.14rem;
}
 .caseitem .b .brdge {
 padding: 0.2rem 0;
}
 .info > .side {
 width: 100%;
 margin: 0.3rem 0 0;
}
 .contentus .a,  .contentus .b,  .news {
 padding: 0.4rem 0;
}
 .contentus .a .bd {
 display: block;
}
 .contentus .a .bd > .flex_item {
 padding: 0.15rem;
}
 .contentus .a .bd h4 {
 padding: 0.2rem 0;
 font-size: 0.16rem;
}
 .contentus .a .bd h3 {
 font-size: 0.2rem;
}
 .contentus .a .bd ul li {
 width: 100%;
}
 .contentus .a .bd ul {
 font-size: 0.14rem;
 line-height: 0.3rem;
}
 .contentus .b li {
 width: 100%;
 line-height: 0.3rem;
}
 .contentus .b ul {
 display: block;
}
 .contentus .b ul li + li {
 margin-top: 0.2rem;
}
 .contentus .b li p {
 font-size: 0.14rem;
 margin-bottom: 0.2rem;
}
 .contentus .b li h3 {
 font-size: 0.18rem;
}

  /**/

  .news .tabtitle li + li::before {
 padding: 0 0.1rem;
}
 .news .tabtitle {
 font-size: 0.14rem;
 margin-bottom: 0.3rem;
}
 .news .homepage .h .bd ul li {
 margin: 0;
 border-top: none;
}
 .news .homepage .h {
 padding-bottom: 0.3rem;
}

  /**/

  .newsitem .hd h1 {
 font-size: 0.2rem;
}
 .newsitem,  .service .a .bd {
 margin-top: 0.3rem;
}

  /**/

  .service .a,  .service .b,  .service .c .bd {
 padding: 0.4rem 0;
}
 .service .a ul li {
 width: 48%;
 margin-bottom: 0.1rem;
}
 .service .a ul {
 flex-wrap: wrap;
}
 .service .a ul li .box h3 {
 font-size: 0.16rem;
 margin-bottom: 0.3rem;
}
 .service .a ul li .box {
 padding: 0.3rem 0;
}
 .service .b .bd ul {
 margin: -0.05rem;
}
 .service .b .bd ul li {
 width: 50%;
 padding: 0.05rem;
}
 .service .b .bd ul li dl {
 height: auto;
 padding: 0.15rem;
}
 .service .b .bd {
 margin-top: 0.3rem;
}
 .service .b .bd ul li dl dt {
 font-size: 0.14rem;
 line-height: 0.24rem;
}
 .service .b .bd ul li dl dd {
 margin-top: 0.1rem;
 height: 1.68rem;
 overflow: hidden;
}
 .service .c .bd ul li {
 width: 100%;
}
 .service .c .bd .title_common {
 padding-bottom: 0.2rem;
}

  /**/

  .products .a,  .products .b,  .products .c,  .products .d {
 padding: 0.4rem 0;
}
 .products .a .bd {
 margin-top: 0.2rem;
}
 .products .a .bd ul {
 margin: -0.05rem;
}
 .products .a .bd ul li {
 width: 50%;
 padding: 0.05rem;
}
 .products .a .bd ul li a {
 padding: 0 0.15rem;
}
 .products .a .bd ul li a dl {
 padding: 0.2rem 0;
}
 .products .b .bd {
 margin-top: 0.3rem;
 display: block;
}
 .products .b .bd .tabtitle {
 width: 100%;
}
 .products .b .bd .tabbox dl {
 padding: 0.1rem;
}
 .products .b .bd .tabtitle li {
 padding: 0.15rem;
 height: 2rem;
}
 .products .b .bd .tabtitle li dt {
 font-size: 0.18rem;
}
 .products .c .bd {
 height: auto;
}
 .products .c .bd ul li {
 width: 50%;
 padding: 0.2rem;
 height: auto;
}
 .products .c .bd ul li:nth-child(6),  .products .c .bd ul li:nth-child(7),  .products .c .bd ul li:nth-child(8),  .products .c .bd ul li:nth-child(9),  .products .c .bd ul li:nth-child(10) {
 border-bottom: 1px solid #5c81b9;
}
 .products .c .bd ul li:first-child,  .products .c .bd ul li:nth-child(6) {
 border-left: 1px solid #5c81b9;
}
 .products .c .bd ul li dt {
 font-size: 0.14rem;
 margin: 0;
}
 .products .d .flex {
 display: block;
}
 .products .d .btn {
 margin: 0.2rem 0;
}
 .products .d br {
 display: none;
}
 .products .d ul,  .products .d ul li {
 width: 100%;
}
 .products .d ul li:nth-child(4) {
 margin: 0;
}
 .products .e {
 padding: 0.2rem 0 0.4rem;
}
 .products .e .flex {
 padding: 0;
 display: block;
}
 .products .e .center {
 display: none;
}
 .products .e .flex ul li,  .products .e .flex ul li + li {
 margin-top: 0.2rem;
}
 .products .e .flex ul dt {
 font-size: 0.18rem;
}
 .products .f,  .products .g {
 padding: 0.4rem 0;
}
 .products .f .bd {
 margin-top: 0.3rem;
}
 .products .f .swiper-slide {
 width: 40%;
}
 .products .f .bd dd {
 font-size: 0.14rem;
}
 .products .g .case .bd ul li {
 width: 50%;
}
 .products .e .flex ul {
 width: 100%;
}
}
 @media (max-width: 768px) {
   .rightside{ display:none;}   
 html {
 font-size: 80px;
}
 .header {
 z-index: 999;
 height: 55px;
 position: fixed;
 width: 100%;
 top: 0;
 left: 0;
}
 .header .nav {
 display: none;
}
 .m_nav {
 position: absolute;
 right: 15px;
 top: 18px;
 width: 25px;
 z-index: 99;
}
 .m_nav i {
 display: block;
 height: 2px;
 background: #fff;
 margin-bottom: 6px;
}
 .header.on .m_nav i {
 background: #ccc;
}
 .cross i:nth-of-type(1) {
 -webkit-transform: translateY(8px) rotate(-45deg);
 -ms-transform: translateY(8px) rotate(-45deg);
 transform: translateY(8px) rotate(-45deg);
}
 .cross i:nth-of-type(2) {
 opacity: 0;
}
 .cross i:nth-of-type(3) {
 -webkit-transform: translateY(-8px) rotate(45deg);
 -ms-transform: translateY(-8px) rotate(45deg);
 transform: translateY(-8px) rotate(45deg);
}
 .container {
 width: 100%;
 padding: 0 15px;
 max-width: 100%;
}
 .footer .bd .flex,  .header .side {
 display: none;
}
 .hidden-xs {
 display: none;
}
 .visible-xs {
 display: block;
}
 .headerAct {
 transform: translateY(0);
}
 .header .logo dt {
 font-size: 0.12rem;
 margin-bottom: 0.03rem;
}
 .header .logo dd br {
 display: none;
}
 .header .logo a {
 width: 1.4rem;
 height: 0.35rem;
}
 .header .logo dl {
 border: none;
 padding: 0;
}
 .header .logo {
 margin: 0;
}
 #allmap {
 height: 250px;
}



  /**/

  .homepage .banner h3 {
 font-size: 0.26rem;
 line-height: 0.33rem;
}
 .homepage .banner p {
 font-size: 0.14rem;
}
 .homepage .banner .brdge {
 display: flex;
 flex-wrap: wrap;
}
 .homepage .banner .brdge span {
 margin: 0 1% 0 0;
 width: 24%;
}
 .homepage .banner .swiper-pagination {
 padding-left: 15px;
 bottom: 0.8rem;
}
 .homepage .banner .swiper-button-next,  .homepage .banner .swiper-button-prev {
 display: none;
}
 .homepage .a .flex {
 flex-wrap: wrap;
 padding: 0.1rem 0.2rem;
}
 .homepage .a dl {
 flex: inherit;
 width: 50%;
 border: none;
 padding-left: 0;
 padding: 0.1rem 0;
}
 .homepage .a dl p {
 margin: 0;
}
 .homepage .a dl dt {
 font-size: 0.5rem;
}
 .homepage .b .title_common {
 display: block;
 text-align: left;
 margin-bottom: 0.2rem;
}
 .homepage .b .bd ul {
 margin: -0.05rem;
}
 .homepage .b .bd ul li {
 width: 50%;
 padding: 0.05rem;
}
 .homepage .b .bd .visible-xs ul li {
 width: 100%;
}
 .homepage .b .bd .visible-xs {
 margin-bottom: 0.1rem;
}
 .homepage .b .bd .visible-xs .flex_item + .flex_item {
 padding-left: 0.1rem;
}
 .homepage .b .bd {
 display: block;
}
 .homepage .b .bd .side {
 width: 100%;
 margin: 0;
}
 .homepage .c .bd,  .homepage .d .flex,  .homepage .f .bd,  .homepage .g .bd,  .homepage .h .bd ul,  .footer .flex {
 display: block;
}
 .homepage .f .bd .side {
 max-width: 100%;
 padding: 0.4rem;
 margin-top: 1.5rem;
}
 .homepage .f {
 position: relative;
}
 .homepage .f .bd dd {
 margin: 0.15rem 0 0;
}
 .homepage .f .bd dt {
 font-size: 0.22rem;
}
 .homepage .f .swiper-pagination {
 position: static;
 margin-top: 0.3rem;
}
 .homepage .f .swiper-pagination-bullet {
 background: #fff;
}
 .homepage .f .ft dl {
 padding: 0.1rem 0 0;
 border-bottom: none;
 border-top: 4px solid transparent;
}
 .homepage .h .bd ul li {
 width: 100%;
 border-bottom: 1px solid #ddd;
}
 .homepage .h .bd ul li a {
 padding: 0.2rem 0;
}
 .homepage .h .bd ul li dd {
 margin-top: 0.15rem;
 font-size: 0.16rem;
}
 .homepage .h .bd ul li i,  .homepage .h .bd ul li .pic,  .homepage .h .title_common p {
 display: none;
}
 .homepage .b .bd dl dd {
 font-size: 0.12rem;
}
 .homepage .b .bd dl dt {
 font-size: 0.2rem;
}
 .homepage .b .bd dl {
 left: 0.15rem;
 top: 0.15rem;
}
 .more {
 width: 1.15rem;
 padding-left: 0.1rem;
 height: 0.34rem;
}
 .more span + span {
 width: 0.35rem;
 height: 0.32rem;
 font-size: 0.14rem;
 background-size: 100% 100%;
 line-height: 0.32rem;
}
 .title_common h2 {
 font-size: 0.26rem;
}
 .homepage .f .ft {
 background: none;
 text-align: left;
 position: absolute;
 left: 15px;
 right: 0;
 top: 1.5rem;
 color: #fff;
}
 .homepage .f .ft dt {
 font-size: 0.16rem;
}
 .homepage .f .ft dd {
 color: #fff;
 margin-top: 0.05rem;
}
 .homepage .f .bd {
 margin: 0;
}
 .homepage .f .ft .swiper-slide {
 width: 20%;
}
 .homepage .f .ft .swiper-slide-thumb-active dl dt {
 color: #fff;
}
 .homepage .f .bd .swiper-button-next,  .homepage .f .bd .swiper-button-prev {
 display: none;
}
 .homepage .h,  .homepage .g,  .homepage .f,  .homepage .e,  .homepage .d,  .homepage .c,  .homepage .b {
 padding: 0.4rem 0;
}
 .homepage .c .side {
 width: 100%;
 margin: 0.4rem 0 0;
}
 .homepage .c .side ol .flex {
 padding: 0 0.15rem;
 height: 0.55rem;
}
 .homepage .c ul li {
 width: 25%;
 line-height: 0.4rem;
}
 .homepage .c ul {
 line-height: 0.24rem;
 font-size: 0.16rem;
 margin: 0.15rem 0 0.3rem;
}
 .homepage .c p {
 margin-top: 0.25rem;
}
 .homepage .c .side ol .flex span {
 font-size: 0.26rem;
}
 .homepage .c .side dd {
 display: none;
}
 .homepage .c dt {
 font-size: 0.16rem;
 padding-bottom: 0.25rem;
}
 .homepage .c .side ol {
 margin-top: -0.05rem;
}
 .homepage .d .pic {
 width: 100%;
 margin: 0.2rem 0;
}
 .homepage .d .pic ul {
 flex-wrap: wrap;
}
 .homepage .d .pic ul li {
 flex: inherit;
 height: 50%;
 background: rgba(16, 94, 190, 0.5);
 width: 50%;
 border-left: 1px solid rgba(255, 255, 255, 0.4);
 border-bottom: 1px solid rgba(255, 255, 255, 0.4);
}
 .homepage .d .pic img {
 height: 2rem;
 object-fit: cover;
}
 .homepage .d .pic ul li b {
 font-size: 0.17rem;
}
 .homepage .d .pic ul li dd {
 display: none !important;
}
 .homepage .d .bd ul li {
 width: 100%;
}
 .homepage .d .bd ul {
 margin-bottom: 0.2rem;
}
 .homepage .e .bd {
 margin-top: 0.3rem;
}
 .homepage .h .hd {
 padding-bottom: 0.3rem;
}
 .homepage .g .bd .side,  .homepage .g .bd .map {
 max-width: 100%;
 width: 100%;
}
 .homepage .g .bd .side {
 margin-top: 0.3rem;
}
 .homepage .g .bd .title_common p {
 margin: 0.2rem 0;
}
 .title_common p,  .homepage .g .bd .title_common p {
 font-size: 0.14rem;
}
 .footer .side {
 width: auto;
 padding: 0.3rem 15px;
 margin: 0 -15px;
}
 .footer .side .flex {
 display: flex;
}
 .footer::before,  .footer ol,  .footer .bd .title_common p,  .homepage .f .title_common p {
 display: none;
}
 .footer .just .code {
 margin: 0;
 width: 0.7rem;
 height: 0.7rem;
 position: absolute;
 right: 0;
 bottom: 0;
}
 .footer .just {
 position: relative;
 margin: 0.3rem 0;
}
 .footer .title_common h2 {
 font-size: 0.23rem;
}
 .footer .side .box {
 margin-top: 0.3rem;
}
 .footer .bd {
 padding: 0.3rem 0;
}
 .footer .side .box .flex input {
 font-size: 0.14rem;
}

  /**/

  .banner_info img {
 height: 3rem;
}
 .banner_info h2 {
 font-size: 0.3rem;
}
 .banner_info p {
 font-size: 0.16rem;
 padding-bottom: 0;
}
 .banner_info .brdge {
 display: none;
}
 .homepage .banner .swiper-pagination-bullet {
 margin-right: 0.05rem;
}
 .aboutus .a,  .aboutus .b,  .aboutus .c,  .aboutus .d,  .aboutus .f,  .case,  .caseitem .a {
 padding: 0.4rem 0;
}
 .aboutus .a .bd .title_common p {
 margin-top: 0.3rem;
 font-size: 0.14rem;
 line-height: 0.24rem;
}
 .aboutus .a .bd dl dt {
 font-size: 0.28rem;
 padding-right: 0.1rem;
 margin: 0;
}
 .aboutus .a .bd .flex {
 font-size: 0.12rem;
}
 .aboutus .a .bd .title_common {
 padding-bottom: 0.3rem;
}
 .aboutus .b .bd {
 margin-top: 0.3rem;
}
 .aboutus .b .swiper-slide {
 width: 80%;
}
 .aboutus .c .bd {
 margin-top: 0.3rem;
 padding: 0;
}
 .aboutus .c .bd h4 {
 font-size: 0.24rem;
 margin: 0 0.6rem 0.3rem;
}
 .aboutus .c .swiper-button-next,  .aboutus .c .swiper-button-prev {
 width: 0.35rem;
 height: 0.35rem;
}
 .aboutus .d .flex {
 display: block;
}
 .aboutus .d ul {
 margin: 0.2rem 0;
}
 .aboutus .d ul li {
 font-size: 0.14rem;
 line-height: 0.3rem;
}
 .aboutus .d .side {
 width: 100%;
}
 .aboutus .f {
 background-size: 100% auto;
}
 .aboutus .f .bd {
 margin: 0.3rem 0 0;
}
 .aboutus .f ul li {
 width: 33.333%;
}
 .case .hd .flex {
 align-items: stretch;
}
 .case .hd span {
 width: 0.9rem;
 height: auto;
 align-items: stretch;
 padding-top: 0.15rem;
}
 .case .hd ul li {
 padding: 0.05rem 0.1rem;
}
 .case .hd ul li + li::before {
 display: none;
}
 .case .hd .flex_item {
 padding: 0.1rem;
 font-size: 0.12rem;
}
 .case .hd ul li {
 line-height: 0.3rem;
}
 .case .bd {
 padding: 0.3rem 0;
}
 .case .bd ul {
 margin: -0.05rem;
}
 .case .bd ul a dl dd span {
 display: inline-block;
}
 .case .bd ul li {
 width: 50%;
 padding: 0.05rem;
}
 .case .bd ul a dl {
 padding: 0.15rem;
}
 .case .bd ul a dl dt {
 font-size: 0.16rem;
}

  /**/

  .caseitem .a .bd .flex {
 display: block;
}
 .caseitem .a .bd .pic {
 width: 100%;
}
 .caseitem .a .bd {
 margin-top: 0.2rem;
}
 .caseitem .a .bd .box {
 padding: 15px;
}
 .caseitem .a .bd .flex_item {
 padding: 0;
}
 .caseitem .a .bd h1 {
 font-size: 0.2rem;
}
 .caseitem .a .bd p {
 margin: 0.15rem 0;
}
 .caseitem .b {
 padding: 0.4rem 0;
}
 .info {
 display: block;
}
 .caseitem .b .tip {
 margin: 0.15rem 0;
}
 .caseitem .b .bd p {
 padding: 0.1rem 0;
}
 .caseitem .b .list ul li {
 width: 100%;
}
 .caseitem .b .list ul li dl {
 height: auto;
 padding: 0.15rem;
}
 .caseitem .b .ft {
 padding: 0.2rem 0;
}
 .caseitem .b .ft .flex {
 display: block;
}
 .caseitem .b .ft .flex > div:last-child {
 text-align: left;
}
 .caseitem .b .ft .return {
 display: none;
}
 .caseitem .b .ft .flex_item a {
 max-width: 100%;
 font-size: 0.14rem;
}
 .caseitem .b .brdge {
 padding: 0.2rem 0;
}
 .info > .side {
 width: 100%;
 margin: 0.3rem 0 0;
}
 .contentus .a,  .contentus .b,  .news {
 padding: 0.4rem 0;
}
 .contentus .a .bd {
 display: block;
}
 .contentus .a .bd > .flex_item {
 padding: 0.2rem;
}
 .contentus .a .bd h4 {
 padding: 0.2rem 0;
 font-size: 0.16rem;
}
 .contentus .a .bd h3 {
 font-size: 0.2rem;
}
 .contentus .a .bd ul li {
 width: 100%;
}
 .contentus .a .bd ul {
 font-size: 0.14rem;
 line-height: 0.3rem;
}
 .contentus .b li {
 width: 100%;
 line-height: 0.3rem;
}
 .contentus .b ul {
 display: block;
}
 .contentus .b ul li + li {
 margin-top: 0.2rem;
}
 .contentus .b li p {
 font-size: 0.14rem;
 margin-bottom: 0.2rem;
}
 .contentus .b li h3 {
 font-size: 0.18rem;
}

  /**/

  .news .tabtitle li + li::before {
 padding: 0 0.1rem;
}
 .news .tabtitle {
 font-size: 0.14rem;
 margin-bottom: 0.3rem;
}
 .news .homepage .h .bd ul li {
 margin: 0;
 border-top: none;
}
 .news .homepage .h {
 padding-bottom: 0.3rem;
}

  /**/

  .newsitem .hd h1 {
 font-size: 0.2rem;
}
 .newsitem,  .service .a .bd {
 margin-top: 0.3rem;
}

  /**/

  .service .a,  .service .b,  .service .c .bd {
 padding: 0.4rem 0;
}
 .service .a ul li {
 width: 48%;
 margin-bottom: 0.1rem;
}
 .service .a ul {
 flex-wrap: wrap;
}
 .service .a ul li .box h3 {
 font-size: 0.16rem;
 margin-bottom: 0.3rem;
}
 .service .a ul li .box {
 padding: 0.3rem 0;
}
 .service .b .bd ul {
 margin: -0.05rem;
}
 .service .b .bd ul li {
 width: 50%;
 padding: 0.05rem;
}
 .service .b .bd ul li dl {
 height: auto;
 padding: 0.15rem;
}
 .service .b .bd {
 margin-top: 0.3rem;
}
 .service .b .bd ul li dl dt {
 font-size: 0.14rem;
 line-height: 0.24rem;
}
 .service .b .bd ul li dl dd {
 margin-top: 0.1rem;
 height: 1.4rem;
 overflow: hidden;
}
 .service .c .bd ul li {
 width: 50%;
}
 .service .c .bd {
 padding-bottom: 2.5rem;
 background: url(../images/service_19.png) center bottom no-repeat;
 background-size: 50% auto;
}
 .service .c .bd ul li dd {
 height: 0.58rem;
}
 .service .c .bd .title_common {
 padding-bottom: 0.2rem;
}

  /**/

  .products .a,  .products .b,  .products .c,  .products .d {
 padding: 0.4rem 0;
}
 .products .a .bd {
 margin-top: 0.4rem;
}
 .products .a .bd ul {
 margin: -0.05rem;
}
 .products .a .bd ul li {
 width: 50%;
 padding: 0.05rem;
}
 .products .a .bd ul li a {
 padding: 0 0.15rem;
}
 .products .a .bd ul li a dl {
 padding: 0.2rem 0;
}
 .products .b .bd {
 margin-top: 0.3rem;
 display: block;
}
 .products .b .bd .tabtitle {
 width: 100%;
}
 .products .b .bd .tabbox dl {
 padding: 0.1rem;
}
 .products .b .bd .tabtitle li {
 padding: 0.15rem;
 height: 2rem;
}
 .products .b .bd .tabtitle li dt {
 font-size: 0.18rem;
}
 .products .c .bd {
 height: auto;
}
 .products .c .bd ul li {
 width: 50%;
 padding: 0.2rem;
 height: auto;
}
 .products .c .bd ul li dd {
 margin-top: 0.1rem;
 overflow: hidden;
 text-overflow: ellipsis;
 -webkit-box-orient: vertical;
 -webkit-line-clamp: 4;
 display: -webkit-box;
 height: 0.96rem;
}
 .products .c .bd ul li:nth-child(6) {
 border-left: 1px solid #5c81b9;
}
 .products .c .bd ul li:nth-child(6),  .products .c .bd ul li:nth-child(7),  .products .c .bd ul li:nth-child(8),  .products .c .bd ul li:nth-child(9),  .products .c .bd ul li:nth-child(10) {
 border-bottom: 1px solid #5c81b9;
}
 .products .c .bd ul li:nth-child(odd) {
 border-left: none;
}
 .products .c .bd ul li dt {
 font-size: 0.18rem;
 margin: 0;
}
 .products .d .flex {
 display: block;
}
 .products .d .btn {
 margin: 0.2rem 0;
}
 .products .d br {
 display: none;
}
 .products .d ul,  .products .d ul li {
 width: 100%;
}
 .products .d ul li:nth-child(4) {
 margin: 0;
}
 .products .e {
 padding: 0.2rem 0 0.4rem;
}
 .products .e .flex {
 padding: 0;
 display: block;
}
 .products .e .center {
 display: none;
}
 .products .e .flex ul li,  .products .e .flex ul li + li {
 margin-top: 0.2rem;
}
 .products .e .flex ul dt {
 font-size: 0.18rem;
}
 .products .f,  .products .g {
 padding: 0.4rem 0;
}
 .products .f .bd {
 margin-top: 0.3rem;
}
 .products .f .swiper-slide {
 width: 40%;
}
 .products .f .bd dd {
 font-size: 0.14rem;
}
 .products .g .case .bd ul li {
 width: 50%;
}
 .products .e .flex ul {
 width: 100%;
}
 .header > .flex {
 padding: 0 15px;
 height: 55px;
}
 .header .logo dl {
 font-size: 0.12rem;
}
 .aboutus .a {
 background: url(../images/aboutus_02.jpg) center no-repeat;
 background-size: cover;
 padding-bottom: 2rem;
}
}


.products .look_more { display:block; width:160px; height:40px; margin:0 auto; margin-top:20px; font-size:14px; text-align:center; line-height:40px; color:#333; border:1px solid #105EBE; border-radius:20px; transition:all .5s
}
.products .look_more:hover { background:#105EBE; color:#fff; transition:all .5s
}