.banner-wrap {float:left;width:100%;position:relative;}
.banner-wrap img {max-width:100%}
@media (max-width: 1000px){
    .banner-wrap {margin-top:60px;}
}

.pcpScroll {width:100%;position:absolute;left:0;bottom:90px;}
.pcpScroll .frame {float:left;width:55%;}
.pcpScroll .swiper-container .swiper-wrapper{
    -webkit-transition-timing-function: linear; /*֮ǰÊÇease-out*/
    -moz-transition-timing-function: linear;
    -ms-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    transition-timing-function: linear;
}
@media (min-width: 768px) and (max-width: 991px) {
    .pcpScroll {bottom:25px;}
    .pcpScroll img{width:80px;}
}
@media (min-width: 992px) and (max-width: 1199px) {
    .pcpScroll {bottom:35px;}
    .pcpScroll img{width:100px;}
}
@media (min-width: 1200px) and (max-width: 1359px) {
    .pcpScroll {bottom:45px;}
    .pcpScroll img{width:120px;}
}
@media (min-width: 1360px) and (max-width: 1439px) {
    .pcpScroll {bottom:55px;}
    .pcpScroll img{width:140px;}
}
@media (min-width: 1440px) and (max-width: 1599px) {
    .pcpScroll {bottom:50px;}
    .pcpScroll img{width:130px;}
}


.index1 {float:left;width:100%;margin-top:20px;}
.index1 .l{float:left;width:50%;margin-top:135px;}

