@charset "utf-8";
/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p{ margin:0; padding:0;}
*{box-sizing:border-box;}
body{color:#333; font-size:16px; font-family:'vcg',Arial;}
ul, ol,li,dd,dl{ list-style:none;} 
img,fieldset{ vertical-align:top; border:0;}
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal;}
address,cite,code,em,th { font-weight:normal; font-style:normal;}
input,button,textarea,select{color:#444; font-size:14px; vertical-align:middle;}
input:focus {outline:none;}
span,samp,i,em,b{ font-family:'vcg',Arial;}
a{ color:#333; text-decoration:none;}
.w1300{margin: 0 auto;width: 84.077%;max-width: 1600px;}

.top,.topb,.topba,.topbb,.topbbb,.topja,.proa ul,.proa li p a,.ast,.nuoca ul,.newsa,.newsab,.nwad,.fooa,.fooab ul,.fooaab,.fooj,.fow{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-o-flex;display:-ms-flexbox;display:flex;}

.sot{position:relative;}

/*@font-face {
    font-family: "vcg";
    src: local("😀"), url(../font/VCG.ttf);
    font-weight: 400;
    font-style: normal;
  }
  @font-face {
    font-family: "vcg1";
    src: local("😀"), url(../font/VCG1.ttf);
    font-weight: 400;
    font-style: normal;
  }

/*手机 005ad2*/
.zhz{width:49px;height:49px;overflow:hidden;display:none;position:fixed;top:2px;right: 5px;z-index: 999;}
.zhz samp{position:absolute;left:26%;background:#333;height:2px;width:26px; transition:all 0.5s;}
.zhz .samp1{top:18px}
.zhz .samp2{top:25px;}
.zhz .samp3{top:32px;}
.active .samp2{left:-100%;}
.active .samp1{transform:rotate(225deg);top:25px}
.active .samp3{transform:rotate(-225deg);top:25px;}

header{position:fixed;width:100%;border-bottom:1px solid rgba(255, 255, 255, 0.1);z-index: 999;top: 0;left: 0;transition: all 0.3s;}

.top{max-width:1600px;width:96%;margin:auto;justify-content:space-between;align-items: center;}
.topa{width:140px;}
.topa img{width:100%;}
.toim1{display:none;}
.topb{justify-content: space-between;align-items: center;width: calc(100% - 200px);position: relative;}
.topba{width:100%;justify-content: flex-end;}
.topba>li{position:relative;width:11%;text-align:center;}
.topba>li>p a{color:#fff;padding:25px 5px 25px 0;display:inline-block;font-size: 18px;}
.topba>li>p span{color:#fff;font-size:12px;display:none;}
.topba dl{font-size:15px;}
.topba dl a{display:block;padding:12px 10px;box-sizing:border-box;transition:all 0.3s;color:#333;white-space: nowrap;}
.topba dd{position:relative;border-bottom: 1px solid #dedede;position:relative;}
.topba dl a:hover{background:#005ad2;color:#fff;}
.topba dd:last-child{border:0;}


.topba ol li{position:relative;text-align: left;}
.topba ol li a{padding:10px 10px 10px 10px;}
.topba ol li span{display:none;}

.cpej{display: none;position:absolute;top:100%;left:50%;background:#eee;box-shadow:0 0px 5px rgb(0 0 0 / 20%);transform: translateX(-50%);}
.topba>li:nth-child(1){position: static;}
.topba>li:nth-child(1) dl{width:100%;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-o-flex;display:-ms-flexbox;display:flex;justify-content: space-between;box-sizing:border-box;padding:3% 3%;background:#fff;}
.topba>li:nth-child(1) dd{width:250px;border:0;margin:0 2%;max-width: 25%;}
.topba>li:nth-child(1) dd>p{width:100%;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-o-flex;display:-ms-flexbox;display:flex;border-bottom:2px solid #b4b4b4;align-items: center;padding-bottom:20px;margin-bottom:15px;}
.topba>li:nth-child(1) dd>p a{font-size:18px;font-weight: bold;font-family: 'vcg';}
.topba>li:nth-child(1) p img{width:40px;margin-right:15px;}
.topba>li:nth-child(1) dd>p span{font-size:60px;}
.topba>li:nth-child(1) dl a:hover{background:none;color:#005ad2;}
.topba>li:nth-child(1) dl i{font-style: normal;}
.topba>li:nth-child(1) dl li a{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-o-flex;display:-ms-flexbox;display:flex;justify-content: space-between;align-items: center;}


.tpo.xs {top: -100%;}
.tpo.on{background:#fff;border-bottom:1px solid #eee;}
.tpo.on .topba>li>p a{color:#111;}
.tpo.on .topba>li>p span{color:#111;}
.tpo.on .topba>li>p:hover span{color:#e72828;}
.tpo.on .topbb p span{color:#111;}
.tpo.on .topbb a{color:#111;}
.tpo.on .toim{display:none;}
.tpo.on .toim1{display:block;}
.tpo.toxx{background:#fff;}
.tpo.toxx .topba>li>p a{color:#111;}
.tpo.toxx .topba>li>p span{color:#111;}
.tpo.toxx .topba>li>p:hover span{color:#e72828;}
.tpo.toxx .topbb p span{color:#111;}
.tpo.toxx .topbb a{color:#111;}
.tpo.toxx .toim{display:none;}
.tpo.toxx .toim1{display:block;}
.tpo.ox{background:#fff;border-bottom:1px solid #eee;}
.tpo.ox .topba>li>p a{color:#111;}
.tpo.ox .topba>li>p span{color:#111;}
.tpo.ox .topba>li>p:hover span{color:#e72828;}
.tpo.ox .topbb p span{color:#111;}
.tpo.ox .topbb a{color:#111;}
.tpo.ox .toim{display:none;}
.tpo.ox .toim1{display:block;}


.topbb{line-height:16px;align-items: center;position: relative;}
.topbb p{margin-right:10px;cursor: pointer;}
.topbb p span{font-size:22px;color:#fff;}
.topbb a{color:#fff;}
.topbba{margin:0 20px 0 30px;}
.topbba img{-webkit-filter: brightness(0) invert(0);filter: brightness(0) invert(0);max-width:28px;cursor: pointer;}
.topbbb{align-items: center;}
.topj{position:absolute;top:61px;right:0;background:#fff;display:none;}
.topj input{line-height:36px;box-sizing:border-box;padding:0 10px;border:0;}
.topj a{width:40px;height:40px;background-repeat: no-repeat;background-position: center;display:flex;align-items: center;justify-content: center;}
.topj a span{font-size:20px;}


@media screen and (min-width:1200px){
.topba li:hover>p a{color:#e72828}
.tpo.toxx .topba>li:Hover>p a{color:#e72828;}
.tpo.toxx .topbb a:hover{color:#e72828;}
.topbb a:hover{color:#e72828}
}

/*大图 #0081c2*/
.aa .swiper-pagination{bottom: 5% !important;}
.aa .swiper-pagination span {
    position: relative;
    width: auto !important;
    height: auto !important;
    background: none !important;
    opacity: 1;
    font-size: 0;
}
.aa .swiper-pagination span::after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2;
    width: 5px;
    height: 5px;
    margin: 0px;
    background: #fff;
    border-radius: 50%;
    transform: translate(-50%, -50%);
}
.aa span.swiper-pagination-bullet-active::after{background: #ff121e;}
.aa svg {
    width: 30px;
    height: 30px;
}

.aa svg circle {
    stroke: #ff121e;
    stroke-width: 4;
    stroke-dashoffset: 314;
    stroke-dasharray: 314;
    transition: stroke-dashoffset 0s;
    fill: none;
}

.aa .swiper-pagination-bullet-active svg circle.dotsvg1 {
    animation: circleowl-progress 5.5s infinite;
}

.aa svg circle.dotsvg2 {
    stroke-dashoffset: 0;
    opacity: 0;
    transition: opacity 0.4s;
}

.aa .swiper-pagination-bullet-active svg circle.dotsvg2 {
    stroke-dashoffset: 0;
    opacity: 0;
}

@keyframes circleowl-progress {
    0% {
        stroke-dashoffset: 314;
    }

    100% {
        stroke-dashoffset: 0;
    }
}


/*开场*/
.open_screen_box {position: fixed;width: 100%;height: 100%;z-index: 10000;top: 0;left: 0;background: #fff;animation: sp 0.1s forwards;animation-delay:0.8s;}
.open_screen_box_wei{height:100%;width:100%;background: url(../images/ss.png) center no-repeat;background-size: cover;animation: st 1s forwards;animation-delay:1.5s;display: none;}
.open_screen_box_er{height:100%;width:100%;background: url(../images/ss.jpg) center no-repeat;background-size: cover;position: absolute;top: 0;left: 0;z-index: 1;animation: sa 1s forwards;animation-delay:1.3s;display: none;}
@keyframes sp{
    0%{background: #fff;}
    100%{background: transparent;}
}
@keyframes sa{
    0%{opacity: 1;display: block}
    100%{opacity: 0;}
}
@keyframes st{
    0%{transform: scale(1);display: block}
    100%{transform: scale(10);opacity: 0;}
}


/*标题*/
.tis{text-align: center;}
.tis h5{font-size:48px;}
.tis span{color:#005ad2;}
.tis p{font-size:20px;margin-top:20px;color:#333;}
.sj{display:none;}

/*产品*/
.pro{background:url(../images/h_bj.jpg) center no-repeat;background-size:cover;padding: 100px 0 80px;margin-bottom:80px;background-size: cover;}
.proa{max-width:1300px;margin:220px auto 0;width:96%;}
.proa ul{justify-content: space-between;align-items: flex-end;}
.proa li{text-align: center;width:33.333%;position: relative;padding:30px 0 50px;overflow: hidden;transition: all 0.3s;}
.proa li img{width:100%;}
.proa li h5{font-size:32px;font-weight: bold;margin:60px auto 40px;}
.proa li div{transition: all 0.3s;width:90%;margin:auto;}
.proa li p{line-height:46px;width:160px;position:absolute;bottom:0;left:50%;transform: translate(-50%,100%);transition: all 0.3s;}
.proa li p a{justify-content: space-between;border-radius: 30px;background:#fff;border:1px solid #eee;box-sizing: border-box;padding:0 30px;}
.proa li p i{font-style: normal;}
.proa li.pss img{opacity: 0.6;}

@media screen and (min-width:980px) {
.proa li:hover div{transform: scale(1.05);}
.proa li:hover p{transform: translate(-50%,0%);}
.proa li:hover h5{color:#005ad2}
.proa li:hover img{opacity: 1;}
.proa li p a:hover{background:#005ad2;color:#fff;}
}

/**/
.ast{background: #f5f5f5;justify-content: space-between;}
.pr5{border-left: 1px solid #ececec;border-right: 1px solid #ececec;box-sizing: border-box;margin-bottom: 110px;}
.pr5 img{width:100%;opacity: 0.6;}
.pr5 .swiper-slide p{border:1px solid #ececec;border-right:0;}

.pr5 .swiper-button-prev1 {left: 13px;transform: translateY(-50%) rotate(0deg);position:absolute;top: 50%;z-index: 1;cursor: pointer;border:1px solid #ccc;border-radius: 50%;width:28px;display: flex;align-items: center;}
.pr5 .swiper-button-prev1 span,.pr5 .swiper-button-next1 span{line-height:26px;width: 100%;text-align: center;color:#ccc;}
.pr5 .swiper-button-next1 {right: 13px;position:absolute;top: 50%;z-index: 1;transform: translateY(-50%) rotate(180deg);cursor: pointer;border:1px solid #ccc;border-radius: 50%;width:28px;display: flex;align-items: center;}
.pr5 .swiper-button-prev1:hover span,.pr5 .swiper-button-next1:hover span{color:#005ad2}
.pr5 .swiper-button-prev1:hover,.pr5 .swiper-button-next1:hover{border:1px solid #005ad2}

/**/
.nuo{position:relative;padding-top:120px;background: url(../images/gg.jpg) center no-repeat;overflow: hidden;display:none;}
.nuo:after{content: '';width:100%;height:100%;background:url(../images/banner2.png);background-size: 100%;position: absolute;top: 0;left: 0;}
.nuob{position:relative;z-index: 1;}
.nuoba{text-align: center;color:#fff;}
.nuoba h5{font-size: 48px;font-weight: bold;}
.nuoba span{display:block;width:30px;height: 3px;background: #005ad2;margin:20px auto 30px;}
.nuoba p{font-size:18px;}
.nuoc{background: rgb(0 0 0 / 17%);}

.nuoca{margin-top:350px;}
.nuoca ul{justify-content: space-between;}
.nuoca li{width: 30%;color:#fff;padding:30px 0;position: relative;cursor: pointer;}
.nua span{font-size:60px;margin: auto;text-align: center;width: 100%;display: block;}
.nua h5{font-size:26px;text-align: center;margin-top:20px;font-weight: bold;}

.nub{background: url(../images/i9.jpg)center no-repeat;background-size: 100% 100%;box-sizing: border-box;padding:10% 7%;border-radius: 0 60px 0 0;transform: translateY(100%);position:absolute;bottom: 0;left: 0;width:100%;transition: all 0.3s;}
.nub span{width:auto;display: inline-block;margin:40px 0 10px;font-size:80px;}
.nub h5{text-align: left;margin:20px 0 10px;font-size:26px;font-weight: bold;}
.nub p{font-size:20px;}
.nub samp{font-size: 20px;display: block;}
.nuoca li.ntt .nub{transform: translate(0);}

/*新闻*/
.news{margin:130px auto;}
.newsa{justify-content: space-between;}
.newsaa{font-size: 48px;font-weight: bold;}
.newsab{justify-content: space-between;align-items: center;}
.newsab p{font-size:20px;font-weight: bold;margin-left:60px;padding:10px;cursor: pointer;}
.newsab p.nt{color:#005ad2;border-bottom:1px solid #005ad2;}

.newsb{margin:50px auto 0;}
.nwa{background: #f7f7f7;box-sizing: border-box;padding:7%;}
.nwaa{overflow: hidden;}
.nwaa img{width:100%;transition: all 0.3s;}
.nwab{color:#999;margin:20px auto;}
.nwac{font-size:18px;margin-bottom:40px;transition: all 0.3s;}
.nwad{justify-content: space-between;border-top:1px solid #eee;align-items: center;padding-top:20px;}
.nwad p{font-size: 14px;color:#666;}
.nwad span{font-size:16px;color:#666;}
.nwac:Hover{color:#005ad2}
.nwa:hover{background: #ebf1f8;}
.nwa:hover .nwaa img{transform: scale(1.1);}
.nwa:hover .nwad p{color: #333;}
.nwa:hover .nwad span{color: #333;}

.pr6 .swiper-button-prev2 {left: 13px;transform: translateY(-50%) rotate(0deg);position:absolute;top: 50%;z-index: 1;cursor: pointer;border:1px solid #ccc;border-radius: 50%;width:28px;display: flex;align-items: center;}
.pr6 .swiper-button-prev2 span,.pr6 .swiper-button-next2 span{line-height:26px;width: 100%;text-align: center;color:#ccc;}
.pr6 .swiper-button-next2 {right: 13px;position:absolute;top: 50%;z-index: 1;transform: translateY(-50%) rotate(180deg);cursor: pointer;border:1px solid #ccc;border-radius: 50%;width:28px;display: flex;align-items: center;}
.pr6 .swiper-button-prev2:hover span,.pr6 .swiper-button-next2:hover span{color:#005ad2}
.pr6 .swiper-button-prev2:hover,.pr6 .swiper-button-next2:hover{border:1px solid #005ad2}


/*尾部*/
.footer {display: block;width: 100%;background: url(../images/footer-bg.jpg);}
.fooa{justify-content: space-between;margin: 0 auto;width: 84.077%;max-width: 1600px;padding:20px 0 0;margin-bottom:20px;}
.fooaa{width:20%;color:#fff;}
.fooaaa {font-size:18px;}
.fooaaa img{max-width:150px;width:100%;}
.fooaaa h4{font-size: 22px;}
.fooaab{margin-top:16px;}
.fooaab p{position:relative;margin-right:10px;}
.fooaab span{font-size:26px;}
.fooaab a{color:#fff;}
.fooaab img{position: absolute;bottom:110%;left:0;max-width:120px;transform: translateX(-30%);display:none;}
.fooab{width:50%;}
.fooab ul{justify-content: space-between;}
.fooab ul h4{margin-bottom:20px;font-size:20px}
.fooab ul a{color:#fff;}
.fooab li p{padding:8px 0;}
.fooab li p a{color:#b9c5d3;}
.foob{text-align: center;color:#fff;}
.foob p{font-size:14px;margin-top:20px;}
.foob img{width:120px;}
.foob h4{font-size:20px;height: 60px;}
.fooj{justify-content: space-between;border-top:1px solid #0f62ca;padding:20px 0;margin: 0 auto;width: 84.077%;max-width: 1600px;color:#fff;}
.fow{justify-content: space-between;}
.fow div{margin:0 10px}

/****内页*****/
.i-neiyea,.i-pro ul,.i-top,.i-topa,.i-topb,.i-pro2ab ul,.i-pro3 li .i-proj,.i-cast,.i-castb,.i-castc,.i-caq ul,.i-sx,.i-caj ul,.pr7 .qie,.i-soxa ul,.i-newj ul,.i-down li,.i-downa a,.i-downb,.b-abj,.b-abos,.b-awb ul,.i-cou,.i-cow,.i-re ul,.i-cpa li,.i-pros ul,.i-new1 li a,.i-wsj{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-o-flex;display:-ms-flexbox;display:flex;}
.i-neiye{margin-top:72px;position:relative;padding-top:30%;}
.i-neiye img{width:100%;height:100%;position: absolute;top: 0;left: 0;object-fit: cover;}
.i-neiyea{position:absolute;bottom:0;left: 0;width: 100%;z-index: 1;}
.i-neiyeb{width: 84.077%;margin:auto;}
.i-neiyeb h2{font-size:40px;width: 100%;margin-bottom:4%;}
.i-neiyeb p{font-size:18px;width:35%;line-height: 30px;}

.im2{display:none}

.i-tow{box-shadow: 0 2px 10px #ccc;position: sticky;top: 0;left: 0;z-index: 9;background-color: white;box-shadow: 0px 0px 0.3rem 0px rgba(0, 0, 0, 0.1);}
.i-top{max-width:1600px;width:84.077%;justify-content: space-between;margin:auto;}
.i-topa{padding:15px 0;flex-wrap: wrap;}
.i-topa p{margin-right:50px;}
.i-topa p.ihs a{color:#dd1717;}
.i-topa p.ihs:after{content: '';width:50px;height:1px;background: #dd1717;display: block;margin:auto;transform: translateY(3px);}
.i-topb{align-items:center;justify-content: space-between;}
.i-topb input{border:0;font-size:17px;width:calc(100% - 126px);}
.i-topb input::placeholder{color:#888;}
.i-topb a{font-size:17px;padding-left:50px;border-left:2px solid #ccc;}
.i-topb span{font-size:20px;font-weight: bold;margin-right:20px;}

.i-tops{width:100%;padding: 15px 0;}

/*产品*/
.i-pro{margin:80px auto;}
.i-pro ul{align-items: center;justify-content: space-between;flex-wrap: wrap;align-items: center;}
.i-pro li{box-shadow: 0 0 20px #eee;text-align: center;border-radius: 10px;overflow: hidden;width:21%;margin-bottom: 40px;}
.i-pro p{background: -webkit-linear-gradient(left,transparent, #cde3ff, transparent);
    background: -o-linear-gradient(left,transparent, #cde3ff, transparent); 
    background: -moz-linear-gradient(left,transparent, #cde3ff, transparent);
    background: linear-gradient(left,transparent, #cde3ff, transparent);padding:15px 0;font-size:20px;}
.i-pro img{transition: all 0.3s;width: 100%;}
.i-pro li:hover img{transform: scale(1.1);}
.i-pro li div{overflow: hidden;}

.i-pro2a{position:relative;}
.i-pro2aa{padding:40px 0 40px;text-align: center;}
.i-pro2aa h3{font-size:28px;}
.i-pro2aa p{font-size:18px;color:#333;}
.i-pro2ab{margin-bottom:40px;display:none;}
.i-pro2ab ul{justify-content:center;}
.i-pro2ab li{max-width:21%;border-radius: 15px;text-align: center;font-size: 18px;margin:0 5%;}
.i-pro2ab div{border: 1px solid #e6e6e6;box-sizing: border-box;border-radius: 50%;width: 80px;margin:auto;padding:10px;overflow:hidden;background:#fff;}
.i-pro2ab img{width:100%;}
.i-pro2ab p{margin-top:30px;}
.i-pro2ac{position:relative;z-index: 2;text-align:center;background: #ededed;;}
.i-pro2ac video{max-width:100%;margin:auto;max-height:580px;display: block;}
.i-pro2aca img{width: 100%;}
.i-pro2ac p{position:absolute;top:50%;left:50%;z-index: 1;transform: translate(-50%,-50%);}
.i-pro2ac span{font-size:60px;color:#fff;}

.dafenl .sfa:nth-child(1) .i-pro2a{background-color: #f1f1f1;padding-bottom: 30px;}
.dafenl .sfa:nth-child(1) .i-pro2ab li{border:0;}
.dafenl .sfa:nth-child(1) .i-pro2ab{display:block;}

#ovo{margin:80px auto 20px;text-align: center;font-size: 34px;}
.i-pro3{justify-content: space-between;}
.i-pro3 li{padding:80px 0;}
.i-pro3 li .i-proj{justify-content: space-between;max-width:84.077%;margin:auto;align-items: center;}
.i-pro3a{background: #fff;border-radius: 25px;width:40%;box-sizing: border-box;border: 2px solid #f0f0f0;overflow: hidden;padding: 3% 3%;}
.i-pro3a img{width: 100%;}
.i-pro3b{width:55%}
.i-pro3ba{margin-bottom:30px;}
.i-pro3ba h4{font-size:24px;margin-bottom:20px;color:#000;}
.i-pro3ba div{line-height:30px;color:#333;font-size:16px;max-height: 390px;overflow-y: auto;}
.i-pro3bb{display:none;}
.i-pro3bb p{padding:10px 20px;box-sizing: border-box;border:1px solid #eee;background:#f9f9f9;margin-bottom:15px;border-radius: 10px;font-size:14px;cursor: pointer;}
.i-pro3bb p.sis{background: #dd1717;color:#fff;}
.i-pro3 li:nth-child(2n){background:url(../images/products2-bg.jpg);}
.i-pro3 li:nth-child(2n) .i-pro3a{background:#fff;order: 1;}


/* 整体滚动条样式 */
.i-pro3ba div::-webkit-scrollbar {
  width: 9px;  /* 垂直滚动条宽度 */
  height: 9px; /* 水平滚动条高度 */
}

/* 滚动条轨道（背景）*/
.i-pro3ba div::-webkit-scrollbar-track {
  background: #f1f1f1;  /* 轨道背景色 */
  border-radius: 6px;
}

/* 滚动条滑块 */
.i-pro3ba div::-webkit-scrollbar-thumb {
  background: #ff121e;  /* 滑块颜色 */
  border-radius: 6px;
  border: 0px solid #f1f1f1;  /* 滑块边框 */
}

/* 滑块悬停效果 */
.i-pro3ba div::-webkit-scrollbar-thumb:hover {
  background: #555;  /* 悬停时颜色加深 */
}

/* 上下箭头按钮 */
.i-pro3ba div::-webkit-scrollbar-button:single-button:vertical:decrement {
  height: 10px;
  width: 10px;
  background-color: #f1f1f1;
  background-position: center 4px;
  border: none;
  /* 绘制上箭头 */
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='11' height='10' viewBox='-1 0 10 10'><path fill='%23888' d='M0 5l4-4 4 4z'/></svg>");
}

.i-pro3ba div::-webkit-scrollbar-button:single-button:vertical:increment {
  height: 10px;
  width: 10px;
  background-color: #f1f1f1;
  background-position: center 2px;
  border: none;
  /* 绘制下箭头 */
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='11' height='10' viewBox='-1 0 10 10'><path fill='%23888' d='M0 2l4 4 4-4z'/></svg>");
}


.i-pros{margin:80px auto;}
.i-pros ul{margin-left:-5%;flex-wrap: wrap;}
.i-pros li{width:28.333%;margin:0 0 50px 5%;}
.i-pros img{width:100%;transition: all 0.5s;}
.i-pros div{overflow: hidden;background: #f1f1f1;border-radius: 20px;margin-bottom:30px;}
.i-pros h4{font-size:20px;margin-bottom:10px;color:#000;}
.i-pros p{line-height:32px;color:#444;font-size:17px;}
.i-pros li:hover img{transform: scale(1.1);}

/*视频*/
.vodeo{position:fixed;top:0;left:0;width:100%;height:100%;z-index: 900;display:none;}
.vodeoa{position:absolute;top:0;left: 0;width:100%;height:100%;background:rgb(0 0 0 / 38%);}
.vodeob{position: absolute;top: 50%;left: 50%;max-width:1400px;transform: translate(-50%,-50%);}
.vodeob video{max-height:100%;width:100%;}
.vodeob p{position:absolute;top:0;right:10px;z-index: 1;font-size:20px;color:#fff;}

/*应用*/
.i-case{background: #f1f1f1;padding:80px 0;}
.i-casa{background:#fff;box-sizing:border-box;padding:0 2%;border-radius: 20px;box-shadow: 0 0 20px #eee;}
.i-cast{align-items: flex-start;padding:25px 0 0;}
.i-casta{width:150px;font-size:18px;line-height:33px;}
.i-castb{width:100%;border-bottom:1px solid #eee; align-items: center;padding-bottom:25px;flex-wrap: wrap;}
.i-castb p{padding: 0px 20px;cursor: pointer;border-radius: 20px;line-height:31px;margin:1px 0;color: #333;font-size: 20px;}
.i-castb p.jie{background: #005ad2;color:#fff;}
.i-castb p:hover{background: #005ad2;color:#fff;}

.i-castc{width:100%;flex-wrap: wrap;}
.i-cass{display: none;}

.i-caq{margin:30px auto 0;}
.i-caq ul{margin-right: -7%;flex-wrap: wrap;}
.i-caq li{width:26.3333%;overflow: hidden;margin:0 7% 50px 0;border-radius: 20px;position: relative;}
.i-caq div{position: absolute;bottom: 0;left: 0;width:100%;box-sizing: border-box;padding:0 7% 40px;color:#fff;z-index: 2;transform: translateY(90px);transition: all 0.5s;}
.i-caq li:after{position: absolute;width:100%;height: 100%;z-index: 1;bottom: 0;left: 0;content: '';border-radius: 20px;
    background: -webkit-linear-gradient(bottom,rgb(0 0 0 / 50%), transparent);
    background: -o-linear-gradient(bottom,rgb(0 0 0 / 50%), transparent); 
    background: -moz-linear-gradient(bottom,rgb(0 0 0 / 50%), transparent);
    background: linear-gradient(bottom, rgb(0 0 0 / 50%), transparent);}
.i-caq li p span{border:1px solid #fff;padding:0 10px;line-height:26px;border-radius: 20px;display: inline-block;margin-right:10px;}
.i-caq li h4{font-size:20px;margin:20px 0 30px;font-weight: bold;}
.i-caq li em{background: #005ad2;color:#fff;line-height:44px;display:inline-block;padding:0 30px;border-radius: 10px;opacity: 0;transition: all 0.5s;}
.i-caq li img{width: 100%;transition: all 0.8s;}
.i-caq li a{display: block;}
.i-caq li:hover div{transform: translateY(0);}
.i-caq li:hover em{opacity: 1;}
.i-caq li:hover img{transform:scale(1.1);}

.i-cax{margin:180px auto 80px;}
.i-caxa{text-align: center;font-size:30px;border-bottom: 1px solid #eee;padding-bottom:50px;margin-bottom:50px;}
.i-caxb{line-height:30px;text-indent: 2em;}
.i-caxb img{max-width:100%;height: 100% !important;}
.i-caxb table{ border-collapse:collapse; border: 1px #ccc solid !important; width:100% !important;line-height:22px!important;}
.i-caxb table td{padding: 8px!important; padding-left:12px !important;word-wrap:break-word;word-break:break-all;border: 1px #ccc solid !important;line-height:22px!important;}

#i-caj{background: #f1f1f1;margin-top:80px;padding:70px 0 ;}
.i-cap{font-size:34px;text-align: center;margin-bottom:30px;}
.i-caj{margin:30px auto 0;}
.i-caj ul{margin-right:-5%;}
.i-caj li{width:28.3333%;margin:0 5% 0 0;background: #fff;transition: all 0.3s;}
.i-caj img{width: 100%;transition: all 0.8s;}
.i-caj div{overflow: hidden;}
.i-caj p{padding:2rem;font-size:18px;}
.i-caj li:hover{box-shadow: 0 0 10px #999;}
.i-caj li:hover p{color:#005ad2}
.i-caj li:hover img{transform: scale(1.1);}


/*上下*/
.i-sx{align-items: center;justify-content: center;}
.i-sx p{margin:0 10px;line-height:44px;}
.i-sx span{font-size:12px;}
.i-sx a{display:block;padding:0px 30px;border:1px solid #999;border-radius: 10px;transition: all 0.3s;}
.i-sx a:hover{background:#dd1717;color:#fff;}

/*解决方案*/
#i-solu{margin:80px auto;}
.i-soj{width:70%;margin:auto;}
.i-solute{font-size:34px;text-align: center;margin-bottom:40px;}

.pr7 .swiper-slide img{width:100%;}
.pr7 .qie{position:absolute;top: 50%;transform: translateY(-50%);z-index: 90;width: 100%;justify-content: space-between;}
.pr7 .qie div{padding:12px 15px;background:rgb(255 255 255 / 57%);border-radius: 50%;;}
.pr7 .qie div:nth-child(2){transform:rotate(-180deg);}

.i-sol{background:#f8f8f8;padding:80px 0;}
.i-sola{max-width:70%;margin:auto;}
.i-solat{font-size:34px;text-align: center;margin-bottom:30px;}
.i-solax{line-height: 32px;}

.i-sox{margin:80px auto;}
.i-soxa{margin:50px auto 100px;}
.i-soxa ul{margin-right:-5%;flex-wrap: wrap;}
.i-soxa li{width:20%;margin:0 5% 0 0;background: #f8f8f8;box-sizing: border-box;border:1px solid #eee;border-radius: 20px;overflow: hidden;text-align: center;transition: all 0.5s;}
.i-soxa img{width: 100%;transition: all 0.8s;}
.i-soxa p{font-size:20px;}
.i-soxa span{color:#888;display: block;margin:10px auto;}
.i-soxa li:hover{box-shadow: 0 0 20px #ccc;}
.i-soxa li:hover img{transform: scale(1.1);}

/*2改*/
.i-ws{}
.i-wsa{text-align: center;border-bottom:1px solid #ccc;padding-bottom:30px;margin-bottom:30px;}
.i-wsa h4{font-size: 32px;margin-bottom:10px;}
.i-wsa p{color:#444;font-size:14px;}
.i-wst{color:#555;line-height:30px;border-bottom:1px solid #ccc;margin-bottom:30px;padding-bottom:30px;text-indent: 2em;}
.i-wst img{max-width:100%;}

.i-wsj{justify-content: space-between;}
.i-wsj p{max-width:50%;}
.i-wsj a:hover{color:#005ad2}

/*新闻*/
.i-news{background:#f8f8f8;padding:80px 0;}
.i-newj ul{margin-right:-5%;flex-wrap: wrap;}
.i-newj li{width:28.333%;margin:0 5% 50px 0;overflow: hidden;background:#f8f8f8;border-radius: 20px;transition: all 0.5s;cursor: pointer;}
.i-newj img{width:100%;}
.i-newja{box-sizing: border-box;padding:1.5rem 2rem 3rem;}
.i-newja span{font-size:12px;display: inline;padding:3px 10px;border:1px solid #ccc;color:#666;border-radius: 5px;}
.i-newja p{margin-top:20px;font-size:20px;transition: all 0.5s;}
.i-newj li:hover{box-shadow: 0 0 20px #ccc;;}
.i-newj li:hover .i-newja p{color:#005ad2}
.i-newjb{position:relative;}
.i-newjb span{position:absolute;top:50%;right: 50%;transform: translate(50%,-50%);font-size:40px;color:#fff;}

.i-new1 a{justify-content: space-between;}
.i-new1 li{margin-bottom:50px;}
.i-img{width:330px;overflow: hidden;}
.i-img img{transition: all 0.3s;width: 100%;}
.i-text{width:calc(100% - 380px);}
.i-text p{font-size: 24px;}
.i-text span{font-size:12px;display: block;margin:10px 0;}
.i-text samp{font-size: 14px;display: block;margin-top:20px;color:#666;}
.ise{color:#444;line-height:30px;text-indent: 2em;}
.i-new1 li:hover img{transform: scale(1.1);}
.i-new1 li:hover p{color:#005ad2}

/*下载*/
.i-dos{background: #f8f8f8;}
.i-down{padding:80px 0;}
.i-down li{justify-content: space-between;background: #fff;box-sizing: border-box;padding:20px 30px;margin-bottom:10px;align-items: center;font-size:18px;}
.i-downa span{font-size:40px;margin-right:10px;}
.i-downa img{display:inline-block;margin-right: 10px;}
.i-downa a{align-items: center;}
.i-downa a:hover{color:#005ad2;}
.i-downb{align-items: center;}
.i-downb>span{display:inline-block;line-height:14px;margin-right:50px;color:#888888;;}
.i-downb a span{font-size:24px}
.i-downb a span:hover{color:#dd1717}

/*服务*/
.i-show{background:#f8f8f8;padding: 70px 0;}
.i-showa{font-size: 34px;color:#000;margin-bottom:30px;}
.i-showb{font-size: 17px;color:#444;margin-bottom:60px;text-indent: 2em;}
.i-showc{display:inline-block;}
.i-showc h4{font-size:22px;}
.i-showc p{border-bottom:1px solid #ccc;padding:20px 0;}
.i-showc span{font-size:34px;color:#dd1717;display: block;font-weight: bold;}
.i-showc em{color:#666;}
.i-showc samp{font-size:20px;display:block;}

/*关于我们*/
.b-abkk{padding:70px 0 80px;background: #f9f9f9;}
.b-abs{font-size:36px;margin:0 auto 50px;}
.b-abj{justify-content: space-between;margin:auto;width:84.077%;}
.b-abt{width:40%;border-radius: 20px;overflow: hidden;}
.b-abt img{width:100%;}
.b-about{width: 53%;padding-top: 0px;}
.b-abou{font-size:24px;}
.b-abou p{font-size:20px;position:relative;}
.b-abou p:after{content:'';position:absolute;top:0;left:-25px;width:20px;height:20px;background-size:100%;object-fit: cover; }
.b-abou h4{font-weight: normal;border-left: 2px solid #000;line-height:24px;padding-left:10px;}
.b-abo{font-size:16px;line-height:32px;color: #666e80;margin:20px auto 0px;text-indent: 2em;}

.b-aw{background: url(../images/ac.jpg) center;padding:80px 0;}
.b-awa{font-size:36px;color:#fff;margin-bottom:40px;}
.b-awb ul{justify-content: space-between;}
.b-awb li{width:30%;box-sizing: border-box;padding:2rem 2rem 6rem;border-radius: 20px;
    background: -webkit-linear-gradient(bottom, transparent, rgb(255 255 255 / 72%));
    background: -o-linear-gradient(bottom, transparent, rgb(255 255 255 / 72%)); 
    background: -moz-linear-gradient(bottom, transparent, rgb(255 255 255 / 72%));
    background: linear-gradient(bottom, transparent, rgb(255 255 255 / 72%)); }
.b-awb samp{font-size:18px;color:#888;}
.b-awb p{font-size:24px;margin:30px auto 0px;height: 74px;}
.b-awb span{font-size:60px;}

.i-set{margin: 80px auto;}
.i-setu{font-size:36px;text-align:center;margin:0px auto 60px;}

.i-abs{position:relative;padding:40px 0;max-width: 1480px;width:96%;margin:auto;}
.i-abs:after{content:'';width:5px;height:100%;position:absolute;left:50%;top:0;background:#fff;transform: translateX(-100%);border-top-left-radius: 20px;border-bottom-left-radius: 20px;box-shadow: 0 0 10px #ccc;}
.i-abs:before{content:'';width:5px;height:100%;position:absolute;left:50%;top:0;background:rgb(225 228 233);border-top-right-radius: 20px;border-bottom-right-radius: 20px;box-shadow: 0 0 10px #ccc;}
.i-abs li{width:100%;display:flex;position:relative;z-index:1;align-items: center;margin:0;}
.i-abs li p{font-size:15px;border-radius: 30px;box-sizing:border-box;text-align:center;position:relative;padding: 10px 20px;}
.i-abs li span{font-size:20px;font-weight: bold;position:relative;z-index:1;}
.i-abs li div{width:50%;display:flex;justify-content: space-between;align-items: center;}
.i-abs li:nth-child(odd) p{background: rgb(240, 242, 247);border:2px solid rgb(240, 242, 247);width:calc(100% - 150px);color:#333;}
.i-abs li:nth-child(odd) p:after{content:'';width:100px;height:2px;background:rgb(240, 242, 247);position:absolute;top:50%;left:100%;}
.i-abs li:nth-child(odd) span{display:inline-block;background:rgb(225 228 233);color:#333;padding:3px 10px;}
.i-abs li:nth-child(even) p{background: #fff;border:2px solid rgb(240, 242, 247);width:calc(100% - 150px);color:#333;}
.i-abs li:nth-child(even) span{display:inline-block;background:#fff;color:#333;padding:3px 10px;}
.i-abs li:nth-child(even){justify-content: flex-end}
.i-abs li:nth-child(even) p{order: 1}
.i-abs li:nth-child(even) span{order: 0;border:2px solid #e2e2e2;border-left:0;}
.i-abs li:nth-child(even) p:after{content:'';width:100px;height:2px;background:rgb(240, 242, 247);position:absolute;top:50%;right:100%;}

/*联系我们*/
.i-copp{line-height: 36px;color:#555;font-size:18px;}

.i-cux{padding-top:1rem;position: relative;background: #f8f8f8;}

.i-cou{margin:auto;justify-content: space-between;flex-wrap: wrap;padding:50px 0 80px;}
.i-cox{width:47%;background: #fff;box-sizing: border-box;padding:3rem;}
.i-coxa{line-height:30px;color:#333;font-size: 15px;}

.i-cous{width:35%;}
.i-cont{font-size:26px;margin:0px auto 0px;font-weight: bold;color:#3390cf;}
.i-cont p{position:relative;padding-bottom:15px;}
.i-cont p:after{content:'';width:50px;height:5px;background:#f27e01;position:absolute;bottom:0;left:0;}
.i-conx{font-size:16px;margin:20px auto;line-height:26px;color:#666;}
.i-cons{border-bottom:1px solid #eee;border-top:1px solid #eee;padding:0.3rem 0;}
.i-cons p{color:#999;margin-bottom:10px;}
.i-cons a{font-weight:bold;font-size:20px;color:#666;}
.i-cons a:hover{color:#3390cf;}
.i-cox .fooaab span{color:#333;}
.i-cow{margin-top:30px;}
.i-cow div{margin-right:30px;text-align: center;}
.i-cow div img{width:130px;}
.i-cow div p{margin-top:10px;}

.fes{width:47%;background: #fff;box-sizing: border-box;padding:3rem;}
.fes ul{justify-content: space-between;display:flex;flex-wrap: wrap;}
.fes ul li{width:100%;margin-bottom:10px;}
.fes ul p{line-height:36px;}
.fes ul input{line-height:40px;box-sizing:border-box;padding:0 10px;width:100%;font-size:15px;border:1px solid #eee;}
.fes textarea{height:120px;width:100%;box-sizing:border-box;padding:10px;border:none;font-size:15px;font-family: '微软雅黑';border-bottom:1px solid #eee;}
.fes a{display:block;color:#fff;width:150px;text-align:center;line-height:50px;margin:20px 0 0px;border-radius: 5px;background: #01499d;}
.fes a:hover{background:#000;color:#fff;}
.fess h4{font-size:26px;color:#333;margin-bottom:20px;line-height: 30px;}
.fess p{color:#333;font-size:16px;margin-bottom:30px;line-height: 30px;text-indent: 2em;}

#i-re{background: #f8f8f8;}
.i-re{padding:80px 0;}
.i-re img{width:100%;}
.i-re ul{margin-right:-2%;flex-wrap: wrap;}
.i-re li{width:23%;margin:0 2% 40px 0;text-align: center;box-sizing: border-box;border:1px solid #eee;padding-bottom:10px;transition: all 0.3s;}
.i-re li:hover{box-shadow: 0 0 20px #ccc;}
.i-re li:Hover a{color:#005ad2}

.i-cp{background:#f9f9f9;}
.i-cpa{padding:80px 0;}
.i-cpa li{justify-content: space-between;align-items: center;background: #f1f1f1;border-radius: 20px;overflow: hidden;margin-bottom:30px;}
.i-cpaa{width:37%;}
.i-cpaa img{width:100%;}
.i-cpab{width:62%;box-sizing: border-box;padding:0 5%;}
.i-cpab h4{font-size:30px;padding-bottom:20px;position:relative;margin-bottom:20px;}
.i-cpab h4:after{content: '';width:50px;height:3px;background: #005ad2;position:absolute;bottom:0;left: 0;}
.i-cpab p{line-height:34px;color:#444;text-indent: 2em;}
.i-cpa li:nth-child(2n) .i-cpaa{order:2;}