/* =====头部===== */ 
body {}
#c-placeholder {height: 1rem;min-height: 70px;}
.header {position: fixed; top: 0; z-index: 99; left: 0; width: 100%; border-bottom: 1px solid transparent; transition: .5s;}
.header .headBox {padding: 0 2%; box-sizing: border-box; display: flex; justify-content: space-between; height: 0.8rem; min-height: 50px;}
.headlogo {display: flex; align-items: center; height: 100%;}
.headlogo img {max-width: 4rem;  object-fit: contain;}

/* 导航 */
nav {width: auto;height: 100%; display: flex; align-items: center; flex: 1; margin: 0 4.5%;}
nav > ul {display: flex; height: 100%; width: 100%; justify-content: space-between;}
nav > ul > li {height: 100%; display: flex; align-items: center; position: relative;}
nav > ul > li > a {color: #fff; position: relative;transition: .5s;  font-size: var(--font18);}
nav > ul > li > a::after {content: ''; width: 0; height: 0.03rem;min-height: 2px;background: #f08200;position: absolute;left: 50%;bottom: -.2rem; transition: .5s;}
nav > ul > li:hover > a::after {width: 100%; left: 0;}
nav > ul > li:hover > a {color: #f08200;}
nav > ul > li.on > a {font-weight: 700;}
nav > ul > li.on > a::after {width: 100%; left: 0;;}

nav > ul > li:nth-child(8) .navTwo {display: none !important; visibility: hidden; opacity: 0; pointer-events: none;}

/* 二级下拉 */

.navTwo {line-height: initial; width: max-content;position: absolute;top: 100%; left: 0; transform: translateY(15%) translateX(-50%); z-index: 10;opacity: 0;pointer-events: none;transition: all 0.4s;}
.navTwo .box {display: flex; align-items: flex-start; padding: .2rem;padding-right: 0; background: #fff; border-radius: 0.1rem; box-shadow: 0 .1rem .2rem 0 rgba(0, 0, 0, 0.15);}
.navTwo .box .navImgBox {margin-right: .3rem; border-radius: 0.1rem; overflow: hidden; width: 2rem; position: relative; display:none;}
.navTwo .box .navImgBox img {width: 100%; height: 100%; object-fit: cover;display: none; }
.navTwo .box .navImgBox .item.active img {animation: fadeIn .5s ease-in-out; display: block;}
.navTwo.on {opacity: 1;pointer-events: auto; transform: translateY(-3%) translateX(-50%);}
.navTwo dl {padding-right: .5rem;display: grid; grid-template-columns: repeat(2, 1fr); gap: .2rem; row-gap: .15rem;}
.navTwo dl dd {}
.navTwo dl dd a {display: flex;align-items: center; transition: .4s; color: #666666; font-size: var(--font14);}
.navTwo dl dd a i {margin-right: .1rem;}
.navTwo dl dd a:hover {color: #033d8b;}
.navTwo dl dd a i svg path {transition: .5s;}
.navTwo dl dd a:hover i svg path {fill: #033d8b;}



/* 语言选择 */
.headlang .layui-nav {background: none; padding: 0; margin-right: .25rem;}
.headlang .layui-nav .layui-nav-item {line-height: initial;}
.headlang .layui-nav .layui-nav-item > a {display: flex; padding: 0;}
.headlang .layui-nav .layui-nav-item > a span {margin: 0 5px;}
.headlang .layui-nav .layui-nav-more {position: relative; top: 0; right: 0;}
.headlang .layui-nav .layui-nav-more::before {content: '';  width: 7px; height: 8px; background: url(../images/sjx-icon1.png) no-repeat center; background-size: contain; display: inline-block;}
.headlang .layui-nav .layui-nav-mored {transform: rotate(90deg);}
.headlang .layui-nav .layui-nav-child {top: 100%;}
/* 电话 */
.headphone a {background: #f08200;border-radius: 100px; padding: .1rem .2rem;margin-right: .25rem;min-height: .46rem;}
/* 搜索按钮 */
.heSearch a {width: 0.46rem;height: 0.46rem;background: #033d8b; border-radius: 50%;}
.heSearch a svg {max-width: 50%;}
/* 搜索下拉 */
.hadbox-sec4 {position: absolute;left: 0;top: 100%;width: 100%;display: none; box-sizing: border-box;}
.hadbox-sec4  {background-color: #fff;padding: .5rem; border-top: 1px solid #eee;  box-shadow: 0 2px 2px rgba(0, 0, 0,.1);}
.hadbox-sec4 .close {position: absolute; right: 1.5%; top: 5%; cursor: pointer; max-width: .3rem;}
.hadbox-sec4 .close svg {max-width: 100%;}
.hadbox-sec4 .f_tit {color: #222222;margin-bottom: 0.24rem;font-size: var(--font30);}
.hadbox-sec4 .form {display: flex; align-items: center; justify-content: space-between; padding-bottom: 20px; border-bottom: 1px solid #dddddd;}
.hadbox-sec4 .form i { display: block; width: 0.3rem; overflow: hidden;}
.hadbox-sec4 .form i svg {width: 100%;}
.hadbox-sec4 .form input {width: calc(100% - 3.1rem);padding: 0.16rem 0.24rem; color: #333333; flex: 1;}
.hadbox-sec4 .form .f_sub {width: 1.6rem; height: 0.56rem; min-height: 40px; background: #033d8b;border-radius: 5px;font-size: var(--font20);color: #ffffff;cursor: pointer;}
@media screen and (min-width: 200px) and (max-width: 767px) {
  .hadbox-sec4 {padding: .6rem .3rem;}
  .hadbox-sec4 .form {padding-bottom: .2rem;}
  .hadbox-sec4 .f_tit {font-size: var(--font20);}
}


.header.c-style2 {border-color: rgba(128, 130, 132,.15); background: #033d8b;}

/* 移动端导航栏目 */
.moblienav {padding: .2rem 2%; position: relative; background: #fff; }
.moblienav ul {display: flex; justify-content: space-around;}
.moblienav li a {}
.moblienav li dl {position: absolute; width: 100%; top: 100%; left: 0; padding: .2rem 0; border-top: 1px solid #eee; display: flex; flex-wrap: wrap; background: #fff; display: none;}
.moblienav li dl dd {display: inline-block;}
.moblienav li dl dd a {border: 1px solid #eee; margin: .1rem .1rem; display: inline-block; padding: .1rem .2rem;}

/* ==================公用css====================== */
/* 滚动条 */
.headerNavScroll::-webkit-scrollbar {width: 3px; scrollbar-width:thin;scrollbar-color:#033d8b #DDDDDD; }
/*定义滑块 内阴影*/
.headerNavScroll::-webkit-scrollbar-thumb {background: #033d8b; border-radius: 5px;}
/*定义滚动条轨道 内阴影*/
.headerNavScroll::-webkit-scrollbar-track {background: #E5E5E5;}

/* ===============公用css end!!!!===================*/
.more1 {background: #033d8b; border: 1px solid transparent; padding: .13rem .40rem; box-sizing: border-box;display: inline-flex; overflow: hidden; position: relative;z-index: 1; transition: .5s;}
.more1 span {}
.more1 i {transform: rotate(145deg); transition: .5s; font-size: var(--font18);  font-weight: 700;}
.more1::after {content: ''; position: absolute; background: #fff;  width: 100%; height: 0; bottom: 0; left: 0; z-index:-1; transition: .5s;}

@media (any-hover: hover) {
  .more1:hover {border-color: #033d8b;}
  .more1:hover span {color: #033d8b;}
  .more1:hover i {color: #033d8b;}
  .more1:hover::after {height: 100%;}
}


.telBox .icBox {width: 0.44rem;height: 0.44rem;  min-height: 35px; min-width: 35px; background: #f08200; border-radius: 50%;}
.telBox .icBox img {max-width: 65%;}

#preloader-1 {position: relative;}
#preloader-1 span {position: relative; width:10px; height: 10px; background: #1763a8;border-radius: 50%; bottom: 0; display: inline-block;}
#preloader-1 span:nth-child(1) {animation: cross-1 1.5s infinite linear;}
#preloader-1 span:nth-child(2) {background: #f08200; animation: cross-2 1.5s infinite linear;}
@keyframes cross-1{
  0%{transform: translateX(0); opacity: 0.8;}
  50%{transform: translateX(100%); opacity: 1;}
  100%{transform: translateX(0);opacity: 0.8;}
}
@keyframes cross-2{
  0%{transform: translateX(100%); opacity: 0.8;}
  50%{transform: translateX(0); opacity: 1;}
  100%{transform: translateX(100%);opacity: 0.8;}
}
.indexTle .tit1 {position: relative; z-index: 1;}
.indexTle .tit1 .en {position: absolute; bottom: 0;left: 0; line-height: 1; z-index: -1; background: #333;-webkit-background-clip: text; background-clip:text;-webkit-text-fill-color: #fff;text-fill-color: #fff; font-size: .92rem; text-shadow: 1px 1px 1px rgba(0, 0, 0, .1);}
.indexTle .xian {display: inline-block; width: 0.92rem;height: 1px;background: #033d8b; margin-top: .2rem;}
.indexTle2 .t2 {display: block;}
.indexTle2 .tit1 .en {left: 50%; transform: translateX(-50%);}

/* ======首页======= */
/* banner */
.indexBanner {overflow: hidden; height: auto; position: relative; top: 0; z-index: 1;background: #fff;}
.indexBanner .swiper1 {height: auto; --swiper-theme-color: #033d8b;}
.indexBanner .slide .box {top: 40%;}
.indexBanner .slide .bjBox {height: 100%;}
.indexBanner .slide .bjBox img {width: 100%; width: 100%;height: auto; min-height: 4rem; display: block; object-fit: cover;}
.indexBanner .swiper-slide-active .bjBox img, .indexBanner .swiper-slide-duplicate-active .bjBox img {transition: 6s linear;transform: scale(1, 1);}
.indexBanner .con .p2 {margin-top: .1rem;}
.indexBanner .con .p3 {margin-top: .3rem;}
.indexBanner .con .more {margin-top: .6rem;}
.indexBanner .thumbBox {position: absolute; bottom: 1rem; left: 1rem;z-index: 1;}
.indexBanner .thumbBox .slide {cursor: pointer;}
.indexBanner .thumbBox .slide .text {color: #666666; font-size: var(--font15); margin: .07rem 0; position: relative; z-index: 1; padding: 0 .1rem; display: inline-block;}
.indexBanner .thumbBox .slide .text::after {position: absolute; content: '';width: var(--font22);height: var(--font22);background: #033d8b; border-radius: 50%; z-index: -1; left: 0; top: 0; opacity: 0; transition: .5s;}
@keyframes to100 {0% {left: 0;}100% {left: calc(100% - var(--font22));}}
.indexBanner .thumbBox .slide.swiper-slide-thumb-active .text {font-weight: 700; color: #333; font-family: 'monBold';}
.indexBanner .thumbBox .slide.swiper-slide-thumb-active .text::after {opacity: 1; animation: to100 5s linear forwards;}
/* 控件 */
.indexBanner .pagtion {left: auto; right: 5%; top: 50%;  bottom: auto; width: auto; transform: translateY(-50%);}
.indexBanner .pagtion .swiper-pagination-bullet {margin: .2rem 0; background: #fff; display: block; position: relative; opacity: 1; width: auto; height: auto; background: none;}
.indexBanner .pagtion .pag {width: .6rem; height: .6rem;  background: none; opacity: 1; box-sizing: border-box; display: block; border-radius: 50%; position: relative; margin: auto;}

.indexBanner .pagtion .pag .num {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); opacity: 0; transition: .5s; color: #033d8b;}
.indexBanner .pagtion .pag i {width: 5px;height: 5px; background: #ffffff;position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); border-radius: 50%;}
.indexBanner .pagtion .svgBox {width: 145%; height: 145%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); transition: .4s;}
.indexBanner .pagtion .svgBox svg {fill: none;transform: rotate(-90deg); fill: none;stroke-width:1px;stroke:#033d8b;stroke-dasharray:130; stroke-dashoffset:130; overflow: visible;}
.indexBanner .pagtion .swiper-pagination-bullet-active .pag i {opacity: 0;}
.indexBanner .pagtion .swiper-pagination-bullet-active .pag .num {opacity: 1;}
.indexBanner .pagtion .swiper-pagination-bullet-active .pag {border-color: rgba(255, 255, 255,.2)}
.indexBanner .pagtion .swiper-pagination-bullet-active .pag svg {animation: dashTooffset 6s linear forwards;}
.indexBanner .pagtion .swiper-pagination-bullet-active .pag i {background: #033d8b;}
@keyframes dashTooffset {0% {stroke-dashoffset: 130;}100% {stroke-dashoffset: 0;}}

.indexOne {padding: .6rem 0 .75rem;background: #fcfcfc;}
.indexOne .indexTle .tit1 .en { -webkit-text-fill-color: #FCFCFC;text-fill-color: #FCFCFC;}
.indexOne .oneBox {position: relative;}
.indexOne .le {width: 54%; padding-bottom: .2rem;}
.indexOne .le .text p {margin-top: .25rem;color: #666666; font-size: var(--font18); line-height: 1.8;}
.indexOne .numlist {margin: .5rem 0 .7rem;}
.indexOne .numlist ul {display: flex; justify-content: space-between; flex-wrap: wrap;}
.indexOne .numlist li .num {display: flex; align-items: flex-start; line-height: 1;}
.indexOne .numlist li .counter {font-size: var(--font60); font-weight: 700;color: #033d8b;}
.indexOne .numlist li .p1 {color: #033d8b;transform: translateY(50%);}
.indexOne .numlist li span {margin-top: .1rem; display: block;}
.indexOne .le .more .logo {opacity: 0.1;margin-left: .65rem;}
.indexOne .le .more .logo img {max-width: 2rem;}
.indexOne .re {width: 43%; height: 100%;position: absolute; right: 0; top: 50%; transform: translateY(-50%);  overflow: hidden; display: flex; align-items: center;}
.indexOne .re > img {width: 100%; height: 100%; object-fit: cover; border-top-left-radius: .9rem;}
.indexOne .re .imgBox {height: 100%; position: relative; overflow: hidden;}
.indexOne .re .imgBox img {width: 100%; height: 100%;}
.indexOne .re .btn {cursor: pointer;}
.indexOne .re .btn::before {content: ''; position: absolute; width: 100%; height: 100%; border-radius: 50%; left: 50%; top: 50%; transform: translate(-50%,-50%);opacity: .8; background: #fdfefe; animation: scalemap 2s linear infinite;}
.indexOne .re .btn::after {content: ''; position: absolute; width: 100%; height: 100%; border-radius: 50%; left: 50%; top: 50%; transform: translate(-50%,-50%);background: #fdfefe; animation: scalemap2 2s linear infinite;}
.indexOne .re .btn .iBox {width: 1rem;height: 1rem;background: #fdfefe; border-radius: 50%; position: relative; z-index: 1;}
.indexOne .re .btn .iBox i {width: .23rem; height: .27rem; background: #033d8b; -webkit-clip-path: polygon(100% 50%, 0 0, 0 100%);clip-path: polygon(100% 50%, 0 0, 0 100%);}
@keyframes scalemap {
  0% {transform: translate(-50%, -50%) scale(1);opacity: .8;}
  100% {transform: translate(-50%, -50%) scale(1.8);opacity: 0;}
}
@keyframes scalemap2 {
  0% {transform: translate(-50%, -50%) scale(1);opacity: .6;}
  100% {transform: translate(-50%, -50%) scale(2.5);opacity: 0;}
}

.indexTwo {padding: .5rem 0; position: relative; overflow: hidden; z-index: 1;}
.indexTwo .tleBox .tit {padding-left: .2rem;line-height: 1; text-align:center;}
.indexTwo .swiperBox1 {margin-top: .58rem; width: 110%; transform: translateX(-5%); position: relative;}
.indexTwo .swiperBox1 > .swiper {position: static; overflow: visible;}
.indexTwo .thumbBox { margin:0 auto; margin-top:30px;}


.indexTwo .thumbBox .slide {width: auto; cursor: pointer;}
.indexTwo .thumbBox .slide .text {margin-left: .25rem; font-size: var(--font16); font-weight: 700; position: relative; transition: .5s; background:#033d8b; padding:8px 25px 8px 25px; color:#FFF;border-radius:10px;}
.indexTwo .thumbBox .slide .text::after {content: ''; position: absolute; height: 2px; left: 0; bottom: -2px; background: #033d8b; width: 0; transition: .5s; }
.indexTwo .thumbBox .slide.swiper-slide-thumb-active .text::after {width: 100%;}
.indexTwo .thumbBox .slide.swiper-slide-thumb-active .text {color: #fff; border-color: transparent; background:#f08200; padding:8px 25px 8px 25px;border-radius:10px;}


.indexTwo .thumbBox .syproduct {width: auto; cursor: pointer;}
.indexTwo .thumbBox .syproduct .text { font-size: var(--font16); font-weight: 700; position: relative; transition: .5s;padding:8px 10px 8px 10px; color:#FFF;border-radius:10px;}
.indexTwo .thumbBox .syproduct .text a:hover {color: #fff; border-color: transparent; background:#f08200; border-radius:10px;}
.indexTwo .thumbBox .syproduct .text a {color: #fff; border-color: transparent; background:#033d8b; padding:8px 20px 8px 20px;border-radius:10px;}


.indexTwo .swiperBox2 .swiper {padding: .4rem 0; position: static;} 
.indexTwo .swiperBox2 .slide .abox {width: 100%; display: block; transform: scale(.7); transition: .5s;}
.indexTwo .swiperBox2 .slide .t1 {text-align: center; display: block; font-size: var(--font20); display: block; margin-top: .15rem; font-weight: 700; color: #333;}
.indexTwo .swiperBox2 .slide .imgBox {border: 1px solid #f2f2f2; box-sizing: border-box; position: relative; overflow: hidden;}
.indexTwo .swiperBox2 .slide .imgBox::before {content: ''; position: absolute; width: 100%; height: 100%; background: #000000; top: 0; left: 0; z-index: 1; opacity: 0.3; transition: .5s;}
.indexTwo .swiperBox2 .slide .imgBox img {width: 100%; transition: .5s;}
.indexTwo .swiperBox2 .slide:hover .imgBox img {transform: scale(1.1);}
.indexTwo .swiperBox2 .slide.swiper-slide-active .abox {transform: scale(1.18);}
.indexTwo .swiperBox2 .slide.swiper-slide-active .imgBox::before {opacity: 0;}
/* 控件 */
.indexTwo .thumbBox .swjt {width: .4rem; height: .4rem;  margin: 0;  top: 50%; display: none;}
.indexTwo .thumbBox .swjt.swiper-button-prev {left: 0;transform: rotate(180deg) translateY(50%) translateX(120%)}
.indexTwo .thumbBox .swjt.swiper-button-next {right: 0;transform:translateY(-50%) translateX(120%)}
.indexTwo .swjt {width: 0.68rem; height: 0.68rem; background: #033d8b; border: 1px solid transparent; box-sizing: border-box;}
.indexTwo .swjt::before {content: ''; width: 100%; height: 0; z-index: -1; background: #fff; position: absolute; bottom: 0; left: 0; transition: .5s;}
.indexTwo .swjt.swiper-button-prev {transform: rotate(180deg) translateX(50%); left: 0;}
.indexTwo .swjt.swiper-button-next {right: 0; transform: translateX(50%);}
.indexTwo .swjt svg {max-width: 40%;}
@media (any-hover: hover) {
  .indexTwo .swjt:hover {border-color: #033d8b;}
  .indexTwo .swjt:hover svg path {fill: #033d8b;}
  .indexTwo .swjt:hover::before {height: 100%;}
}

.indexThre {background: url(../images/indexThre-bj.jpg) no-repeat center; background-size: cover; padding-bottom: .45rem; border-bottom: 1px solid #F2F2F2; box-sizing: border-box;}
.indexThre .tleBox .tit {padding: .42rem 0; background: url(../images/indexThre-tle-bj.png) no-repeat center; background-size: contain; text-align: center;}
.indexThre .swiperBox .slide .imgBox {position: relative; overflow: hidden;}
.indexThre .swiperBox .slide .imgBox img {width: 100%; transition: .5s;}
.indexThre .swiperBox .slide .info {width: 90%; padding: .3rem .4rem; box-sizing: border-box; margin: 0 5%; background: #ffffff; box-shadow: -0.02rem 0rem 0.03rem 0rem rgba(51,51,51,0.09); transform: translateY(50%);opacity: 0; }
.indexThre .swiperBox .slide .info .p1 {font-size: var(--font28); font-weight: 700; color: #333;}
.indexThre .swiperBox .slide .info .p2 {color: #333;}
.indexThre .swiperBox .slide.swiper-slide-active .info {opacity: 1;  transform: translateY(-50%);transition: .5s; transition-delay: .5s; flex-wrap: wrap;}
.indexThre .swiperBox .slide:hover .info .infore {color: #033d8b;}
.indexThre .swiperBox .slide:hover .info .infore svg path {fill: #033d8b;}
.indexThre .thumbBox {position: relative;}
.indexThre .thumbBox .swiper {z-index: 1; margin: 0 .2rem; padding: 0 .6rem;}
.indexThre .thumbBox .swiper::after {content: ''; position: absolute; width: 100%; height: 100%;background: url(../images/indexThre-thumbBox-bj.png) repeat-x center; background-size: contain; background-position-y: 6%; top: 0; left: 0; z-index: -1;}
.indexThre .thumbBox .slide { cursor: pointer; text-align: center; }
.indexThre .thumbBox .slide .cirle {position: relative; z-index: 1; display: inline-block; transition: .5s;}
.indexThre .thumbBox .slide .cirle i {width: 0.05rem; height: 0.05rem;background: #a1a1a1;border-radius: 50%; display: block;}
.indexThre .thumbBox .slide .cirle::after {content: ''; position: absolute; width: 200%; height: 200%; background: #f3f3f3; inset: 0; transform: translate(-25%, -25%); border-radius: 50%; z-index: -1; transition: .5s;}
.indexThre .thumbBox .slide span {display: block;  font-size: .18rem; color: #666;margin-top: .1rem; transition: .5s;}
.indexThre .thumbBox .slide.swiper-slide-thumb-active .cirle {transform: scale(1.8);}
.indexThre .thumbBox .slide.swiper-slide-thumb-active .cirle i {background: #135cbe;}
.indexThre .thumbBox .slide.swiper-slide-thumb-active .cirle::after {background: #033d8b; opacity: .5;}
.indexThre .thumbBox .slide.swiper-slide-thumb-active span {color: #135cbe; font-weight: 700;}
/* 控件 */
.indexThre .swjt {}
.indexThre .swjt {width: 0.4rem; height: 0.4rem; background: #135cbe; border: 1px solid transparent; box-sizing: border-box; top: calc(var(--font18) + 5px);}
.indexThre .swjt::before {content: ''; width: 100%; height: 0; z-index: -1; background: #fff; position: absolute; bottom: 0; left: 0; transition: .5s;}
.indexThre .swjt.swiper-button-prev {transform: rotate(180deg) translateX(50%); left: 0;}
.indexThre .swjt.swiper-button-next {right: 0; transform: translateX(50%);}
.indexThre .swjt svg {max-width: 40%;}
@media (any-hover: hover) {
  .indexThre .swjt:hover {border-color: #135cbe;}
  .indexThre .swjt:hover svg path {fill: #135cbe;}
  .indexThre .swjt:hover::before {height: 100%;}
}

.indexFour {padding-top: .4rem;}
.indexFour .fourBox {margin-top: .3rem; padding: .35rem 0; background: url(../images/indexFour-bj.jpg) no-repeat center; background-size: cover; position: relative; z-index: 1;}
.indexFour .box {display: flex; justify-content: space-between;}
.indexFour .le {width: 50%;}
.indexFour .re {width: 45.5%; padding: .35rem 0;}
.indexFour .imglist {position: absolute; left: 0; top: 0; height: 100%; width: 43.5%; z-index: -1; overflow: hidden;}
.indexFour .imglist .item {position: absolute;inset: 0; width: 100%;height: 100%;}
.indexFour .imglist .item img {width: 100%;}
.indexFour .le .navlist {display: flex; justify-content: flex-end;}
.indexFour .le .navlist li {margin-top: .9rem; padding: .22rem .58rem; display: flex; align-items: center; background: rgba(255, 255, 255,.9); border-radius: 0.2rem; box-shadow: 0px 3px 8.28px 0.72px rgba(0, 0, 0, 0.05); transition: .3s;}
.indexFour .le .navlist li:first-child {margin-top: 0;}
.indexFour .le .navlist li:nth-child(1) , .indexFour .le .navlist li:nth-child(4) {transform: translateX(-.9rem);}
.indexFour .le .navlist li:nth-child(2) , .indexFour .le .navlist li:nth-child(3) {transform: translateX(-.5rem);}
.indexFour .le .navlist li span {margin-left: .15rem; font-size: var(--font24);color: #333333; font-weight: 700;}
.indexFour .le .navlist li .icBox img {max-width: .4rem;}
.indexFour .re .imgul ul {display: grid;grid-template-columns: repeat(1, 1fr); gap: .1rem;}
.indexFour .re .imgul li {}
.indexFour .re .imgul img {width: 100%;}
.indexFour .re .item .tle2 .t1 {font-size: var(--font40); font-weight: 700;}
.indexFour .re .item .tle2 .t2 { color: #666666; margin-top: .15rem;}
.indexFour .re .item .tle2 .xian {width: 1.49rem;height: 1px;background: #b0b0b0; position: relative;  box-sizing: border-box; margin-top: .45rem;}
.indexFour .re .item .tle2 .xian::before {content: ''; position: absolute; width: 20%; height: 3px; background: #033d8b;left: 0; top: 50%; transform: translateY(-50%); }
.indexFour .re .item .text {margin: .45rem 0; font-size: var(--font20);}
.indexFour .re .item .more {margin-top: .38rem;}
.indexFour .le .navlist li.active {background: rgba(3, 61, 139,.9);}
.indexFour .le .navlist li.active .icBox img {filter: invert(100%) sepia(100%) saturate(1%) hue-rotate(76deg) brightness(108%) contrast(101%);}
.indexFour .le .navlist li.active span {color: #fff;}
.indexFour .imglist .item {opacity: 0; transition: .5s;}
.indexFour .imglist .item.active {opacity: 1; transition: .5s;}
.indexFour .re .item {display: none;}
.indexFour .re .item.active {display: block;}

.indexFive {padding: .5rem 0; background: url(../images/indexFive-bj.jpg) no-repeat center; background-size: cover;}
.indexFive .thumbBox {padding: .6rem 0; position: relative;}
.indexFive .thumbBox .swiper-wrapper {justify-content: space-between;}
.indexFive .thumbBox .slide {text-align: center; cursor: pointer; width: auto;} 
.indexFive .thumbBox .slide .icBox {width: 0.9rem;height: 0.9rem; margin: auto; background: #033d8b; border-radius: 50%; transition: .5s; position: relative; overflow: hidden; z-index: 1;}
.indexFive .thumbBox .slide .icBox::after {content: ''; position: absolute; z-index: -1; width: 100%; height: 100%; border-radius: 50%; background: #fff; left: 0; top: 0; transform: scale(0); transition: .5s;}
.indexFive .thumbBox .slide .icBox img {max-width: 50%;filter: invert(100%) sepia(100%) saturate(1%) hue-rotate(76deg) brightness(108%) contrast(101%); }
.indexFive .thumbBox .slide span {font-size: .24rem;font-weight: 700; display: block; margin-top: .2rem;}
.indexFive .thumbBox .slide.swiper-slide-thumb-active .icBox {background: #fff; transition-delay: .4s;}
.indexFive .thumbBox .slide.swiper-slide-thumb-active .icBox::after {transform: scale(1);}
.indexFive .thumbBox .slide.swiper-slide-thumb-active .icBox img {filter: none;}
.indexFive .swiperBox .slideBox {}
.indexFive .swiperBox .slideBox .le {width: 45%; box-sizing: border-box;}
.indexFive .swiperBox .slideBox .re {width: 42%; box-sizing: border-box;}
.indexFive .swiperBox .slideBox .re img {width: 100%;}
.indexFive .swiperBox .slideBox .num {background: #033d8b; color: #fff; padding: 0 .05rem;}
.indexFive .swiperBox .slideBox .xian {width: 1.49rem;height: 1px;background: #b0b0b0; position: relative;  box-sizing: border-box; margin-top: .45rem;}
.indexFive .swiperBox .slideBox .xian::before {content: ''; position: absolute; width: 20%; height: 3px; background: #033d8b;left: 0; top: 50%; transform: translateY(-50%); }
.indexFive .swiperBox .slideBox .text {margin-top: .35rem; font-size: var(--font24);}
.indexFive .swiperBox .slideBox .more {margin-top: .4rem;}
/* 控件 */
.indexFive .swjt {display: none;}
.indexFive .swjt {width: 0.4rem; height: 0.4rem; background: #033d8b; border: 1px solid transparent; box-sizing: border-box;}
.indexFive .swjt::before {content: ''; width: 100%; height: 0; z-index: -1; background: #fff; position: absolute; bottom: 0; left: 0; transition: .5s;}
.indexFive .swjt.swiper-button-prev {transform: rotate(180deg) translateX(120%); left: 0;}
.indexFive .swjt.swiper-button-next {right: 0; transform: translateX(120%);}
.indexFive .swjt svg {max-width: 40%;}
@media (any-hover: hover) {
  .indexFive .swjt:hover {border-color: #033d8b;}
  .indexFive .swjt:hover svg path {fill: #033d8b;}
  .indexFive .swjt:hover::before {height: 100%;}
}

.indexSix {padding: .5rem 0;}
.indexSix .box {display: flex; margin: 0 -.16rem; justify-content: space-between; margin-top: .5rem;}
.indexSix .le {width: calc(100% - 0% - .2rem);}
.indexSix .le .item {width: 47%; margin: 0 .15rem;}
.indexSix .re {width: 31%;border: 1px solid #f0f4f3;padding: .4rem;}
.indexSix .item {border: 1px solid #f0f4f3;}
.indexSix .item .con {padding: .25rem; box-sizing: border-box;}
.indexSix .item .imgBox {position: relative;overflow: hidden;}
.indexSix .item .imgBox img {width: 100%; height: 100%; object-fit: cover; transition: .5s;}
.indexSix .item .more {margin-top: .3rem; padding-top: .2rem; border-top: 1px solid #F2F2F2;}
.indexSix .item:hover .imgBox img {transform: scale(1.1);}
.indexSix .item:hover .tit p {color: #1763a8;}
.indexSix .re dt {position: relative;padding-bottom: .05rem; border-bottom: 1px solid #033d8b; display: inline-block; margin-bottom: .3rem;}
.indexSix .re dl .ddBox {overflow-y: auto; max-height: 3.5rem;}
.indexSix .re dl dd a {display: block; padding: .1rem 0;}
.indexSix .re dl dd .tit { position: relative; display: inline-block;}
.indexSix .re dl dd .tit::before {content: ''; width: 0; height: 1px; background: #033d8b; position: absolute; bottom: 0; left: 0; transition: .5s;}
.indexSix .re dl dd:hover .tit p {color: #033d8b;}
.indexSix .re dl dd:hover .tit::before {width: 100%;}
/* 滚动条 */
.indexSix .re dl .ddBox::-webkit-scrollbar {width: 2px; scrollbar-width:thin;scrollbar-color:#033d8b #F2F2F2;}
/*定义滑块 内阴影*/
.indexSix .re dl .ddBox::-webkit-scrollbar-thumb {background: #033d8b; border-radius: 5px;}
/*定义滚动条轨道 内阴影*/
.indexSix .re dl .ddBox::-webkit-scrollbar-track {background: #F2F2F2;}

.indexSeven {padding: .8rem 0;background: #fcfcfc;}
.indexSeven .tleBox .xian {width: 1.49rem;height: 1px;background: #b0b0b0; position: relative;  box-sizing: border-box; margin: auto; margin-top: .2rem;}
.indexSeven .tleBox .xian::before {content: ''; position: absolute; width: 20%; height: 3px; background: #033d8b;left: 50%; top: 0%; transform: translate(-50% , -50%); }
.indexSeven .swiperBox {position: relative;mix-blend-mode: multiply;margin-top: .5rem;}
.indexSeven .swiper {--swiper-theme-color: #033d8b; position: static;}
.indexSeven .slide .imgBox {height: 1.1rem; padding: .1rem; border: 1px solid #e7e7e7;border-radius: 0.12rem; box-sizing: border-box; display: flex; align-items: center; justify-content: center;mix-blend-mode: multiply;}
.indexSeven .slide .imgBox img {max-width: 100%; max-height: 100%; object-fit: contain; mix-blend-mode: multiply;}
/* 控件 */
.indexSeven .pagtion {bottom: -.5rem;}


/* ====================================================================底部 */
.footer {background: #033d8b;}
.foterTop {padding: .4rem 0 .45rem; border-bottom: 1px solid #2d61a7; color:#FFF;}
.foterlogo img {max-width: 4rem;}
.foterlogo .xian {width: 1px;height: 0.27rem; background: #aaaaaa; margin: 0 .35rem;}
.foternav {display: flex; justify-content: space-between; padding: .6rem 0;}
.foternav dl dt {font-size: var(--font18); font-weight: 700; margin-bottom: .3rem; color:#fff;}
.foternav dl dd {margin: .1rem 0; float:left; margin-right:40px;}
.foternav dl dd , .foternav dl dd a {font-size: var(--font15); color: #8da8cb;}
.foternav dl dd a:hover {color: #bbd8ff;}
.foternav .conus {}
.foternav .conus .code {text-align: center; display: inline-block;}
.foternav .conus .code img{ width:100px; height:100px;}


.foterCopyRight {border-top: 1px solid #2d61a7; padding: .15rem 0;}
.foterCopyRight p {font-size: var(--font15); color: #b8d6ff; text-align: center;}
.foterCopyRight p a {color: #bbd8ff;}
.foterCopyRight p a:hover {color: #fff;}

/* ====================================================================
===================================================================内页 */
/* 内页banner */
.ny-banner {position: relative;}
.ny-banner .imgBox {position: relative; overflow: hidden;}
.ny-banner .imgBox img {width: 100%; height: 100%; object-fit: cover; min-height: 3.5rem;}
/* 面包屑 */
.mbx {padding-left: .3rem; top: auto; bottom: .1rem;}
.mbx::before {content: ''; background: url(../images/home-icon.png) no-repeat center; background-size: contain; position: absolute; top: 50%;left: 0; width: 14px; height: 14px; transform: translateY(-50%)}
.layui-breadcrumb a {color: #999;}
.layui-breadcrumb a:hover {color: #033d8b !important;}

/* 内页栏目 */
.nynavOne {box-shadow: -0.02rem 0rem 0.03rem 0rem rgba(100,100,100,0.19); }
.nynavOne .navBox {justify-content: center;}
.nynavOne .navBox a {font-size: var(--font24); display: block; padding: .4rem .5rem; position: relative;}
.nynavOne .navBox a::after {content: ''; position: absolute; width: 0; height: 2px; background: #033d8b; left: 50%; bottom: 0; transition: .5s;}
.nynavOne .navBox a::before {z-index: 1;content: ''; position: absolute; top: calc(100% - .08rem); left: 50%; transform: translateX(-50%); width: .16rem; height: .16rem; background: url(../images/cirle-icon1.png) no-repeat center; background-size: contain; opacity: 0; transition: .5s;} 
.nynavOne .navBox a:hover::after , .nynavOne .navBox a.on::after {width: 100%; left: 0;}
.nynavOne .navBox a:hover::before , .nynavOne .navBox a.on::before  {opacity: 1;}
.nynavOne .navBox a:hover , .nynavOne .navBox a.on {color: #033d8b !important; font-weight: 700;}


/* ==============
========关于我们 */
.aboutTle .xian {display: inline-block; width: .42rem;height: 2px; background: #033d8b; margin-top: .3rem;}

.aboutOne { position: relative; padding: 1rem 0;}
.aboutOne .box {position: relative; display: flex; justify-content: space-between;}
.aboutOne .titBox {overflow: hidden;}
.aboutOne .aboutOne-tit {position: absolute;opacity: 0.04; font-size: 1.86rem; width: 100%; text-align: center;color: #033d8b; font-weight: 700; top: 0; line-height: 1;overflow: hidden;}
.aboutOne .aboutOne-tit span {display: block;}
.aboutOne .le {width: 50%; padding-right: .5rem; box-sizing: border-box;}
.aboutOne .re {width: 50%; padding-left: .4rem; box-sizing: border-box; border-left: 1px solid #F2F2F2;}
.aboutOne .videoBox {position: relative; margin-top: 1rem;}
.aboutOne .videoBox > img {width: 100%; height: 100%; object-fit: cover; }
.aboutOne .btn {cursor: pointer;}
.aboutOne .btn::before {content: ''; position: absolute; width: 100%; height: 100%; border-radius: 50%; left: 50%; top: 50%; transform: translate(-50%,-50%);opacity: .8; background: #fdfefe; animation: scalemap 2s linear infinite;}
.aboutOne .btn::after {content: ''; position: absolute; width: 100%; height: 100%; border-radius: 50%; left: 50%; top: 50%; transform: translate(-50%,-50%);background: #fdfefe; animation: scalemap2 2s linear infinite;}
.aboutOne .btn .iBox {width: 1rem;height: 1rem;background: #fdfefe; border-radius: 50%; position: relative; z-index: 1;}
.aboutOne .btn .iBox i {width: .23rem; height: .27rem; background: #033d8b; -webkit-clip-path: polygon(100% 50%, 0 0, 0 100%);clip-path: polygon(100% 50%, 0 0, 0 100%);}
.aboutOne .re .text p {color: #666666; line-height: 1.9;margin-bottom: .3rem;}
.aboutOne .numlist {margin-top: 1rem;}
.aboutOne .numlist li {padding: .35rem 0; border-top: 1px solid #F2F2F2; display: flex; justify-content: space-between; align-items: center;}
.aboutOne .numlist li:last-child {border-bottom: 1px solid #F2F2F2;}
.aboutOne .numlist li > div {width: calc(100% / 3);}
.aboutOne .numlist li .num {display: inline-flex; align-items: flex-end; line-height: .8;}
.aboutOne .numlist li .counter , .aboutOne .numlist li .dw1  {font-size: var(--font60); font-weight: 700;color: #033d8b;}
.aboutOne .numlist li .dw2 {font-size: var(--font20); color: #033d8b; font-weight: 700; margin-left: .1rem;}
.aboutOne .numlist li .icBox {text-align: center; width: 30%;}
.aboutOne .numlist li .icBox img {max-width: .4rem;}
.aboutOne .numlist li .text {font-size: var(--font18); font-weight: 700;}

.aboutTwo {position: relative;}
.aboutTwo .bjBox {position: relative;}
.aboutTwo .bjBox > img {width: 100%;}
.aboutTwo .bjBox .textBox {top: 40%;}
.aboutTwo .bjBox .text {text-align: center; overflow: hidden;}
.aboutTwo .bjBox .text img {max-width: 100%;}
.aboutTwo .info {padding: .4rem 0; background: linear-gradient(0deg,#f8f8f8 0%, #e2e8e6 100%); border-bottom: 3px solid #033d8b; margin-top: -10%; z-index: 1; position: relative;}
.aboutTwo .info .item {width: 50%;padding: 0 .3rem; box-sizing: border-box;border-left: 1px solid #CCCCCC; }
.aboutTwo .info .item:first-child {border-left: 0;}
.aboutTwo .info .text {margin-top: .2rem;}
.aboutTwo .info .text p {color: #666; line-height: 1.7;}

.aboutThree {background: #fcfcfc; padding: .5rem 0;}
.aboutThree .swiperBox {margin-top: .5rem;}
.aboutThree .swiper .slide .imgBox img {width: 100%;}
.aboutThree .hide {display: flex; flex-direction: column; align-items: center; justify-content: center;}
.aboutThree .hide {position: absolute; opacity: 0; transition: .5s; left: 0; top: 0; width: 100%; height: 100%; background: rgba(214, 0, 15,.8); }
.aboutThree .hide svg {max-width: .5rem;}
.aboutThree .slide:hover .hide {opacity: 1;}
.aboutThree .swiper .slide .hide span {display: block; color: #fff;}
/* 控件 */
.aboutThree .pagContrls {position: relative; display: flex; justify-content: space-between; align-items: center; margin-top: .3rem;}
.aboutThree .swjt {position: relative; margin: 0; top: 0; flex-shrink: 0;}
.aboutThree .swjt {width: 0.68rem; height: 0.68rem; background: #033d8b; border: 1px solid transparent; box-sizing: border-box;}
.aboutThree .swjt::before {content: ''; width: 100%; height: 0; z-index: -1; background: #fff; position: absolute; bottom: 0; left: 0; transition: .5s;}
.aboutThree .swjt.swiper-button-prev {transform: rotate(180deg) translateX(0%); left: 0;}
.aboutThree .swjt.swiper-button-next {right: 0; transform: translateX(0%);}
.aboutThree .swjt svg {max-width: 40%;}
.aboutThree .pagtion {position: relative; margin: 0 .4rem;}
.aboutThree .pagtion.swiper-pagination-progressbar {background: #D1D1D1; height: 2px;}
.aboutThree .pagtion.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {background: #033d8b;}
@media (any-hover: hover) {
  .aboutThree .swjt:hover {border-color: #033d8b;}
  .aboutThree .swjt:hover svg path {fill: #033d8b;}
  .aboutThree .swjt:hover::before {height: 100%;}
}

.aboutFour {padding: .5rem 0; background-color:#fcfcfc;}
.aboutFour ul {display: grid; grid-template-columns: repeat(4, 1fr);}
.aboutFour li {position: relative; overflow: hidden;background: #f5f6f7; transition: .5s;}
.aboutFour li:first-child {background: #fcfcfc !important; grid-column: span 2; display: flex; align-items: center;}
.aboutFour li:nth-child(3) {border-top-right-radius: .2rem;}
.aboutFour li:nth-child(4) {grid-column: span 2;}
.aboutFour li:nth-child(7) {border-bottom-left-radius: .2rem;}
.aboutFour li:nth-child(10) {border-bottom-right-radius: .2rem;}
.aboutFour li .imgBox {height: 100%;}
.aboutFour li .imgBox img {width: 100%; height: 100%; object-fit: cover;}
.aboutFour li .con {padding: .4rem; box-sizing: border-box; }
.aboutFour li .t1 {font-size: var(--font24); color: #C2C2C2; font-weight: 700;text-transform: uppercase;}
.aboutFour li .t2 {font-size: var(--font24); color: #033d8b; font-weight: 700;}
.aboutFour li .text {margin-top: .9rem; font-size: var(--font20); font-weight: 700;}
.aboutFour li .text p {color: #777777;}
.aboutFour li .icBox img {max-width: .5rem;}
.aboutFour li:hover {background: #033d8b;}
.aboutFour li:hover .t1 {color: #fff;}
.aboutFour li:hover .t2 {color: #fff;}
.aboutFour li:hover .text p {color: #fff;}
.aboutFour li:hover .icBox img {filter: brightness(0) invert(1);}

.aboutFive {background: url(../images/aboutFive-bj.jpg) no-repeat center; background-size: cover; padding: .6rem 0; box-sizing: border-box;}
.aboutFive .swiperBox {margin-top: .5rem;}
.aboutFive .swiper .slide .imgBox {overflow: hidden; transform: scale(.65); transition: .5s;}
.aboutFive .swiper .slide .imgBox img {width: 100%;}
.aboutFive .swiper .slide.swiper-slide-prev .imgBox {transform: scale(.65) translateX(-40%);}
.aboutFive .swiper .slide.swiper-slide-next .imgBox {transform: scale(.65) translateX(40%);}
.aboutFive .swiper .slide.swiper-slide-active .imgBox {transform: scale(1) translateX(0%);}
/* 控件 */
.aboutFive .swjt {width: 0.68rem; height: 0.68rem; background: #033d8b; border: 1px solid transparent; box-sizing: border-box;}
.aboutFive .swjt::before {content: ''; width: 100%; height: 0; z-index: -1; background: #fff; position: absolute; bottom: 0; left: 0; transition: .5s;}
.aboutFive .swjt.swiper-button-prev {transform: rotate(180deg) translateX(50%); left: 36%;}
.aboutFive .swjt.swiper-button-next {right: 36%; transform: translateX(50%);}
.aboutFive .swjt svg {max-width: 40%;}
@media (any-hover: hover) {
  .aboutFive .swjt:hover {border-color: #033d8b;}
  .aboutFive .swjt:hover svg path {fill: #033d8b;}
  .aboutFive .swjt:hover::before {height: 100%;}
}


/* ==================
===========解决方案 */
/* 内页栏目导航2 */
.nynavTwo .icBox {width: 0.7rem; height: 0.7rem; background: #033d8b; border-radius:50%; flex-shrink: 0;}
.nynavTwo .icBox img {max-width: 50%;}
.nynavTwo .navBox {display: flex;align-items: center; border-radius: 100px; background: #fff;}
.nynavTwo .tit {margin-left: .3rem; flex-shrink: 0;}
.nynavTwo .list {overflow-x: auto;}
.nynavTwo .list ul {display: flex;}
.nynavTwo .list li {margin-right: .5rem; white-space: nowrap;}
.nynavTwo .list li a {font-size: var(--font18); font-weight: 700; color: #333; transition: .5s;}
.nynavTwo .list li.on {order: -1;}
.nynavTwo .list li:active a , .nynavTwo .list li.on a {color: #033d8b;}

@media (any-hover: hover) {
  .nynavTwo .list li:hover a {color: #033d8b;}
}

.soluOne {padding: .4rem 0;background: #f0f3f8;}
.soluOne .aboutTle {position: relative; margin-top: .5rem;}
.soluOne .aboutTle .en { opacity: 0.04;font-size: 2.06rem;font-weight: 800;color: #033d8b; overflow: hidden;}
.soluOne .aboutTle .en span {display: block;}
.soluOne .swiper {padding-top: .6rem;}
.soluOne .swiperBox {margin-top: 1rem;}
.soluOne .swiperBox .swiper-wrapper {align-items: center;}
.soluOne .swiperBox .slide {width: 63%; }
.soluOne .swiperBox .slide .imgBox {width: 44%; position: relative; overflow: hidden; height: 100%; transition: .5s;}
.soluOne .swiperBox .slide .imgBox img {width: 100%; height: 100%; object-fit: cover;transition: .5s;}
.soluOne .swiperBox .slide .aBox {display: flex;  padding: .35rem; background: #fff;transform: scale(.6); transition: .5s;}
.soluOne .swiperBox .slide .con {position: absolute; left: 0; right: auto; top: 0; width: 50%; height: 100%;  transition: 1s; padding: 0 .5rem; box-sizing: border-box; opacity: 0; visibility: hidden;}
.soluOne .swiperBox .slide .num {font-size: 1rem; font-weight: 700; color: #333; transform: translateY(-50%); line-height: 1;}
.soluOne .swiperBox .slide .text {margin-top: .2rem;}
.soluOne .swiperBox .slide .text span {display: block;}
.soluOne .swiperBox .slide .more {margin-top: .4rem; border-top: 1px solid #D1D1D1; padding-top: .35rem;color: #333333; font-weight: 700;}
.soluOne .swiperBox .slide:hover .imgBox img {transform: scale(1.1);}
.soluOne .swiperBox .slide:hover .more {color: #033d8b;}
.soluOne .swiperBox .slide.swiper-slide-prev .aBox {display: flex; justify-content: flex-end; transform:scale(.6) translateX(15%);}
.soluOne .swiperBox .slide.swiper-slide-active .aBox {transform: scale(1);}
.soluOne .swiperBox .slide.swiper-slide-active .con {right: 0; left: auto; opacity: 1; visibility: visible; transition-delay: .4s;}
.soluOne .swiperBox .slide.swiper-slide-active .imgBox {margin-top: -.9rem;}
.soluOne .thumbBox {position: relative;margin-top: .5rem;}
.soluOne .thumbBox .swiper {z-index: 1; margin: 0 .2rem; padding: 0 .6rem;}
.soluOne .thumbBox .swiper::after {content: ''; position: absolute; width: 100%; height: 100%;background: url(../images/indexThre-thumbBox-bj.png) repeat-x center; background-size: contain; background-position-y: top; top: 0; left: 0; z-index: -1;}
.soluOne .thumbBox .slide { cursor: pointer; text-align: center;}
.soluOne .thumbBox .slide .cirle {position: relative; z-index: 1; display: inline-block; transition: .5s;}
.soluOne .thumbBox .slide .cirle i {width: 0.05rem; height: 0.05rem;background: #a1a1a1;border-radius: 50%; display: block;}
.soluOne .thumbBox .slide .cirle::after {content: ''; position: absolute; width: 200%; height: 200%; background: #f3f3f3; inset: 0; transform: translate(-25%, -25%); border-radius: 50%; z-index: -1; transition: .5s;}
.soluOne .thumbBox .slide span {display: block;  font-size: var(--font18); color: #666;margin-top: .1rem; transition: .5s;}
.soluOne .thumbBox .slide.swiper-slide-thumb-active .cirle {transform: scale(1.8);}
.soluOne .thumbBox .slide.swiper-slide-thumb-active .cirle i {background: #033d8b;}
.soluOne .thumbBox .slide.swiper-slide-thumb-active .cirle::after {background: #d60312; opacity: .5;}
.soluOne .thumbBox .slide.swiper-slide-thumb-active span {color: #033d8b; font-weight: 700;}
/* 控件 */
.soluOne .swjt {}
.soluOne .swjt {width: 0.4rem; height: 0.4rem; background: #033d8b; border: 1px solid transparent; box-sizing: border-box; top: calc(var(--font18) + 5px);}
.soluOne .swjt::before {content: ''; width: 100%; height: 0; z-index: -1; background: #fff; position: absolute; bottom: 0; left: 0; transition: .5s;}
.soluOne .swjt.swiper-button-prev {transform: rotate(180deg) translateX(50%); left: 0;}
.soluOne .swjt.swiper-button-next {right: 0; transform: translateX(50%);}
.soluOne .swjt svg {max-width: 40%;}
@media (any-hover: hover) {
  .soluOne .swjt:hover {border-color: #033d8b;}
  .soluOne .swjt:hover svg path {fill: #033d8b;}
  .soluOne .swjt:hover::before {height: 100%;}
}

/* 图片系统 */
.soluMain{background: #fcfcfc;}


.solulist {padding: 0rem 0;}
.solulist ul {display: grid; grid-template-columns: repeat(3, 1fr); gap: .3rem;}
.solulist li {text-align: center;}
.solulist li .imgBox {position: relative; overflow: hidden; border:#f2f2f2 1px solid;}
.solulist li .imgBox img {width: 100%; display: block; transition: .5s; transition: .5s;}
.solulist li .more { z-index: 2; width: 0.65rem;height: 0.65rem;background: #e4f3fd; display: flex; align-items: center; justify-content: center; font-size: var(--font36);color: #033d8b; padding-bottom: .05rem; opacity: 0; transform: translate(-50%,-50%) scale(0); transition: .5s;}
.solulist li .imgBox::after {content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); transition: .5s; opacity: 0;}
.solulist li .t1 {font-size: var(--font16); color: #333; font-weight: 700; margin-top: .25rem;}
.solulist li .link {display:flex; justify-content: center; margin-top: .2rem; align-items: center;}
.solulist li .link i {transform: rotate(180deg); font-weight: 700;  color: #033d8b; font-size: var(--font18);}
.solulist li:hover .imgBox::after {opacity: 1;}
.solulist li:hover .more {opacity: 1; transform:translate(-50%,-50%) scale(1); transition-delay: .25s;}
.solulist li:hover .imgBox img {transform: scale(1.05,1.05);}
.solulist li:hover .link span {color: #033d8b;}


/* ==================
===========板材加工 */
.plateOne {}
.plateOne .aboutTle {position: relative; margin-top: .5rem;}
.plateOne .aboutTle .en { opacity: 0.04;font-size: 2.06rem;font-weight: 800;color: #033d8b; overflow: hidden;}
.plateOne .aboutTle .en span {display: block;}
.plateTwo {position: relative; overflow: hidden;}
.plateTwo .box .con {overflow: hidden;}
.plateTwo .imgBox {position: relative;}
.plateTwo .imgBox img , .plateTwo .imgBox video {width: 100%; display: block; max-height: 7rem; object-fit: cover;}
.plateTwo .imgBox::after {content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4); transition: .5s;}


.plateThree {padding: .5rem 0 .8rem;background: #fcfcfc;}
.plateThree .list {margin-top: .5rem;}
.plateThree ul {display: grid; grid-template-columns: repeat(4, 1fr); gap: .2rem;}
.plateThree li {position: relative;}
.plateThree li .imgBox img {width: 100%;}
.plateThree li .hide {display: flex; flex-direction: column; align-items: center; justify-content: center;}
.plateThree li .hide {position: absolute; opacity: 0; transition: .5s; left: 0; top: 0; width: 100%; height: 100%; background: rgba(214, 0, 15,.8); }
.plateThree li .hide svg {max-width: .5rem;}
.plateThree li .hide span {display: block; color: #fff;}
.plateThree li:hover .hide {opacity: 1;}

/* ==================
======产品详情通用页面 */
.proDateMain {background: #fcfcfc;}
.proDateMain .nynavTwo .list ul li:first-child {display: none;}
.proDateMain .nynavTwo .list ul {flex-wrap: wrap; justify-content: space-between;}
.proDateMain .nynavTwo .list li {margin: .1rem 0;}

.proDateOne {padding-top: .8rem;}
.proDateOne .box {background: #ffffff; border-radius: 0.08rem;box-shadow: 0.05rem 0rem 0.1rem 0.1rem rgba(0,0,0,0.05); padding:.4rem .3rem; box-sizing: border-box;}
.proDateOne .le {width: 48%; position: relative;border: 1px solid #f2f2f2;}
.proDateOne .re {width: 48%;}
.proDateOne .swiper .slide img {width: 100%; }
.proDateOne .thumbBox {position: absolute; width: 100%; bottom: .1rem; left: 0;padding: 0 .1rem; box-sizing: border-box;}
.proDateOne .thumbBox .swiper {width: 100%;}
.proDateOne .thumbBox .swiper .slide {cursor: pointer;}
.proDateOne .thumbBox .swiper .slide img {border: 1px solid #f2f2f2; box-sizing: border-box;}
.proDateOne .thumbBox .swiper .slide.swiper-slide-thumb-active img {border-color: #033d8b;}
.proDateOne .re .tle {padding-bottom: .4rem; border-bottom: 1px solid #f2f2f2;}
.proDateOne .re .text {margin: .4rem 0;}
.proDateOne .re .disc p {position: relative; font-size: var(--font18); line-height: 1.8;    word-break: break-all;}
.proDateOne .re .disc p::before {content: ''; width: .1rem; height: .1rem; display: inline-block; border-radius: 50%; background: #033d8b;margin-right: .1rem; }
.proDateOne .re .telBox {margin-top: .4rem;}

.proDateTwo {padding: .8rem 0;}
.proDateTwo .tit {font-size: var(--font36); font-weight: 700; color: #033d8b; padding-left: .15rem; line-height: 1; border-left: 2px solid #033d8b; margin-bottom: .35rem;}
.proDateTwo .box {align-items: flex-start;}
.proDateTwo .le {width: 23%; position: sticky; top: 1.5rem;}
.proDateTwo .re {width: 74%;}
.proDateTwo .ctitle1 {background: #fff; padding: .5rem .3rem;}
.proDateTwo .ctitle1 ul {position: relative;top: -0.1rem;padding-right: .1rem; border-left: 1px solid #C7C7C7;}
.proDateTwo .ctitle1 > ul >li {position: relative; padding: .1rem 0;}
.proDateTwo .ctitle1 > ul >li:first-child {padding-top: 0;}
.proDateTwo .ctitle1 > ul >li:last-child {padding-bottom: 0;}
.proDateTwo .ctitle1 li .menu-li {position: relative;padding-left: .35rem;}
.proDateTwo .ctitle1 > ul >li .cirle {content: "";width: 0.09rem;height: 0.09rem; background: #033d8b; border-radius: 50%; position: absolute; left: 0; top: 50%; transform: translate(-50%, -50%); z-index: 1; transition: .4s; opacity: 0;}
.proDateTwo .ctitle1 > ul >li .cirle::after {content: ""; position: absolute; width: 100%; height: 100%; left: 0; top: 0;background: #033d8b; border-radius: 50%;  z-index: -1;}
.proDateTwo .ctitle1 > ul >li .menu-li  a {font-weight: 400;color: #666666;font-size: var(--font16); }
.proDateTwo .ctitle1 > ul >li i {transform: rotate(180deg); display: inline-block; font-weight: 700; margin-left: .2rem; color: #033d8b; opacity: 0;}
.proDateTwo .ctitle1 > ul >li.on .cirle::after {animation: shubiao 1s infinite linear .65s;}
.proDateTwo .ctitle1 > ul >li.on .cirle {background: #033d8b; opacity: 1;}
.proDateTwo .ctitle1 > ul >li.on i {opacity: 1;}
.proDateTwo .ctitle1 > ul >li.on .menu-li  a {color: #033d8b;}
.proDateTwo .ctitle1 > ul >li:hover .menu-li  a {color: #033d8b;}
.proDateTwo .ctitle1 > ul >li:hover .cirle {background: #033d8b; opacity: 1;}
.proDateTwo .ctitle1 > ul >li:hover i { opacity: 1;}
.proDateTwo .re .item {margin-top: .4rem;}
.proDateTwo .re .item:first-child {margin-top: 0;}
.proDateTwo .re .item .con {padding: .2rem; background: #fff; box-sizing: border-box; line-height:35px;}
.proDateTwo .re .item .con img , .proDateTwo .re .item .con video {max-width: 100%;}
.proDateTwo .re .item .con video {width: 100%; height: auto;}

.proDateThre {padding: .7rem 0;}
.proDateThre .tle {padding-left: .2rem; line-height: 1; border-left: 4px solid #033d8b;}
.proDateThre .swiperBox {margin-top: .5rem; position: relative;}
.proDateThre .swiper {position: static;  --swiper-theme-color: #033d8b;}
.proDateThre .swiper .imgBox {position: relative;}
.proDateThre .swiper .imgBox img {width: 100%;}
.proDateThre .swiper .slide .icBox {opacity: 0; transition: .5s;}
.proDateThre .swiper .slide .icBox::after {content: ''; position: absolute; width: 100%; height: 100%; background: rgba(214, 0, 15,.6); left: 0; top: 0;}
.proDateThre .swiper .slide .icBox svg {position: relative; z-index: 1;}
.proDateThre .swiper .slide:hover .icBox {opacity: 1;}
.proDateThre .swiper .slide .icBox {position: absolute; width: 100%; height: 100%; left: 0; top: 0;}
.proDateThre .swiper .slide span {display: block;color: #666666; margin-top: .1rem; text-align: center;}
/* 控件 */
.proDateThre .pagtion {bottom: -.5rem;}
.proDateThre .swjt {}
.proDateThre .swjt {width: 0.68rem; height: 0.68rem; background: #033d8b; border: 1px solid transparent; box-sizing: border-box; }
.proDateThre .swjt::before {content: ''; width: 100%; height: 0; z-index: -1; background: #fff; position: absolute; bottom: 0; left: 0; transition: .5s;}
.proDateThre .swjt.swiper-button-prev {transform: rotate(180deg) translateX(100%); left: -.2rem;}
.proDateThre .swjt.swiper-button-next {right: -.2rem; transform: translateX(100%);}
.proDateThre .swjt svg {max-width: 40%;}
@media (any-hover: hover) {
  .proDateThre .swjt:hover {border-color: #033d8b;}
  .proDateThre .swjt:hover svg path {fill: #033d8b;}
  .proDateThre .swjt:hover::before {height: 100%;}
}

/* 分页*/
.newsxq-page {display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; background: #fff; padding: .3rem; box-sizing: border-box; border-top: 1px solid #f2f2f2;}
.newsxq-page a {display: flex; align-items: center;}
.news-prev,.news-next{display: flex; align-items: center;} 
.news-prev svg {transform: rotateY(180deg);   -webkit-transform: rotateY(180deg);}
.newsxq-page em {display: inline-block; margin-top: .02rem;color: #666666;}
.backlist a {border-radius: 100px; padding: .12rem .3rem; background: #033d8b;color: #fff;}
.backlist svg {margin-right: .1rem;}
.backlist a:active {background: #05b0b6;}
.newsxq-page .pagefy:active em {color: #033d8b; }
.newsxq-page .pagefy:active svg path {fill: #033d8b;}
@media (any-hover: hover) {
.newsxq-page .pagefy:hover em {color: #033d8b; }
.newsxq-page .pagefy:hover svg path {fill: #033d8b;}
}


/* ======================
=============== 新闻资讯 */
.newslist {padding: .6rem 0;}
.newslist ul {display: grid; grid-template-columns: repeat(3, 1fr); gap: .45rem;}
.newslist li {border: 1px solid #f0f4f3;}
.newslist li .con {padding: .25rem; box-sizing: border-box;}
.newslist li .imgBox {position: relative;overflow: hidden;}
.newslist li .imgBox img {width: 100%; height: 100%; object-fit: cover; transition: .5s;}
.newslist li .more {margin-top: .3rem; padding-top: .2rem; border-top: 1px solid #F2F2F2;}
.newslist li:hover .imgBox img {transform: scale(1.1);}
.newslist li:hover .tit p {color: #033d8b;}

/* ======================
=============== 解决方案详情以及新闻详情 */
.soluDateMain {background: #fcfcfc;}
.soluDateMain .soluOne {background: none;}

/* 内页新闻资讯详情页 */
.nynews-box {align-items: flex-start; padding-bottom: .8rem; }
.news-details {width: 68.92%; background: #ffffff; padding: .3rem 2.4% .5rem; box-sizing: border-box;}
.newsxq-title {border-bottom: 1px solid #F2F2F2; padding-bottom:.3rem;}
.newsxq-title strong {display: block; font-size: var(--font34); color: #333; font-weight: normal; margin-bottom: .3rem;}
.newsxq-title span {color: #999; margin-right: .7rem;}
.newsxq-title span>img {display: inline-block; margin-right: .14rem;}
.newsxq-editbox {border-bottom: 1px solid #F2F2F2; padding: .3rem 0; margin-bottom: .6rem;}
.newsxq-editbox img {max-width: 100%;}
.newxq-arrow .text em {display: block; color: #999; line-height: 1.8;}
.newxq-arrow .text a {color: #333;}
.newxq-arrow .text a:hover {color: #033d8b;}
.news-back a {transition: 0.6s; display: block;padding: .12rem .3rem;  background: #033d8b;border-radius: 100px; color: #fff; text-align: center;}
.news-back a:hover {background: #f08200;}
.news-recom {width: 27.5%; position: sticky; top: 1.5rem; background: #ffffff; padding: .24rem 2.7%; box-sizing: border-box;}
.recom-title h2 {display: block; font-size: var(--font30); color: #333;border-left: 4px solid #033d8b; padding-left: .2rem; margin-bottom: 0rem; line-height: 1;}
.latest-recom {padding: .3rem 0;}
.latest-recom .pic{overflow: hidden; margin-bottom: .25rem;}
.latest-recom .pic img{display: block; width: 100%; -webkit-transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, transform 1s; -webkit-backface-visibility: hidden;backface-visibility: hidden;opacity: 1;}
.latest-recom a:hover .pic img{-webkit-transform: scale3d(1.1,1.1,1);transform: scale3d(1.1,1.1,1);-webkit-transition: opacity 1s, -webkit-transform 1s;transition: opacity 1s, transform 1s;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.latest-recom h3{ font-size: var(--font20); color: #333; }
.latest-recom a:hover h3{color: #033d8b;}
.recom-list{border-top: 1px solid #F2F2F2; padding-top: .24rem; margin-top:.24rem;}
.recom-list ul li{margin-bottom: .27rem;}
.recom-list ul li:last-child{margin-bottom: 0;}
.recom-list ul li em {color: #333;}
.recom-list ul li em>img{display: inline-block; margin-right:.2rem;}
.recom-list ul li:hover em{color: #033d8b;}

@media screen and (max-width: 767px) {
  .news-details {width: 100%;}
  .news-recom {width: 100%;margin-top: .3rem;}
}

/* ==================
===========联系我们 */
.tactMain {padding-top: .0rem;}
.tactMain .navBox {background: #fcfcfc;}
.win1920 {max-width: 2580px;margin: auto;}
.contactOne {padding: 1rem 0; margin-top: .8rem; position: relative; overflow: hidden;}
.contactOne .win1920 {position: relative;}
.contactOne .le {width: 50%;}
.contactOne .le .tel {margin: .7rem 0; justify-content: flex-start;}
.contactOne .tel .icBox {width: .5rem; margin-right: .3rem;}
.contactOne .tel .icBox img {max-width: 100%;}
.contactOne .tel strong {display: block;font-size: 0.42rem;font-family: Arial, Arial-Bold; font-weight: 700; text-align: left; color: #033d8b; line-height: 1;}
.contactOne .tel span {font-size: var(--font22); font-weight: 500; color: #333333;}
.contactOne .re {width: 50%; position: absolute; left: 100%; top: 50%; transform: translate(-100%, -50%); }
.contactOne .re img {width: 100%; height: 100%; object-fit: cover;}
.contactOne h3 {font-size: 0.44rem;color: #333333;}
.contactOne dd {display: flex; align-items: center; margin: .2rem 0;}
.contactOne dd p , .contactOne dd p a {color: #333; font-size: var(--font22);}
.contactOne dd p a:hover {color: #033d8b;}
.contactOne .more {margin-top: 1rem; display: flex;}
.contactOne .more .a1 {margin-right: .35rem;background: #033d8b; color: #fff;}
.contactOne .more .a1 svg path {fill: #fff;}
.contactOne .more a {border: 2px solid #033d8b;  border-radius: 50px; padding: .12rem .28rem; transition: .5s;}
.contactOne .more a span {margin: 0 .05rem;}
.contactOne .more a:hover {background: #033d8b; color: #fff;}
.contactOne .more a:hover svg path {fill: #fff;}
.contactOne .codeBox {margin-top: 1rem; margin-left: .3rem;}
.contactOne .codeBox img {max-width: 2.5rem;}
.contactOne .bjImg {position: absolute; left: 0; bottom: -6%; width: 33%;}
.contactOne .bjImg img {max-width: 100%;}

.contactTwo {background: #F0F0F0; padding: 1rem 0;}
.contactTwo .container {width: 1200px;}
.contactTwo h3 {text-align: center;font-size: 0.52rem;font-weight: 700;color: #333333; }
.contactTwo .form {margin-top: .6rem;}
/* 留言 */
.hiMessagePop .itemBox {display: grid; grid-template-columns: repeat(3,1fr); gap: .3rem;}
.hiMessagePop .item {height: 0.73rem; min-height: 50px; background: #ffffff; border: 1px solid #e5eaf0; border-radius: 0.05rem; position: relative; overflow: hidden;}
.hiMessagePop .item input , .hiMessagePop .item textarea {height: 100%;  width: 100%; padding: 0 .2rem; box-sizing: border-box; position: relative; z-index: 1;}
.hiMessagePop .item input:focus + label {display: none;}
.hiMessagePop .item textarea:focus + label {display: none;}
.hiMessagePop .item label {position: absolute; z-index: 0; left: 0%; top: 50%; transform: translate(0, -50%); padding-left: .2rem; box-sizing: border-box;color: #999999;}
.hiMessagePop .item label i {color: #FF0000; font-style: normal; margin-left: 5px;}
.hiMessagePop .item2 {grid-column: 1 / 4;height: 2.1rem;}
.hiMessagePop .item2 textarea { padding: .2rem; resize: none; border: 0;}
.hiMessagePop .item2 textarea::placeholder {color: #999;}
.hiMessagePop .item.itemCode {overflow: visible;}
.hiMessagePop .item img {position: absolute;right: 0; height: 100%; object-fit: contain;width: 120px;border-radius:60px;}
.hiMessagePop .item.on label {display: none;}
.hiMessagePop .sub {display: flex; justify-content: center; margin-top: .5rem;}
.hiMessagePop .sub button {padding: .15rem .53rem;background: #033d8b;border-radius: 50px; color: #fff;font-weight: 700; cursor: pointer;}
.hiMessagePop .sub button:active {box-shadow: 0 0 .1rem #033d8b;}


/* 产品详情新增加公司实力切换 */
.layui-tabs-header {text-align: center;}
.layui-tabs-header .layui-this, .layui-tabs-header li {transition: 0s;}
.layui-tabs-header .layui-this, .layui-tabs-header li:hover {color: #a50812;}
.layui-tabs-header .layui-this, .layui-tabs-header li:hover .icBox img {filter: invert(41%) sepia(98%) saturate(7363%) hue-rotate(346deg) brightness(78%) contrast(121%);}
.proDateTwo .re .item table {width: 100%;}
.proDateTwo .re .item .layui-tabs .layui-tabs-header .liBox {font-size: var(--font18);}
.proDateTwo .re .item .layui-tabs .layui-tabs-header .liBox .icBox {margin-right: .1rem;}
.proDateTwo .re .item .layui-tabs .layui-tabs-header .liBox .icBox img {max-width: .3rem;}
.layui-tabs-header .layui-this:after {display: none;}
.layui-tabs-header {border-top: 1px solid #eee; height: 60px;}
.layui-tabs-header:after, .layui-tabs-scroll:after {}
.layui-tabs-body {margin-top: .3rem;}
.layui-tabs-header li {line-height: 60px;}
.layui-tabs-bar .layui-icon {line-height: 60px;}
.proDateTwo .re .item .layui-tabs .layui-tabs-item .itemBox {display: flex;}
.proDateTwo .re .item .layui-tabs .layui-tabs-item .imgBox {width: 40%;}
.proDateTwo .re .item .layui-tabs .layui-tabs-item .imgBox img {width: 100%;}
.proDateTwo .re .item .layui-tabs .layui-tabs-item .info {width: 60%;}
.ys-left .pic,.ys-left .info{}
.ys-left .pic img{display: block; width: 100%}
.ys-left .info{box-sizing:border-box; background: #fff; padding: 0 3%; display: flex;    flex-direction: column;    justify-content: center;}
.ys-left .line{border-bottom: 1px solid #c4c4c4; padding-bottom: .24rem; margin-bottom: .1rem;}
.ys-left .info strong{ display: block; font-size: var(--font24);  color: #333333}
.ys-left .info b{display: block; font-size: var(--font26);  color: #333333; font-family: arial;}
.ys-left .info span{display: block;  color: #666; font-family: arial; margin-bottom: .3rem;}
.ys-left .info p{ color: #333333; margin-bottom: .2rem;}
.ys-left .info em{background: url(../images/tel-bg.png) no-repeat left center; width: 377px; height: 65px; font-size: 22px; line-height: 65px; color: #333333; padding-left: 125px; box-sizing:border-box;}
@media screen and (max-width: 767px) {
  .proDateTwo .re .item .layui-tabs .layui-tabs-item .itemBox {flex-wrap: wrap;}
  .proDateTwo .re .item .layui-tabs .layui-tabs-item .imgBox {width: 100%;}
  .proDateTwo .re .item .layui-tabs .layui-tabs-item .info {width: 100%; margin-top: .3rem;}

}


/* 产品详情录入资料调整 */
.proDateTwo .re .item2 table tr td {padding: 0 .2rem; box-sizing: border-box;}


.proDateTwo .re .item5 table tr td {padding:.2rem 0; box-sizing: border-box;}
.proDateTwo .re .item5 table p {text-indent: 0 !important;}


@media screen and (max-width: 1440px) {
  .proDateTwo .re .item5 table tr {display: flex; flex-wrap: wrap;}
  .proDateTwo .re .item5 table tr td {width: 50%;}
}

@media screen and (max-width: 767px) {
  .proDateTwo .re .item2 table tr {display: flex; flex-wrap: wrap;}
  .proDateTwo .re .item2 table tr td {width: 100%;}
  .proDateTwo .re .item5 .table2 tr td {width: 100%;padding: .2rem;}

}

.kf{width:208px;position:fixed;/* right: 20px; */right:-208px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:999;}
.kt-top{height:40px;line-height:40px;background:url(../images/kefu.png) 12px center no-repeat #007ccb;-ms-background-size:auto 20px;background-size:auto 20px;padding-left:46px;font-size:14px;color:#fff;}
.kt-top span:hover{-webkit-transform:rotate(90deg);transform:rotate(90deg);}
.kt-top span{width:18px;height:16px;float:right;position:relative;margin:10px 10px 0 0;cursor:pointer;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s;}
.kt-top span b{width:100%;height:2px;background:#fff;display:block;position:absolute;top:50%;left:0;}
.kt-top span b:first-child{transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);}
.kt-top span b:last-child{transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);}
.kf .con{overflow:hidden;background:#fff;}
.kf .qq li{height:36px;line-height:36px;border-bottom:#f5f5f5 solid 1px;padding-left:16px;}
.kf .qq li a{height:36px!important;color:#666;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-decoration:initial;display:block;}
.kf .qq li a img{padding-right:6px;}
.kf .con h5{height:26px;line-height:26px;margin-top:12px;background:url(../images/lianxi.png) 16px center no-repeat;padding-left:45px;color:#666;font-size:14px;margin-bottom: 0;}
.kf .contact{margin-top:1px;height: auto;}
.kf .contact p{height:26px;line-height:26px;color:#666;font-size:14px;padding-left:22px;margin: 0;}
.kf .contact p:nth-child(2n){padding-left:32px;}
.kf .con h5.qr-icon{background:url(../images/erweima.png) 16px center no-repeat;}
.kf .con .qr{margin-top:10px;padding-left:40px; padding-bottom:10px;}
.kf .con .qr img{width:110px;height:110px;}
.kf .backTop{width:100%;height:40px;background:url(../images/huidaodingbu.png) center center no-repeat #007ccb;background-size:18px auto;cursor:pointer;}
.kf-side{padding:18px 10px 10px;background:#007ccb;position:absolute;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);left:-34px;cursor:pointer;}
.kf-side b{display:block;color:#fff;line-height:18px;font-size:14px;font-weight:400;}
.kf-side span.arrow{width:12px;height:12px;background:url(../images/jt-1.png) no-repeat;-ms-background-size:auto 12px;background-size:auto 12px;display:block;margin-top:10px;}
.kf-side span.on{background:url(../images/jt-2.png) no-repeat;-ms-background-size:auto 12px;background-size:auto 12px;}