.index1 .countbox {float:left;width:100%;}
.index1 .countbox .item {float:left;width:25%;}
.index1 .countbox .item .num{float:left;width:100%;text-align:center;font-family:"HELVETICA";font-size:.4rem;line-height:.4rem;color:#0e50c8;}
.index1 .countbox .item .num .n{font-family:"HELVETICA";position:relative;}
.index1 .countbox .item .num .sn{font-family:"HELVETICA";position:relative;}
.index1 .countbox .num-n1 {font-size:.3rem;line-height:.3rem; color:#0e50c8;font-family:"HELVETICA";position:absolute;right:-.2rem;top:0}
.index1 .countbox .item .num-n2{float:left;width:100%;text-align:center;font-size:.2rem;color:#101010;line-height:.5rem;height:.5rem;overflow:hidden;}

.index1 .countbox .item:first-child .num{text-align:left;padding-left:1vw}
.index1 .countbox .item:first-child .num-n2{text-align:left;}

.index1 .about {float:left;width:100%;}
.index1 .about .p1{float:left;width:100%;font-size:.2rem;color:#0e50c8;font-family:"HELVETICA";margin-top:.6rem;}
.index1 .about .p2{float:left;width:100%;font-size:14px;color:#101010;line-height:24px;margin-top:.2rem}

.lm {font-size:.2rem;color:#fff;border:1px solid #0e50c8;background:#0e50c8; padding:.1rem .5rem;float:left;position:relative;margin-top:.6rem}
.lm:before {width:0px;height:100%;display:block;position:absolute;left:0;top:0;content:" ";background:#3a3a3a;z-index:-1;transition:width 0.5s;  -moz-transition:width 0.5s;-webkit-transition:width 0.5s;-o-transition:width 0.5s;}
.lm:hover:before {width:100%;}
.lm:hover {color:#fff;border:1px solid #3a3a3a;}

.index1 .r{float:left;width:50%;padding-left:.88rem;margin-top:.5rem}
.index1 .r .title{float:left;width:100%;font-size:.5rem;color:#0e50c8;transform: rotate(-15deg);}
.index1 .r .title span {float:right;font-family:"HELVETICA";position:relative;padding-left:.25rem;font-weight:bold;}
.index1 .r .title span:before {width:10px;height:10px;content:" ";display:block;background:#0e50c8;position:absolute;left:0;bottom:.2rem;}
.index1 .r .box-video {float:left;width:100%;margin-top:20px;}
.index1 .r .box-video img{float:left;width:100%;}


@media (max-width: 767px){
    .index1 {z-index:1;position:relative;}
    .index1 .l{width:100%;margin-top:15px;}
    .index1 .countbox .item .num{font-size:18px;line-height:18px;}
    .index1 .countbox .item:first-child .num{text-align:center;padding-left:0}
    .index1 .countbox .num-n1 {font-size:12px;line-height:12px; right:-20px;top:0}
    .index1 .countbox .item:first-child .num-n2{text-align:center;}

    .index1 .about .p1{font-size:16px;margin-top:.4rem;}
    .index1 .r{width:100%;padding-left:0;margin-top:.4rem}

}
@media (min-width: 768px) and (max-width: 991px) {
    .index1 {z-index:1;position:relative;}
    .index1 .l{width:100%;margin-top:15px;}
    .index1 .countbox .item:first-child .num{text-align:center;padding-left:0}
    .index1 .countbox .num-n1 {font-size:12px;line-height:12px; right:-20px;top:0}
    .index1 .countbox .item:first-child .num-n2{text-align:center;}

    .index1 .about .p1{font-size:18px;margin-top:.4rem;}
    .index1 .r{width:100%;padding-left:0;margin-top:.4rem}
}
@media (min-width: 992px) and (max-width: 1199px) {
    .index1 .l{float:left;width:50%;margin-top:125px;}
    .index1 .about .p1{font-size:16px;margin-top:.4rem;}
    .lm {margin-top:.5rem}
    .index1 .r{float:left;width:50%;padding-left:.58rem;margin-top:.5rem}
}
@media (min-width: 1200px) and (max-width: 1359px) {
    .index1 .l{float:left;width:50%;margin-top:125px;}
    .index1 .about .p1{font-size:16px;margin-top:.4rem;}
    .lm {margin-top:.5rem}
    .index1 .r{float:left;width:50%;padding-left:.58rem;margin-top:.5rem}
}
@media (min-width: 1360px) and (max-width: 1439px) {
    .index1 .about .p1{font-size:16px;margin-top:.4rem;}
    .lm {margin-top:.5rem}
}
@media (min-width: 1440px) and (max-width: 1599px) {
    .index1 .about .p1{font-size:16px;margin-top:.4rem;}
    .lm {margin-top:.5rem}
}

.index2 {float:left;width:100%;margin-top:55px;background:url(../images/pcpBG.jpg) top center;background-size:cover; padding-bottom:30px;}
.index2 .title{float:left;width:100%;font-size:.5rem;color:#0e50c8;transform: rotate(-5deg);margin-top:85px;}
.index2 .title span {float:left;font-family:"HELVETICA";position:relative;padding-right:.25rem;font-weight:bold;}
.index2 .title span:after {width:10px;height:10px;content:" ";display:block;background:#0e50c8;position:absolute;right:0;bottom:.2rem;}
.index2 .iframe {float:left;width:100%;margin-top:130px;}
.index2 .iframe .item{float:left;width:25%;}
.index2 .iframe .item .pcp{float:left;width:100%;}
.index2 .iframe .item .pcp a{float:left;width:100%;}
.index2 .iframe .item .pcp img{float:left;width:100%;}
.index2 .iframe .item .pmp{float:left;width:100%;margin-top:1px;}
.index2 .iframe .item .pmp a{float:left;width:100%;height:.4rem;line-height:.4rem;display:block;background:#0e50c8;color:#fff;padding:0px 5px;overflow:hidden;font-size:16px;text-align:center}
.index2 .iframe .swiper-container {padding-bottom:80px;}
.index2 .iframe .swiper-pagination-bullets .swiper-pagination-bullet{width: 8px;height: 8px;opacity: 1;transition: all .5s;background: transparent;background: #0e50c8;position: relative;margin: 0 10px;}
.index2 .iframe .swiper-pagination-bullets .swiper-pagination-bullet::after{content: "";display: block;width: 8px;height: 8px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 1;border-radius: 100%;transition: all .5s;}
.index2 .iframe .swiper-pagination-bullets .swiper-pagination-bullet-active{background: #0e50c8;}
.index2 .iframe .swiper-pagination-bullets .swiper-pagination-bullet-active::after{width: 16px;height: 16px;border: 1px solid #0e50c8;}
@media (max-width: 767px){
    .index2 {margin-top:0px;background:url(../images/pcpBG.jpg) top center;height:auto;margin-top:-60px;z-index:-1;position:relative;padding-bottom:20px;}
    .index2 .title{font-size:.5rem;color:#0e50c8;transform: rotate(-5deg);margin-top:110px;}
    .index2 .iframe {margin-top:60px;}
    .index2 .iframe .swiper-container {padding-bottom:60px;}
    .index2 .iframe .item .pmp a{height:40px;line-height:40px;overflow:hidden;}
}
@media (min-width: 768px) and (max-width: 991px) {
    .index2 .title{margin-top:105px;}
    .index2 {margin-top:0px;}
}
@media (min-width: 992px) and (max-width: 1199px) {
    .index2 .title{margin-top:95px;}
    .index2 {margin-top:0px;}
}
@media (min-width: 1200px) and (max-width: 1359px) {
    .index2 .title{margin-top:95px;}
    .index2 {margin-top:0px;}
}
@media (min-width: 1360px) and (max-width: 1439px) {
    .index2 .title{margin-top:95px;}
    .index2 {margin-top:0px;}
}
@media (min-width: 1440px) and (max-width: 1599px) {
    .index2 .title{margin-top:95px;}
    .index2 {margin-top:0px;}
}

.index3 {float:left;width:100%;background:url(../images/nBG.jpg) top left;position:relative;padding-bottom:30px;}
.index3 .nIcon {position:absolute;left:0;top:0}
.index3 .nIcon img{width:3.24rem}
.index3 .container {position:relative;z-index:1;}
.index3 .title{float:left;width:100%;font-size:.5rem;color:#0e50c8;margin-top:1.2rem}
.index3 .title span {float:right;font-family:"HELVETICA";position:relative;padding-left:.25rem;margin-right:.27rem;font-weight:bold;}
.index3 .title span:before {width:10px;height:10px;content:" ";display:block;background:#0e50c8;position:absolute;left:0;bottom:.2rem;}
.index3 .iframe {float:left;width:100%;margin-top:60px;}
.index3 .iframe .item {float:left;width:50%;margin-bottom:.9rem;padding:0 .27rem}
.index3 .iframe .item a{float:left;width:100%;display:block}
.index3 .iframe .item .date{float:left;width:60px;}
.index3 .iframe .item .date strong {float:left;font-size:.5rem;line-height:.5rem; font-weight:bold;width:100%;text-align:center;color:#252525;margin:0}
.index3 .iframe .item .date p {color:#252525}
.index3 .iframe .item .date p {float:left;width:100%;text-align:center;}
.index3 .iframe .item .desc {float:left;width:calc(75% - 90px);margin-left:25px;margin-right:5px; color:#252525;font-size:16px;word-break:break-all;}
.index3 .iframe .item .img {float:left;width:25%;}
.index3 .iframe .item .img img{float:left;width:100%;}

.lm2 {font-size:.2rem;color:#fff;border:1px solid #0e50c8;background:#0e50c8; padding:.1rem .5rem;float:left;position:relative;margin-left:.27rem;}
.lm2:before {width:0px;height:100%;display:block;position:absolute;left:0;top:0;content:" ";background:#3a3a3a;z-index:-1;transition:width 0.5s;  -moz-transition:width 0.5s;-webkit-transition:width 0.5s;-o-transition:width 0.5s;}
.lm2:hover:before {width:100%;}
.lm2:hover {color:#fff;border:1px solid #3a3a3a;}

@media (max-width: 767px){
    .index3 .nIcon img{width:100px;}
    .index3 .title span {margin-right:0}
    .index3 .iframe {margin-top:40px;}
    .index3 .iframe .item {float:left;width:100%;margin-bottom:.6rem;padding:0}
    .index3 .iframe .item .desc {float:left;width:calc(100% - 90px);margin-left:25px;margin-right:0px;}
    .index3 .iframe .item .img {display:none}

    .lm2 {font-size:16px;padding:8px 0px;margin-left:0;width:100%;text-align:center;}
}
@media (min-width: 768px) and (max-width: 991px) {
    .index3 .nIcon img{width:100px;}
    .index3 .title span {margin-right:0}
    .index3 .iframe {margin-top:40px;}
    .index3 .iframe .item .desc {float:left;width:calc(100% - 90px);margin-left:25px;margin-right:0px;}
    .index3 .iframe .item .img {display:none}
}
@media (min-width: 992px) and (max-width: 1199px) {
    .index3 .nIcon img{width:2.6rem}
}
@media (min-width: 1200px) and (max-width: 1359px) {
    .index3 .nIcon img{width:2.6rem}
}
@media (min-width: 1360px) and (max-width: 1439px) {
    .index3 .nIcon img{width:2.8rem}
}
@media (min-width: 1440px) and (max-width: 1599px) {
    .index3 .nIcon img{width:2.8rem}
}


.index4 {float:left;width:100%;height:9.9rem;background:url(../images/application.jpg) #0a121f top center;position:relative;}
.index4 img {max-width:100%;}
.index4 .title{float:left;width:100%;font-size:.5rem;color:#0e50c8;transform: rotate(-5deg);margin-top:85px;}
.index4 .title span {float:left;font-family:"HELVETICA";position:relative;padding-right:.25rem;font-weight:bold;}
.index4 .title span:after {width:10px;height:10px;content:" ";display:block;background:#0e50c8;position:absolute;right:0;bottom:.2rem;}
.index4 .app{float:left;width:100%;background-color:rgba(14,80,200,.73);position:absolute;left:0;top:45%;padding:.2rem 0}
.index4 .app img {display:table;margin:0 auto;}
.index4 .container {position:relative;}
.index4 .prev {position:absolute;top:40%;z-index:101;left:-17px;width:17px;height:32px;display:block;}
.index4 .next {position:absolute;top:40%;z-index:101;right:-17px;width:17px;height:32px;display:block;}

@media (max-width: 767px){
    .index4 {height:400px;background:url(../images/application.jpg) no-repeat #0a121f top center;background-size:cover; position:relative;}
    .index4 .title{float:left;width:100%;font-size:.5rem;color:#0e50c8;transform: rotate(-5deg);margin-top:30px;}
    .index4 .container {position:relative;padding:0px 20px;}
    .index4 .prev img, .index4 .next img {width:100%;}
    .index4 .prev {position:absolute;top:40%;z-index:101;left:0px;width:10px;height:19px;display:block;}
    .index4 .next {position:absolute;top:40%;z-index:101;right:0px;width:10px;height:19px;display:block;}
}
@media (min-width: 768px) and (max-width: 991px) {
    .index4 {height:8.5rem;background:url(../images/application.jpg) #0a121f top center;background-size:cover}
    .index4 .title{margin-top:52px;}
    .index4 .app img {width:130px}
}
@media (min-width: 992px) and (max-width: 1199px) {
    .index4 {height:8.5rem;background:url(../images/application.jpg) #0a121f top center;background-size:cover}
    .index4 .title{margin-top:62px;}
    .index4 .app img {width:130px}
}
@media (min-width: 1200px) and (max-width: 1359px) {
    .index4 {height:8.5rem;background:url(../images/application.jpg) #0a121f top center;background-size:cover}
    .index4 .title{margin-top:62px;}
    .index4 .app img {width:130px}
}
@media (min-width: 1360px) and (max-width: 1439px) {
    .index4 {height:8.5rem;background:url(../images/application.jpg) #0a121f top center;background-size:cover}
    .index4 .title{margin-top:62px;}
    .index4 .app img {width:150px}
}
@media (min-width: 1440px) and (max-width: 1599px) {
    .index4 {height:8.5rem;background:url(../images/application.jpg) #0a121f top center;background-size:cover}
    .index4 .title{margin-top:62px;}
}


.foot {float:left;width:100%;background:url(../images/foot.jpg) top center;padding-bottom:.6rem}
.foot .m1 {float:left;width:32%}
.foot .m1 .title{float:left;width:100%;font-size:.4rem;color:#fff;margin-bottom:.35rem}
.foot .m1 .title span {float:left;font-family:"HELVETICA";position:relative;padding-right:.25rem;font-weight:bold}
.foot .m1 .title span:after {width:10px;height:10px;content:" ";display:block;background:#fff;position:absolute;right:0;bottom:.15rem;}
.foot .m1 .s1 {float:left;width:100%;margin-bottom:.15rem;height:48px;line-height:48px; background:url(../images/ico1.png) no-repeat left center;padding-left:50px;font-size:16px;color:#8e8e8e}
.foot .m1 .s2 {float:left;width:100%;margin-bottom:.15rem;height:48px;line-height:48px; background:url(../images/ico2.png) no-repeat left center;padding-left:50px;font-size:16px;color:#8e8e8e}
.foot .m1 .s3 {float:left;width:100%;margin-bottom:.15rem;height:48px;line-height:48px; background:url(../images/ico3.png) no-repeat left center;padding-left:50px;font-size:16px;color:#8e8e8e}
.foot .m1 .s3 a {color:#8e8e8e;}
.foot .m1 .copy {float:left;width:100%;font-size:16px;color:#8e8e8e;margin-top:.35rem;}
.foot .m1 .copy a {color:#8e8e8e;}
.foot .m1 .cms {float:left;width:100%;margin-top:20px;}
.foot .m1 .cms .fmLogo {float:left;}
.foot .m1 .cms .box-share {margin-top:5px;margin-left:15px;}
.foot .sm {float:left;width:30%}

.foot .m2 {float:left;width:50%;padding-left:12%;}
.foot .m2 h2{float:left;width:100%;font-size:18px;color:#fff;margin-top:95px;}
.foot .m2 ul{float:left;width:100%;margin:0;padding:0;margin-top:20px;}
.foot .m2 ul li{float:left;width:100%;line-height:.36rem;}
.foot .m2 ul li a{float:left;width:100%;font-size:14px;color:#8e8e8e;-webkit-transition: all 1s; transition: all 1s;}
.foot .m2 ul li a:hover {color:#0e50c8;padding-left:1px;}
.foot .m2 ul li a:before {content:"-";margin-right:10px;color:#0e50c8}


.foot .m3 {float:left;width:38%;padding-left:5%;}
.foot .m3 .title2{float:left;width:100%;font-size:.4rem;color:#0e50c8;font-family:"HELVETICA";font-weight:bold}
.foot .m3 .title{float:left;width:100%;font-size:.4rem;color:#fff;margin-bottom:.35rem}
.foot .m3 .title span {float:left;font-family:"HELVETICA";position:relative;padding-right:.25rem;font-weight:bold}
.foot .m3 .title span:after {width:10px;height:10px;content:" ";display:block;background:#fff;position:absolute;right:0;bottom:.15rem;}

.foot .m3 .frameM {float:left;width:100%;position:relative}
.foot .m3 .frameM .inp{float:left;width:75%;height:45px;line-height:45px;background:#d8d8d8;margin-bottom:15px;padding:0px 10px;}
.foot .m3 .frameM .inpM {float:left;width:75%;height:128px;background:#d8d8d8;padding:10px;padding-right:29%;}
.btnYuan {width:248px;height:248px;line-height:248px; border-radius:50%;background:#0e50c8;position:absolute;top:0;right:0;z-index:1;font-family:"HELVETICA";text-transform:uppercase;color:#fff;-webkit-transition: all 1s; transition: all 1s;}
.btnYuan:hover {background:#fff;color:#333}

.copy2 {float:left;width:100%;text-align:center;color:#8e8e8e;font-size:16px;padding:20px 0px}

.main .foot {padding-top:40px;}

@media (max-width: 767px){
    .foot .m1 {float:left;width:100%}
    .foot .sm {float:left;width:100%}
    .foot .m1 .s1 {margin-bottom:.15rem;height:60px;line-height:30px; background:url(../images/ico1.png) no-repeat left center;padding-left:50px;font-size:16px;}
    .foot .m2 {float:left;width:50%;padding-left:0%;}
    .foot .m2 h2{margin-top:25px;}
    .copy2 {padding-bottom:35px;}
}
@media (min-width: 768px) and (max-width: 991px) {
    .foot .m1 {width:50%;}
    .foot .sm {display:none}
    .foot .m3 {width:50%;}
    .foot .m3 .frameM .inp{width:100%;}
    .foot .m3 .frameM .inpM {width:100%;}
    .foot .m3 .frameM .inpM {float:left;width:100%;padding-right:10px;}
    .btnYuan {width:100%;height:40px;line-height:40px; border-radius:0;background:#0e50c8;position:inherit;top:0;right:0;z-index:1;margin-top:10px;}
}
@media (min-width: 992px) and (max-width: 1199px) {
    .foot .m1 {width:50%;}
    .foot .sm {display:none}
    .foot .m3 {width:50%;}
    .foot .m3 .frameM .inp{width:70%;}
    .foot .m3 .frameM .inpM {width:70%;}
}
@media (min-width: 1200px) and (max-width: 1359px) {
    .foot .m1 .s1 {margin-bottom:.15rem;height:60px;line-height:20px; background:url(../images/ico1.png) no-repeat left center;padding-left:50px;font-size:16px;}
    .foot .m1 .s2 {font-size:16px;}
    .foot .m1 .s3 {float:left;width:100%;margin-bottom:.15rem;height:48px;line-height:48px; background:url(../images/ico3.png) no-repeat left center;padding-left:50px;font-size:16px;}
    .foot .m1 .copy {float:left;width:100%;font-size:16px;color:#8e8e8e;margin-top:.2rem;}
    .foot .m2 h2{float:left;width:100%;font-size:18px;color:#fff;margin-top:80px;}

    .foot .sm {float:left;width:25%}
    .foot .m2 {float:left;width:100%;padding-left:20%;}
    .foot .m2:last-child h2{margin-top:20px;}

    .foot .m3 {float:left;width:43%;padding-left:5%;}
    .foot .m3 .frameM .inp{width:70%;height:40px;line-height:40px;margin-bottom:12px;}
    .foot .m3 .frameM .inpM {width:70%;height:104px;background:#d8d8d8;padding:10px;padding-right:29%;}
    .btnYuan {width:218px;height:218px;line-height:218px; }
}
@media (min-width: 1360px) and (max-width: 1439px) {
    .foot .m1 .s1 {margin-bottom:.15rem;height:60px;line-height:20px; background:url(../images/ico1.png) no-repeat left center;padding-left:50px;font-size:16px;}
    .foot .m1 .s2 {font-size:16px;}
    .foot .m1 .s3 {float:left;width:100%;margin-bottom:.15rem;height:48px;line-height:48px; background:url(../images/ico3.png) no-repeat left center;padding-left:50px;font-size:16px;}
    .foot .m1 .copy {float:left;width:100%;font-size:16px;color:#8e8e8e;margin-top:.2rem;}
    .foot .m2 h2{float:left;width:100%;font-size:18px;color:#fff;margin-top:80px;}

    .foot .m3 .frameM .inp{width:73%;height:40px;line-height:40px;margin-bottom:12px;}
    .foot .m3 .frameM .inpM {width:73%;height:104px;background:#d8d8d8;padding:10px;padding-right:29%;}
    .btnYuan {width:208px;height:208px;line-height:208px; }
}
@media (min-width: 1440px) and (max-width: 1599px) {
    .foot .m1 .s1 {margin-bottom:.15rem;height:60px;line-height:20px; background:url(../images/ico1.png) no-repeat left center;padding-left:50px;font-size:18px;}
    .foot .m3 .frameM .inp{width:75%;height:40px;line-height:40px;margin-bottom:12px;}
    .foot .m3 .frameM .inpM {width:75%;height:104px;background:#d8d8d8;padding:10px;padding-right:29%;}
    .btnYuan {width:208px;height:208px;line-height:208px; }
}



/*ÄÚÒ³*/
.selection-banner{width: 100%;/*margin-top:100px;*/}
.selection-banner img {max-width:100%}
@media(max-width:768px){
.selection-banner{width: 100%;height: 35vh;margin-top:65px;}
.selection-banner img{height: 100%;object-fit:cover}
}


.iframe2 {float:left;width:100%;position:relative;padding:70px 0px 50px 0px}

.ui-decor {position: absolute;top: -1px;right: 0;left: 9%;display: block;height: 1px;background: #fff;}
@supports ((-webkit-clip-path: polygon(0 0)) or (clip-path: polygon(0 0))) {
  .ui-decor {height: 52px;-webkit-clip-path: polygon(0 0, 100% 0, 96% 100%);clip-path: polygon(0 0, 100% 0, 96% 100%);}
}
@supports ((-webkit-clip-path: polygon(0 0)) or (clip-path: polygon(0 0))) {
  .ui-decor_mirror {-webkit-clip-path: polygon(0 0, 100% 0, 4% 100%);clip-path: polygon(0 0, 100% 0, 4% 100%);}
}
.bg-primary{background-color: #0e50c8;}
@media (max-width:991px) {.ui-decor {height: 30px;}}
@media (max-width:767px) {.ui-decor {height: 20px;left: 0;}}


.gTitle {float:left;width:100%;}

.ui-title-logo {margin-bottom: -40px;font: 700 90px/1 HELVETICA;color: #f2f6f7;text-transform: uppercase;}
.ui-title {margin-bottom: 15px;font: 700 40px/1.3 calibri;color: #222;}

@media (max-width: 767px){
    .ui-title-logo {margin-bottom: -20px;font-size: 40px;}
    .ui-title {font-size: 28px;}
}
@media (min-width: 768px) and (max-width: 991px) {

}
@media (min-width: 992px) and (max-width: 1199px) {

}
@media (min-width: 1200px) and (max-width: 1359px) {

}
@media (min-width: 1360px) and (max-width: 1439px) {

}
@media (min-width: 1440px) and (max-width: 1599px) {

}


#fh5co-contact {margin-top:10px;float:left; width:100%;margin-top:.3rem}
#fh5co-contact p{ font-size:16px; line-height:30px;}
#fh5co-contact .contact-info {margin: 0;padding: 0;margin-top:20px;float:left;}
#fh5co-contact .contact-info li {list-style: none;margin: 0 0 15px 0;position: relative;width:100%;float:left;}
#fh5co-contact .contact-info li span {width:62px;display:block;float:left;}
#fh5co-contact .contact-info li div {float:left;}
#fh5co-contact .contact-info li a {font-weight: 400 !important;}
#fh5co-contact .form-control {-webkit-box-shadow: none;-moz-box-shadow: none;-ms-box-shadow: none;-o-box-shadow: none;box-shadow: none;border: none;border: 1px solid rgba(0, 0, 0, 0.1);font-size: 14px;font-weight: 400;-webkit-border-radius: 0px;-moz-border-radius: 0px;-ms-border-radius: 0px;border-radius: 0px;}
#fh5co-contact .form-control:focus, #fh5co-contact .form-control:active {border-bottom: 1px solid rgba(0, 0, 0, 0.5);}
#fh5co-contact input[type="text"] {height: 50px;}
#fh5co-contact .form-group {margin-bottom: 30px;}

@media (max-width: 767px) {
    #fh5co-contact {margin-top:30px;}
}
.bttn-mid {font-size: 18px;font-weight: 700;padding:10px 0px;display: inline-block;cursor: pointer;text-transform: uppercase;transition: 0.4s;font-weight:normal;color:#fff;}
.btn-fill {color: #fff;background: #0e50c8;margin-top:0px;}
.btn-fill:hover {background: #3a3a3a;color: #ffffff;}


.main {background:#fbfbfb}

.newsbox{background: #fff;margin-top:20px;}
.newsitem{padding: .6rem 5.1vw .6rem 4.2vw;background: #fff}
.newsitem .imgbox{width: 38%;margin-right: 2.5vw;overflow: hidden;display: block;}
.newsitem .imgbox img{transition: all .3s ease;width:100%;height:100%;object-fit:cover;}
.newsitem .h1{font-size: .2rem;color: #333;margin-bottom:2vw;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.newsitem .h2{font-size: .14rem;color: #666;line-height: 1.571;margin-bottom:4.5vw;overflow:hidden; text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2;}
.newsitem .bottom{display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;}
.newsitem .bottom .date{font-size: 12px;color: #666;}
.newscon .idxbtn1{width: 1.6rem;line-height: .48rem}
.newscon .idxbtn1 span{font-size: .14rem;margin-right: .12rem;}
.newscon .idxbtn1 .icon{width:15px;height:9px;}
.newsitem2{padding:.4rem 5.1vw .4rem 4.2vw;border-top:1px solid #f0f0f0;transition: all .3s ease;}
.newsitem2 img{width:2.6rem;height: 1.65rem;object-fit: cover;margin-right: 3.5vw}
.newsitem2 .h1{font-size: .2rem;color: #333;margin-bottom:.2rem;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;transition: all .3s ease}
.newsitem2 .h2{font-size: .14rem;color: #666;line-height: 1.571;margin-bottom:.28rem;overflow:hidden; text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2;}
.newsitem2 .date{font-size: 12px;color: #666}
.newscon .morebtn{cursor: pointer;margin: .6rem auto 0;background: #fff}
.idxbtn1{width: 2.14rem;line-height: .62rem;text-align: center;border:2px solid #1e1e1e;position: relative;font-size: 0;display: block;transition: all .3s ease}
.idxbtn1 span{font-size: .16rem;color: #1e1e1e;display: inline-block;vertical-align: top;margin-right: .2rem;transition: all .3s ease;position: relative;z-index: 1;}
.idxbtn1 .icon{width:.2rem;height: .12rem;background: url(../images/more1.png);background-size: cover!important;transition: all .3s ease;display: inline-block;vertical-align: middle;position: relative;z-index: 1;}
.idxbtn1:after{content:"";background: #0e50c8;height: 100%;left: 0;top: 0;width: 0;transition: all .3s ease;position: absolute;}
@media (min-width:1000px){
.idxbtn1:hover{border-color:#0e50c8 }
.idxbtn1:hover:after{width: 100%}
.idxbtn1:hover span{color: #fff}
.idxbtn1:hover .icon{background: url(../images/more.png);}
}


.subnavbox{position: relative;}
.subnav{position: absolute;top: -.4rem;left: 0;right: 0;z-index: 2;}
.subnav .col{padding: 0 .05rem;float: left;width:20%;}
.subnav .row{margin: 0 -.05rem;}
.subnav .item{display: block;line-height: .8rem;background: #fff;text-align: center;font-size: 0;box-shadow: 0px .1rem .4rem 0px rgba(126, 134, 138, 0.2);border-radius: .04rem;position: relative;}
.subnav .item .icon{display: inline-block;vertical-align: middle;width: .3rem;height: .3rem;position: relative;margin-right:.1rem;z-index: 2;}
.subnav .item span{font-size: .2rem;color: #333;display: inline-block;vertical-align: middle;position: relative;z-index: 2;transition: all .3s ease;max-width: 80%;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.subnav .item .icon img{position: absolute;left: 0;top: 0;transition: all .3s ease}
.subnav .item .icon img:nth-child(2){opacity: 0;}
.subnav .item:after{content:"";position: absolute;left: 0;top: 0;bottom: 0;width: 0;transition: all .3s ease;border-radius: .04rem}
.subnav .item:after{background-image: -moz-linear-gradient( 0deg, rgb(14,80,200) 0%, rgb(24,85,194) 100%);background-image: -webkit-linear-gradient( 0deg, rgb(14,80,200) 0%, rgb(24,85,194) 100%);background-image: -ms-linear-gradient( 0deg, rgb(14,80,200) 0%, rgb(24,85,194) 100%);}
.subnav .item.on:after{width: 100%}
.subnav .item.on span{color: #fff}
.subnav .item.on img:nth-child(1){opacity: 0;}
.subnav .item.on img:nth-child(2){opacity: 1;}

.subnav5 .col{padding: 0 .05rem;float: left;width:50%;}

@media (min-width:1000px){
.faqbox .item .before:hover .content{color:#0e50c8}
.subnav .item:hover:after{width: 100%}
.subnav .item:hover span{color: #fff}
.subnav .item:hover img:nth-child(1){opacity: 0;}
.subnav .item:hover img:nth-child(2){opacity: 1;}
.casebox .item:hover{transform: translateY(-8px);}
.ctabox3 .item:hover{transform: translateY(-5px);}
.ctabox3 .item:hover .h1:after{width: .8rem}
.ctabox4 .btn1:hover:after{width: 100%}
.ctabox4 .btn1:hover{color: #fff}
.loginright .btn1:hover{transform: translateY(-5px);box-shadow: 0px 0px 10px 1px rgba(0,0,0,.15)}
.newsitem2:hover{box-shadow: 0px 5px .4rem 0px rgba(0, 11, 21, 0.1);transform: translateY(-5px);}
.newsitem2:hover .h1{color: #0e50c8}
.newsitem .imgbox:hover img{transform: scale(1.05);}
.news2bottom .item:hover{background: #0e50c8}
.news2bottom .item:hover span{color: #fff}
.news2bottom .item:hover .icon img:nth-child(1){opacity: 0;}
.news2bottom .item:hover .icon img:nth-child(2){opacity: 1;}
.solucon .item:hover:after{left: -30%}
.solucon .item:hover .before{transform:translateY(0);opacity: 0;}
.solucon .item:hover .after{transform: translateY(-50%);opacity: 1;}
}

@media (max-width: 1600px){
	.subnav .item span{font-size: .16rem}
}
@media (max-width: 1000px){
	.idx5left{width: 52%;}
	.idx5right{width: 42%;margin-left: 6%}
	.subnav .item span{max-width: 60%}
	.casecon .col-sm-4{padding: .16rem}
	.casecon .row{margin: -.16rem}
	.ctabox2 .left{max-width: 25%}
	.faqbox{margin: 0}
	.loginleft{width: 48%}
	.loginright{width: 52%;padding: 0 4.5vw}
	.loginright .h1{margin: .3rem 0}
	.newsitem .h2{margin-bottom: 3vw}
}
@media (max-width: 767px){
.solucon .item .after{display:none}
.solucon .item .idxbtn2{margin:10px auto 0}
.idx5left .h1{font-size:24px}
	.idx5left .h2{font-size:12px}
	.index5{padding: .6rem 0}
	.idx5left input{height: 36px;padding: 0 10px}
	.idx5left textarea{height: 120px;padding: 10px}
	.idx5left .btn1{font-size: 13px;width: 120px}
	.casecon .item .h1{font-size: 14px;height:auto}
	.casecon .item .phone img{width: 10px;}
	.casecon .item .phone{font-size: 13px}
	.casecon{padding: 1rem 0}
	.idx5box{display: block;}
	.idx5left{width: 100%;    padding: .4rem;}
	.idx5right{margin: 0;width: 100%;margin-top: 15px}
	.idx5right .idxtitle{margin-bottom: 15px}
	.idx5right .address{margin-bottom: 15px;font-size: 14px;}
	.idx5right .infobox .item .txt{font-size: 13px;}
	.idx5right .infobox .item img{width: 14px;margin-top: 4px;}
	.ctacon1{height: 5rem}
	.ctabox2{display:block;}
	.ctabox2 .mid:before{display:none}
	.ctabox2 .mid:after{display:none;}
	.ctabox2 .left{display:none}
	.ctabox2 .right{display:none}
	.ctabox2 .mid p{font-size:13px}
	.ctabox2 .mid{padding:0}
	.ctabox2 .mid .h1{font-size:14px}
	.ctabox2{padding:.3rem .4rem}
	.ctabox3 .item p{font-size: 14px;}
	.ctabox3 .item .h1{font-size:14px;padding-bottom: 10px}
	.ctacon3 .row{margin: -.12rem -.2rem}
	.ctacon3 .col-sm-6{padding: .12rem .2rem;}
	.ctabox4{padding: .4rem}
	.ctabox3 .item{padding: .3rem .4rem}
	.ctabox4 .title{font-size: 13px;margin-bottom: .3rem;}
	.ctabox4 input{height: 36px;padding: 0 10px}
	.ctabox4 .input1:before{left:.1rem}
	.ctabox4 .textarea1:before{left:.1rem;top: 6px}
	.ctabox4 textarea{height: 150px;padding: 10px}
	.ctabox4 .btn1{width: 120px;line-height: 32px;font-size: 13px}
	.faqbox .title{margin-bottom: .5rem}
	.faqbox .item .before .icon{width: 24px;height: 24px}
	.faqbox{padding: .6rem 6vw}
	.faqcon{padding: .4rem 0}
	.faqbox .item .before .content{font-size: 14px}
	.faqbox .item .title1{width: 80px;}
	.faqbox .item .before .content{font-size: 13px;padding-right: 10px}
	.faqbox .item .after .content{font-size: 12px;}
	.loginbox{display: block;}
	.loginleft{display: none;}
	.loginright{width: 100%;padding: .5rem}
	.loginright .h1{font-size: 16px;}
	.loginright .logo{width: 90px}
	.loginright .inputbox .label1{font-size: 13px}
	.loginright .inputbox input{font-size: 13px;}
	.loginright .inputbox{height: 36px}
	.loginright .btn1{height: 36px;font-size: 14px;}
	.loginright .signbox{font-size: 14px;}
	.loginbox{margin: 0;}
	.newsitem{padding: 20px;display: block;}
	.newscon .idxbtn1 .icon{width: 10px;height: 6px;}
	.newscon .idxbtn1 span{font-size:12px}
	.newscon .idxbtn1{width: 100px;}
	.newsitem .imgbox{width: 100%}
	.newsitem .h1{font-size: 14px;margin: 15px 0}
	.newsitem .h2{font-size: 12px;margin-bottom: 15px;}
	.newsitem2 .h1{font-size:14px;}
	.newsitem2 .h2{font-size: 12px;}
	.newsitem2{padding:20px;}
	.newscon{padding: .4rem 0}
	.news2box{padding: .5rem 0}
	.news2content{padding:0 30px}
	.news2top .h1{font-size: 16px;}
	.news2bottom .item{width: 100%;line-height: .8rem;border-top: 1px solid #ededed}
	.news2bottom .item span{font-size: 13px;}
	.solucon .item .before p{font-size: 14px;}
	.solucon .row{margin: -.12rem}
	.solucon .col-sm-4{padding: .12rem}
	.solucon{padding: .6rem 0}
}

@media (max-width: 767px){
.proroute .more{float:right;display: none!important;}
.review-more{font-size:13px;width: 200px;line-height:36px;}
	.subnav{top: -21px}
	.subnav .col{width:100%;margin-bottom:0}
	.subnav .item span{font-size: 13px;}
	.subnav-menu{display: flex;padding: 0 15px;font-size: 14px;height:42px;background: #0e50c8;align-items: center;color: #fff}
    .subnav .container{position: absolute;top: 42px;margin: 0 -15px;left: 0;padding: 0;right: 0;background: #fff;display: none;box-shadow: 0px 0px 5px 1px rgba(0,0,0,.15)}
    .subnav .item{width:100%;line-height: 42px;    border-bottom: 1px solid rgba(0,0,0,.05);float: none;display: block;box-shadow:none;}
    .subnav .item span{font-size: 13px;color: #333}
    .subnav .item.on span{color: #0e50c8}
    .subnav .item .icon{display: none;}
    .subnav .item:after{display: none;}
    .subnav-menu .icon{width: 16px;height: 16px;background: url(../images/open.png);background-size: cover;transition: all .5s ease;}
    .subnav-menu.on .icon{transform: rotate(180deg);}
	.protabitem{display: block;padding: 8px 0}
	.protabitem .title1{width: auto;font-size: 13px;line-height:22px;padding-left: 0;margin-bottom: 5px}
	.protabitem .item{font-size: 13px;line-height: 22px;margin: 5px 8px 5px 0;padding: 0 6px}
	.protabitem .itemsbox{padding-right: 0}
	.probox .col-sm-4{padding: 5px}
	.probox .item .h1{font-size: 13px}
	.probox .row{margin: -5px}
	.probox .item .content{height:120px}
	.probox .item p{line-height: 1.6}
	.prode3box{margin: 0 .8rem}
	.prode3box .item{padding: 8px;}
	.prode3box .swiperbtn{width: 12px;}
	.prode3{padding: .6rem 0}
	.prode2 p{font-size: 13px;}
	.prode2 .tagbox{display: block;}
	.prodetab .col-sm-3{padding:2px;}
	.prodetab{padding: .1rem 0}
	.prodetab .item{font-size: 13px;}
	.prode2 .tagbox .title1{font-size: 13px;line-height: 24px;margin-bottom: 8px;}
	.prode2 .tagbox .itembox .item{font-size: 13px;line-height: 24px;padding:0 8px;margin-right: 8px;margin-bottom: 8px;}
	.prode1box{padding: .3rem;}
	.prode1left{float: none;width: 100%}
	.prode1right{float: none;width:100%}
	.prode1right{padding-top: 15px;padding-left: 0}
	.prode1right .infobox .item{width: 100%;padding: .16rem 0}
	.prode1right .infobox .item .title1{font-size: 13px;width: 100px}
	.prode1right .infobox .item .txt1{font-size: 13px;}
	.prode1right .h1{font-size: 16px;}
	.prode1right .btnbox a{font-size: 13px;margin-right: .3rem}
	.proroute2 .container{display: block;height: auto;padding: 10px 0;font-size: 0}
	.proroute2 .container>a{display: inline-block;vertical-align: middle;margin-bottom: 5px}
	.proroute2 .container>div{display: inline-block;vertical-align: middle;margin-bottom: 5px}
	.proroute .more img{width: 12px;}
	.about2-1box .item .imgbox{width: 100%;float: none!important;}
	.about2-1box .item .txtbox{position: relative;top: 0;transform:none;width: 100%;margin-top: 15px;}
	.about2-1box .item .txtbox p{font-size: 13px;}
	.about2-1box .item{margin-bottom: .6rem}
	.about2-1{padding-bottom: 0}
	.about2-2box{display: block;}
	.about2-2box img{width: 100%}
	.about2-2box .txtbox{padding: 0;margin-top: 15px;}
	.about2-2box .txtbox .item{font-size: 13px;padding: 0;margin-bottom: 10px}
	.about2-2{padding: .6rem 0}
	.about3 .col{width: 100%}
	.about3 .item .h1{font-size: 16px;}
	.about3 .item .item1{font-size: 13px;}
	.about3{padding-bottom: .6rem}
	.about4box .item{padding: .5rem}
	.about4box .item .h1{font-size: 15px;}
	.about4box .item p{font-size: 12px;}
	.banner2 .h1{font-size: 30px;}
	.banner2 .h2{font-size: 14px;}
	.about1-2box .item{width: 100%;font-size:13px;}
	.about1-2box .item .num{font-size: 18px;}
	.about1-2box .item .title1:before{width: 8px;height: 8px;margin-top: -4px;left: .15rem}
	.about1-1 .content{font-size: 13px;}
}


.frameContent {float:left;width:100%;font-size:18px;line-height:30px;min-height:300px;margin-top:.2rem}


.probox .row{margin: -.16rem;}
.probox .col-sm-4{padding: .16rem}
.probox .item{padding:.1rem;display: block;background: #fff;transition: all .3s ease;padding-bottom: .05rem;}
.probox .item .imgbox{position: relative;}
.probox .item .imgbox .img1{position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;max-width: 80%;max-height: 80%;transition: all .3s ease}
.probox .item .imgbox .img2{width: .38rem;position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;opacity: 0;transition: all .3s ease}
.probox .item .h1{transition: all .3s;font-size: .16rem;color: #1f1f1f;font-weight: bold;/*white-space: nowrap;*/  text-overflow: ellipsis;margin-bottom: .1rem;}
.probox .item p{transition: all .3s;font-size: 12px;color: #333;line-height: 2}
.probox .item .content{padding: .2rem 0 0 0;transition: all .3s ease;position: relative;height:55px}
.probox .item .content:before{content:"";height: 1px;background: #e0e0e0;position: absolute;top: 0;left: 0;right: 0;transition: all .3s ease}

@media (min-width: 1000px){
    .reviewbox .item:hover{box-shadow:0px 0px 5px rgba(0,0,0,.15)}
    .protabitem .item:hover{color: #fff;background: #699cff}
    .probox .item:hover .img1{transform:scale(1.1)}
	.probox .item:hover{background: rgba(0,0,0,.2);}
	/*.probox .item:hover>div{border:1px solid #fff;}*/
	.probox .item:hover .content{background:rgba(0,0,0,.2);transform: translateY(-5px);padding:.15rem .1rem 0;}
    .probox .item:hover .img2{opacity: 1;}
    .probox .item:hover .content:before{opacity: 0;}
    .probox .item:hover .h1{color: #fff}
    .probox .item:hover p{color: #fff}
    .prode1right .btnbox a:hover{border-color: #699cff;color: #fff}
    .prode1right .btnbox a:hover:after{width: 100%}
    .prode2 .tagbox .itembox .item:hover{background: #699cff;color: #fff}
    .prode3box .swiperbtn:hover img:nth-child(1){opacity: 0;}
    .prode3box .swiperbtn:hover img:nth-child(2){opacity: 1;}
    .about3 .item:hover .imgbox img{transform: scale(1.05);}
}
@media (max-width: 1000px){
	.probox .item .content{height:50px}
}
@media (max-width: 767px){
.proroute .more{float:right;display: none!important;}
.review-more{font-size:13px;width: 200px;line-height:36px;}
	.subnav{top: -21px}
	.subnav .col{width:100%;margin-bottom:0}
	.subnav .item span{font-size: 13px;}
	.subnav-menu{display: flex;padding: 0 15px;font-size: 14px;height:42px;background: #699cff;align-items: center;color: #fff}
    .subnav .container{position: absolute;top: 42px;margin: 0 -15px;left: 0;padding: 0;right: 0;background: #fff;display: none;box-shadow: 0px 0px 5px 1px rgba(0,0,0,.15)}
    .subnav .item{width:100%;line-height: 42px;    border-bottom: 1px solid rgba(0,0,0,.05);float: none;display: block;box-shadow:none;}
    .subnav .item span{font-size: 13px;color: #333}
    .subnav .item.on span{color: #699cff}
    .subnav .item .icon{display: none;}
    .subnav .item:after{display: none;}
    .subnav-menu .icon{width: 16px;height: 16px;background: url(../images/open.png);background-size: cover;transition: all .5s ease;}
    .subnav-menu.on .icon{transform: rotate(180deg);}
	.protabitem{display: block;padding: 8px 0}
	.protabitem .title1{width: auto;font-size: 13px;line-height:22px;padding-left: 0;margin-bottom: 5px}
	.protabitem .item{font-size: 13px;line-height: 22px;margin: 5px 8px 5px 0;padding: 0 6px}
	.protabitem .itemsbox{padding-right: 0}
	.probox .col-sm-4{padding: 5px}
	.probox .item .h1{font-size: 13px}
	.probox .row{margin: -5px}
	.probox .item .content{height:50px}
	.probox .item p{line-height: 1.6}
	.prode3box{margin: 0 .8rem}
	.prode3box .item{padding: 8px;}
	.prode3box .swiperbtn{width: 12px;}
	.prode3{padding: .6rem 0}
	.prode2 p{font-size: 13px;}
	.prode2 .tagbox{display: block;}
	.prodetab .col-sm-3{padding:2px;}
	.prodetab{padding: .1rem 0}
	.prodetab .item{font-size: 13px;}
	.prode2 .tagbox .title1{font-size: 13px;line-height: 24px;margin-bottom: 8px;}
	.prode2 .tagbox .itembox .item{font-size: 13px;line-height: 24px;padding:0 8px;margin-right: 8px;margin-bottom: 8px;}
	.prode1box{padding: .3rem;}
	.prode1left{float: none;width: 100%}
	.prode1right{float: none;width:100%}
	.prode1right{padding-top: 15px;padding-left: 0}
	.prode1right .infobox .item{width: 100%;padding: .16rem 0}
	.prode1right .infobox .item .title1{font-size: 13px;width: 100px}
	.prode1right .infobox .item .txt1{font-size: 13px;}
	.prode1right .h1{font-size: 16px;}
	.prode1right .btnbox a{font-size: 13px;margin-right: .3rem}
	.proroute2 .container{display: block;height: auto;padding: 10px 0;font-size: 0}
	.proroute2 .container>a{display: inline-block;vertical-align: middle;margin-bottom: 5px}
	.proroute2 .container>div{display: inline-block;vertical-align: middle;margin-bottom: 5px}
	.proroute .more img{width: 12px;}
	.about2-1box .item .imgbox{width: 100%;float: none!important;}
	.about2-1box .item .txtbox{position: relative;top: 0;transform:none;width: 100%;margin-top: 15px;}
	.about2-1box .item .txtbox p{font-size: 13px;}
	.about2-1box .item{margin-bottom: .6rem}
	.about2-1{padding-bottom: 0}
	.about2-2box{display: block;}
	.about2-2box img{width: 100%}
	.about2-2box .txtbox{padding: 0;margin-top: 15px;}
	.about2-2box .txtbox .item{font-size: 13px;padding: 0;margin-bottom: 10px}
	.about2-2{padding: .6rem 0}
	.about3 .col{width: 100%}
	.about3 .item .h1{font-size: 16px;}
	.about3 .item .item1{font-size: 13px;}
	.about3{padding-bottom: .6rem}
	.about4box .item{padding: .5rem}
	.about4box .item .h1{font-size: 15px;}
	.about4box .item p{font-size: 12px;}
	.banner2 .h1{font-size: 30px;}
	.banner2 .h2{font-size: 14px;}
	.about1-2box .item{width: 100%;font-size:13px;}
	.about1-2box .item .num{font-size: 18px;}
	.about1-2box .item .title1:before{width: 8px;height: 8px;margin-top: -4px;left: .15rem}
	.about1-1 .content{font-size: 13px;}
}


.news2con{padding: .65rem 0 1.3rem;background: #fbfbfb}
.news2box{background: #fff;box-shadow: 0.349px 9.994px .3rem 0px rgba(179, 179, 179, 0.15);}
.news2box{padding:3.5vw 9vw 4.5vw}
.news2box .contentbox{padding: .3rem 0;line-height:.4rem}
.news2box .contentbox img{display:inline-block;}
.news2top .h1{font-size: .34rem;color: #2f2f2f;margin-bottom: .25rem}
.news2top{text-align: center;padding-bottom: .5rem;border-bottom: .02rem solid #cccccc}
.news2top .h2{font-size: .14rem;color: #2f2f2f}
.news2bottom .item{float: left;width: 50%;text-align: center;font-size: 0;background: #f8f8f8;line-height: .7rem;transition: all .3s ease-in-out}
.news2bottom .item span{display: inline-block;vertical-align: middle;font-size: .14rem;color: #333;transition: all .3s ease-in-out;margin: 0 .15rem}
.news2bottom .item .txt{max-width: 65%;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}


@media (min-width: 1000px){
  .news1tab .item:hover{background: #0e50c8;color: #fff}
  .news2bottom .item:hover{background: #0e50c8}
  .news2bottom .item:hover span{color: #fff}

  .news1tab2 .item:hover{background: #0e50c8;color: #fff}
}

@media (max-width: 767px){
  .news1tab .item{font-size: 14px;border-width: 1px;width: 150px;height: 36px;line-height: 34px;  margin: 6px;}
  .news2box{padding:6vw}
  .news2top .h2{font-size: 12px;line-height: 1.3}
  .news2top .h1{font-size: 18px;}
  .news2bottom .item{width: 100%}
  .news2bottom .item span{font-size: 13px;}

  .news1tab2 .item{font-size: 14px;border-width: 1px; margin: 6px;}
}


.prodetails{background: #f4f5f6;padding-bottom: .6rem}
.prodetails .nav{padding: .42rem 0;}
.prodetails .nav .left a{color:#999;transition: all .3s}
.prodetails .nav .left a.on{color:rgb(53, 53, 53)}
.prodetails .nav .left span{color: #0e50c8;font-size: .18rem;}
.prodetails .nav .right img{display: inline-block;margin-right: 5px;height: .18rem}
.prodetails .nav .right span{font-size: .18rem;color: rgb(102, 102, 102);display: inline-block;vertical-align: middle;transition: all .3s}

.pro-title{font-size: .3rem;color: rgb(1, 51, 51);padding-left: .3rem;position: relative;}
.pro-title:before{content: "";width: .07rem;height: .3rem;position: absolute;left: 0;top: 50%;margin-top: -.15rem;background: #0e50c8}

.prodetails .one{background: #fff;margin-bottom: .2rem;padding: .5rem 0}
.prodetails .one .btn-box a{font-size: .24rem;color: #fff;display: inline-block;width: 2.5rem;line-height: .6rem;text-align: center;border-radius: 30px;cursor:pointer;transition:all .3s}
.prodetails .one .btn-box .btn2{background: #0e50c8;margin-right: .16rem}
.prodetails .one .btn-box .btn3{background: #0e50c8}
.prodetails .one .btn-box{font-size: 0;text-align: center;margin-top: .4rem}
.prodetails .one .name{font-size: .36rem;color: rgb(51, 51, 51);text-align: center;margin-top: .5rem}
.prodetails .one .swiper{display: flex;align-items: center;position: relative;}
.prodetails .one .swiper-container{width: 50%;padding-bottom: .4rem}
.prodetails .one .swiperbtn{width: 25%;}
.prodetails .one .btn1{width: .9rem;height: .9rem;position: relative;background: #f4f5f6;border-radius: 50%;margin: 0 auto;cursor: pointer;margin-top: -.4rem;user-select:none;}
.prodetails .one .btn1 img{position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;width: .28rem}
.prodetails .one .swiper-pagination-bullet{width: .3rem;height:4px;opacity: 1;border-radius: 0;background: #eeeff0;margin: 0 3px;}
.prodetails .one .swiper-pagination-bullet-active{background: #0e50c8}
.prodetails .one .swiper-pagination{bottom: 0}
.prodetails .one .btn1 img{opacity: 0.3;transition:all .25s;}
.prodetails .one .ask1{height: 3rem;background:rgba(247, 180, 38,0.929);position: absolute;z-index: 10;top: 50%;margin-top: -1.7rem;width: 32vw;left: 50%;margin-left: -16vw;}
.prodetails .one .ask1{padding: 0 2.5vw;z-index: 20;display: none;}
.prodetails .one .ask1 .col{float: left;width: 50%;padding: 0 .1rem}
.prodetails .one .ask1 .row{margin: 0 -.1rem}
.prodetails .one .ask1 .input{border-bottom: 1px solid #fff;position: relative;margin-top: .2rem}
.prodetails .one .ask1 .input input{width: 100%;color: #fff;font-size: .16rem;height: .32rem;background: transparent;padding: 0 5px}
.prodetails .one .ask1 .input input::-webkit-input-placeholder{color:#fff;}
.prodetails .one .ask1 .input:before{content:"";height: .05rem;width: 1px;background: #fff;position: absolute;left: 0;bottom: 0}
.prodetails .one .ask1 .input:after{content:"";height: .05rem;width: 1px;background: #fff;position: absolute;right: 0;bottom: 0}
.prodetails .one .ask1 h1{font-size: .3rem;color: #fff;text-align: center;}
.prodetails .one .ask1 .submit{background: none;padding: 0;display: block;margin: .28rem auto 0}
.prodetails .one .ask2{height: 3rem;background:rgba(247, 180, 38,0.929);position: absolute;z-index: 10;top: 50%;margin-top: -1.7rem;width: 32vw;left: 50%;margin-left: -16vw;}
.prodetails .one .ask2{padding: 0 6vw;display: none;z-index: 20}
.prodetails .one .ask2 img{margin: 0 auto;width: .69rem}
.prodetails .one .ask2 p{font-size: .16rem;color: #fff;line-height: 1.316;margin-top: .35rem}


.prodetails .two{background: #fff;margin-bottom: .2rem;padding: .35rem 0 .5rem}
.prodetails .two .item{font-size: .18rem;color: rgb(102, 102, 102);line-height: 2.667;float: left;width: 50%}
.prodetails .two .item .title{min-width:1.25rem;padding-right: .25rem}
.prodetails .two .item span{display: inline-block;}
.prodetails .two .item:nth-child(2n+1){padding-left: 4vw}
.prodetails .two .clearfix{margin-top: .35rem}
.prodetails .three{padding: .35rem 0;background: #fff;margin-bottom: .2rem;padding-right: .4rem}
.prodetails .three .right span{font-size: .24rem;color: rgb(102, 102, 102);display: inline-block;vertical-align: middle;}
.prodetails .three .right img{display: inline-block;margin-right:5px;width: .48rem}

.prodetails .four{padding-top: .4rem;background: #fff;padding-bottom: .32rem}
.prodetails .four .imgbox{overflow: hidden;padding:30px;line-height:30px;font-size:15px;}

@media (min-width: 1000px){
   .prodetails .one .btn-box a:hover{transform:translateY(-5px)}
   .prodetails .one .btn1:hover img{opacity:1}
   .prodetails .one .prev .btn1:hover img{transform:translateX(-5px)}
   .prodetails .one .next .btn1:hover img{transform:translateX(5px)}

}
@media (max-width: 767px){
    .prodetails .four .imgbox{padding:0px;}
    .prodetails .four .imgbox{margin:15px;}

	.prodetails .one .btn-box a{width: 40%}
	.prodetails .two .item{width: 100%;padding: 0 15px;font-size: 14px;}
	.prodetails .two .item span{display: inline;}
	.prodetails .one .swiper-container{flex: 1;margin: 0 15px}
	.prodetails .one .name{font-size: 18px;}
	.prodetails .one .swiperbtn{position: absolute;z-index: 10;    width: auto;padding: 0 15px;}
	.prodetails .one .prev{left: 0;}
	.prodetails .one .next{right: 0;}
	.prodetails .one .btn1{background: rgba(255,255,255,.1)}
	.prodetails .one .ask1 .input input{font-size: 14px;}
	.prodetails .one .ask1 .col{width: 100%}

	.prodetails .one .ask1{height: 3.6rem;top: 0;margin:0;left: 0;right: 0;width: auto;}
	.prodetails .one .ask2{height: 3.6rem;top: 0;margin:0;left: 0;right: 0;width: auto;}

}

@media (min-width: 1000px){
.prodetails .one .btn-box a:hover{transform:translateY(-5px)}
.platform2 .two .next:hover img{transform:translateX(8px)}
.platform2 .two .prev:hover img{transform:translateX(-8px)}
.platform .four .next:hover img{transform:translateX(8px)}
.platform .four .prev:hover img{transform:translateX(-8px)}
.prodetails .one .btn1:hover img{opacity:1}
   .prodetails .one .prev .btn1:hover img{transform:translateX(-5px)}
   .prodetails .one .next .btn1:hover img{transform:translateX(5px)}

}
@media (max-width: 767px){
    .prodetails .four .imgbox{padding:0px;}
.prodetails .four .imgbox{margin:15px;}
    .pro-menu .item{width:1.2rem}
	.pro-menu .item p{font-size:5px;}

	.search-box .right{padding: 0 10px}
	.search-box .right span{font-size: 14px;}
	.search-box input{font-size: 14px;}
	.prodetails .one .btn-box a{width: 40%}
	.prodetails .two .item{width: 100%;padding: 0 15px;font-size: 14px;}
	.prodetails .two .item span{display: inline;}
	.prodetails .one .swiper-container{flex: 1;margin: 0 15px}
	.prodetails .one .name{font-size: 18px;}
	.prodetails .one .swiperbtn{position: absolute;z-index: 10;    width: auto;padding: 0 15px;}
	.prodetails .one .prev{left: 0;}
	.prodetails .one .next{right: 0;}
	.prodetails .one .btn1{background: rgba(255,255,255,.1)}
	.prodetails .one .ask1 .input input{font-size: 14px;}
	.prodetails .one .ask1 .col{width: 100%}
	.pro-menu{display: none;}
	.prodetails .one .ask1{height: 3.6rem;top: 0;margin:0;left: 0;right: 0;width: auto;}
	.prodetails .one .ask2{height: 3.6rem;top: 0;margin:0;left: 0;right: 0;width: auto;}
}
.text-content table{border-collapse:collapse; border:0px none; border-top:1px solid #464646 !important; border-left:1px solid #464646 !important; border-spacing:0; table-layout:fixed;}
.text-content table tr{height:auto !important;}
.text-content table td{width:100% !important; height:auto !important; border:0px none !important; line-height:1.5; padding:5px !important; text-align:center; border-right:1px solid #464646 !important; border-bottom:1px solid #464646 !important; font-size:14px;}
.text-content table td p{display:block; margin:0;}
.text-content table td span{display:inline-block; margin:0;}
.text-content table tr{transition:all .2s;}
.text-content table tr:hover{background:#e7f1fc;}
.con {float:left;width:100%;overflow-x:scroll}
@media (min-width: 767px){
    .text-content table{width:100% !important; }
    .con {float:left;width:100%;overflow-x:hidden;}
}

.con_map{float:left;width:100%;border:2px solid #0e50c8;}
.mapContent{float:left;width:100%;height:500px;}