
/**/
.bannerpc{position: relative;overflow:hidden;}
.bannerpc .ban-img{width:100%; line-height:0;}
.bannerpc .ban-img img{width: 100%;}
.bannerpc .ban-con{width:100%;position: absolute;left:0;top:0;z-index:200;}
.bannerpc .ban-con.txt1{padding-top:6.95rem;}
.bannerpc .ban-con.txt1 h4{line-height: 2.35rem; margin-bottom: 1.1rem;font-size: 2rem;color:#111111;font-family: 'OpenSans-B';}
.bannerpc .ban-con.txt1 h5{line-height: 2.05rem;font-size:1.6rem;color:#111111;font-family: 'OpenSans-R';margin:1rem 0; font-weight:normal;}
.bannerpc .ban-con.txt1 p{line-height: 1.45rem;font-size: 0.9rem;color:#111111;font-family: 'OpenSans-R'; margin-bottom: 2.2rem;}
.bannerpc .ban-con.txt1 span{display: inline-block;height:2.8rem;background:#0080CC; border-radius: 1rem;padding:0 1.35rem;}
.bannerpc .ban-con.txt1 span a{display: block;height:2.8rem; line-height:2.8rem;text-align: center;font-size: 0.9rem;color:#ffffff; font-family: 'OpenSans-SBd';}
.bannerpc .ban-jt{width:100%; }
.bannerpc .ban-jt i{display:block;width:36px;height:70px;cursor:pointer;z-index:300; transition:.5s;}
.bannerpc .ban-jt i img{width:100%;}
.bannerpc .ban-jt i.banner-prev{position:absolute;left:0;top:50%;transform:translate(0,-50%); opacity:0;}
.bannerpc .ban-jt i.banner-next{position:absolute;right:0;top:50%;transform:translate(0,-50%); opacity:0;}
.bannerpc:hover i.banner-prev{left:5%;opacity:1;}
.bannerpc:hover i.banner-next{right:5%;opacity:1;}
.bannerpc .ban-sz{width:100%; position: absolute;left:0;bottom:2.5rem;z-index:200;}
.bannerpc .ban-sz ul li{float:left; width:26%;padding-left:0; border-right:0.05rem solid rgba(255,255,255,.5);box-sizing: border-box;padding-left:3.7rem;}
.bannerpc .ban-sz ul li span{display: block;height:2.6rem; margin-bottom: 0.85rem;}
.bannerpc .ban-sz ul li span em{display: inline-block; line-height: 2.6rem;font-size: 2.6rem;color:#FFF;font-family: 'OpenSans-B';}
.bannerpc .ban-sz ul li p{line-height: 0.8rem;color:#FFF;}
.bannerpc .ban-sz ul li:first-child{padding-left:0;width:22%;}
.bannerpc .ban-sz ul li:last-child{border-right:0;}
.banmc{display: none; line-height: 0;}
@media screen and (max-width: 767px){
    .bannerpc{display: none;}
    .banmc{display: block; line-height: 0;}
    .banmc img{width:100%;}
    .banmc .banmc-txt{width:100%; box-sizing: border-box; position: absolute;left:0;top:0;}
    .banmc .banmc-txt.txt1{padding:3.85rem 4% 0;}
    .banmc .banmc-txt.txt1 h4{line-height: 2.5rem; margin-bottom: 0.95rem;font-size: 2rem;color:#111111;font-family: 'OpenSans-B'; }
    .banmc .banmc-txt.txt1 h5{line-height: 2.05rem;font-size:1.6rem;color:#111111;font-family: 'OpenSans-R';margin:1rem 0; font-weight:normal;}
    .banmc .banmc-txt.txt1 p{line-height: 1.8rem;font-size: 1.2rem;color:#111111;font-family: 'OpenSans-R'; margin-bottom: 2.3rem;}
    .banmc .banmc-txt.txt1 span{display: inline-block;height:3.5rem; background:#0080CC;border-radius: 1rem;padding:0 1.35rem;}  
    .banmc .banmc-txt.txt1 span a{display: block;height:3.5rem; line-height: 3.5rem; text-align: center;font-size: 1.2rem;color:#ffffff;font-family: 'OpenSans-SBd';}
}
/**/
.newspc{padding:64px 0 92px;}
.newspc h2{height:94px; line-height: 94px; margin-bottom: 32px;}
.newspc h2 a{font-size: 2rem;color:#111111;font-family: 'OpenSans-B';}
.newspc ul{display: flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content: space-between;flex-wrap: wrap;}
.newspc ul li{width:22rem;}
.newspc ul li dl dt{width:100%; line-height: 0; overflow: hidden;border-radius: 1rem; margin-bottom: 27px;}
.newspc ul li dl dt img{width:100%;}
.newspc ul li dl dd p{ line-height: 1.35rem; margin-bottom: 1.55rem;font-family: 'OpenSans-R';font-size: 1rem;color:#000000;}
.newspc ul li dl dd span{display: block;height:36px;}
.newspc ul li dl dd span a{display: inline-block; line-height: 1.8rem;font-size: 0.9rem;color:#0080cc;font-family: 'OpenSans-SBd';padding-right:1.65rem;background:url(../images/news-jt.png) no-repeat right;background-size:0.9rem 0.9rem;}
@media screen and (max-width: 767px){
    .newspc{display: none;}
}
/**/
.aboutpc{background:url(../images/about.jpg) no-repeat center;background-size:100% 100%;padding:75px 0 104px;}
.aboutpc .abo-left{width:32.65rem;float:left;}
.aboutpc .abo-left i{display: block; line-height: 36px;margin-bottom: 0.8rem;font-size: 1.2rem; color:#0080cc;font-family: 'OpenSans-B';}
.aboutpc .abo-left h2{line-height: 2.4rem; font-size: 2rem;color:#111111;font-family: 'OpenSans-B'; font-weight: normal; margin-bottom: 1.35rem;}
.aboutpc .abo-left p{line-height: 1.25rem;font-size: 0.8rem;color:#111111;font-family: 'OpenSans-R'; margin-bottom: 2.85rem;}
.aboutpc .abo-left strong{display: block;width:12.8rem;height:2.8rem;background:#0080CC; border-radius: 1.4rem;}
.aboutpc .abo-left strong a{display: block;height:2.8rem;text-align: center;}
.aboutpc .abo-left strong a i{display: inline-block; line-height: 2.8rem;font-size: 0.9rem;color:#ffffff;font-family: 'OpenSans-B'; font-weight: normal;padding-right:0.95rem;background:url(../images/abo-jt.png) no-repeat right;background-size:0.4rem 0.7rem;}
.aboutpc .abo-rig{width:35rem;line-height: 0;float:right;border-radius: 1rem;overflow: hidden;margin-top: 2.75rem;position:relative;}
.aboutpc .abo-rig img{width:100%;}
.aboutpc .abo-rig span{display:block;width:4.05rem;height:4.05rem;position:absolute;left:50%;top:50%; transform: translate(-50%,-50%); cursor:pointer;z-index:200;}
@media screen and (max-width: 767px){
    .aboutpc{padding:2.75rem 4% 4.3rem;}
    .aboutpc .abo-left h2{margin-bottom: 1.4rem;}
    .aboutpc .abo-left p{font-size: 1.2rem;margin-bottom: 3.6rem; line-height: 1.75rem;}
    .aboutpc .abo-rig{margin-top: 3.5rem;}
    .aboutpc .abo-left strong{width:17rem; height: 3.5rem;border-radius: 1.75rem;}
    .aboutpc .abo-left strong a{display: block;height:3.5rem;}
    .aboutpc .abo-left strong a i{font-size: 1.2rem;padding-right:1.25rem;line-height: 3.5rem;}
}
/**/
.solutionpc{padding-top:104px;}
.solutionpc .sol-tit{height:10.4rem;}
.solutionpc .sol-tit h2{float:left;}
.solutionpc .sol-tit h2 i{display: block;height:1.9rem; line-height: 1.9rem; font-size: 1.2rem;color:#0080cc;font-family: 'OpenSans-B';font-weight: normal;margin-bottom: 0.75rem;}
.solutionpc .sol-tit h2 span{display: block; line-height: 2.5rem;font-size: 2rem;color:#111111;font-family: 'OpenSans-B';font-weight: normal;}
.solutionpc .sol-tit strong{display: block;width:10rem;height:2.8rem;border-radius: 1.4rem;border: 2px solid #0080CC;float:right;margin-top: 3.1rem;box-sizing: border-box;}
.solutionpc .sol-tit strong a{display: block;height:2.6rem;text-align: center;}
.solutionpc .sol-tit strong a i{display: inline-block; line-height: 2.6rem;font-size: 0.9rem;color:#0080cc;padding-right:1.8rem;background:url(../images/sol-jt.png) no-repeat right;background-size:0.4rem 0.7rem; font-weight: normal;}
.solutionpc .sol-con{margin-left:-24%;}
.solutionpc .sol-list dl{width:100%;border-radius: 1rem;position: relative;}
.solutionpc .sol-list dl dt{width:100%; line-height: 0; overflow: hidden;}
.solutionpc .sol-list dl dt img{width:100%;}
.solutionpc .sol-list dl dd{width:100%;padding:0 1.75rem 0 2.1rem; box-sizing: border-box;position: absolute;left:0;bottom:1.65rem;}
.solutionpc .sol-list dl dd h4 a{display: block; line-height: 1.4rem;font-size: 1.2rem;color:#ffffff;font-family: 'OpenSans-B';font-weight: normal;background:url(../images/sol-jt2.png) no-repeat right;background-size:1.2rem 1.2rem; }
.solutionpc .sol-list dl dd p{line-height: 1.2rem;font-size: 0.8rem;color:#ffffff;height:0; transition: .5s; overflow: hidden;}
.solutionpc .sol-list dl:hover dd p{height:2.4rem;margin-top:0.55rem;}
.solutionpc .sol-bot{width:100%;}
.solutionpc .sol-bot .sol-jt{margin-top:2.3rem;width:10.95rem;position: relative;}
.solutionpc .sol-bot .sol-jt i{display: block;width:3rem;height:3rem; cursor: pointer;line-height: 0;float:left;z-index:200;position: relative;}
.solutionpc .sol-bot .sol-jt i img{width:100%;}
.solutionpc .sol-bot .sol-jt i.sol-next{float:right;}
.sol-jt .swiper-pagination{height:3rem;bottom:0; line-height: 3rem;font-size: 1rem;color:rgba(153,153,153,.5);}
.sol-jt .current-page{font-size: 1.2rem;color:#0080cc; font-family: 'OpenSans-B';}
.solutionmc{display: none;}
@media screen and (max-width: 767px){
    .solutionpc{display: none;}
    .solutionmc{display: block;padding:3rem 0 2.55rem 4%;background:url(../images/solumcbj.jpg) no-repeat center;background-size:100% 100%;}
    .solutionmc h2{ margin-bottom: 2.2rem;}
    .solutionmc h2 i{display: block; line-height: 1.9rem;font-size: 1.2rem;color:#0080cc;font-family: 'OpenSans-B'; margin-bottom: 0.7rem;}
    .solutionmc h2 span{display: block; line-height: 2.5rem;font-size: 2rem;color:#111111;font-family: 'OpenSans-B';}
    .solutionmc .sol-listmc dl{width: 100%;border-radius: 1rem;position: relative;}
    .solutionmc .sol-listmc dl dt{width:100%; line-height: 0; overflow: hidden;}
    .solutionmc .sol-listmc dl dt img{width:100%;}
    .solutionmc .sol-listmc dl dd{width:100%; height:7.65rem; position: absolute;left:0;bottom:0;padding:0 1.75rem 0 1.5rem; box-sizing: border-box;}
    .solutionmc .sol-listmc dl dd h4{height:1.85rem; line-height: 1.85rem;margin-bottom: 0.4rem; margin-bottom: 0.6rem;}
    .solutionmc .sol-listmc dl dd h4 a{display: block;font-size: 1.5rem;color:#ffffff;font-family: 'OpenSans-B';background:url(../images/sol-jt2.png) no-repeat right;background-size:1.2rem 1.2rem;}
    .solutionmc .sol-listmc dl dd p{line-height: 1.5rem;font-size: 1.2rem;color:#ffffff;font-family: 'OpenSans-R';}
    .solutionmc .sol-bott{width:100%;}
    .solutionmc .sol-bott .sol-jtt{margin-top:2.3rem;width:10.95rem;position: relative;}
    .solutionmc .sol-bott .sol-jtt i{display: block;width:3rem;height:3rem; cursor: pointer;line-height: 0;float:left;z-index:200;position: relative;}
    .solutionmc .sol-bott .sol-jtt i img{width:100%;}
    .solutionmc .sol-bott .sol-jtt i.sol-nextt{float:right;}
    .sol-jtt .swiper-pagination{height:3rem;bottom:0; line-height: 3rem;font-size: 1rem;color:rgba(153,153,153,.5);}
    .sol-jtt .current-page{font-size: 1.2rem;color:#0080cc; font-family: 'OpenSans-B';}
}
/**/
.apppc{padding:43px 0 100px;}
.apppc h2{line-height: 7.85rem;font-size: 2.1rem;color:#111111; font-weight: normal;font-family: 'OpenSans-B';}
.apppc ul{width:100%;height:21rem;border:0.05rem solid rgba(221,221,221,.5);box-sizing: border-box;border-radius: 1rem;}
.apppc ul li{float:left; width:16.6%;height:20.9rem;border-radius: 1rem;overflow: hidden;padding:2.25rem 0 0 1.5rem; box-sizing: border-box; transition: .5s;}
.apppc ul li em{display: block;width:3.1rem;height:3rem;position: relative;margin-bottom: 2.65rem;}
.apppc ul li em i{display: block;width:100%; height:3rem; position: absolute;left:0;top:0;}
.apppc ul li em i img{width:100%;}
.apppc ul li em i.default{-webkit-transform: translateX(0) rotate(0);transform: translateX(0) rotate(0);-webkit-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
.apppc ul li em i.hover{position: absolute;left:0;top:0;opacity: 0; transform: scale(0);transition: .5s;}
.apppc ul li h3{line-height: 1.5rem;height:4.6rem;font-size: 1rem;color:#111111;font-family: 'OpenSans-B';position: relative;}
.apppc ul li h3:before{width:1.55rem; height:0.9rem;background:url(../images/app-tb.png) no-repeat  center;background-size:100% 100%;content:"";position: absolute;right:0; top:1.6rem;}
.apppc ul li:last-child h3:before{display: none;}
.apppc ul li .app-desc{width:100%;padding-top:3.7rem; position: relative;}
.apppc ul li .app-desc span{display: block; line-height: 2.7rem; font-size: 2.7rem;color:rgba(204,204,204,.3);font-family: 'OpenSans-B'; transition: .5s;}
.apppc ul li .app-desc p{width:100%;line-height: 1.2rem;font-size: 0.8rem;color:#FFF;font-family: 'OpenSans-R'; transition: .5s;position: absolute;left:0;top:3rem;opacity: 0;}
.apppc ul li.cur{background:#0080CC;}
.apppc ul li.cur em i.default{opacity: 0;visibility:hidden;-webkit-transform: translateX(100%) rotate(180deg);transform: translateX(100%) rotate(180deg);}
.apppc ul li.cur em i.hover{opacity: 1; transform: scale(1);}
.apppc ul li.cur h3{color:#FFF;}
.apppc ul li.cur h3:before{display: none;}
.apppc ul li.cur .app-desc span{margin-top:3rem;opacity: 0;}
.apppc ul li.cur .app-desc p{opacity: 1;top:0;}
.appmc{display: none;}
@media screen and (max-width: 767px){
    .apppc{display: none;}
    .appmc{display: block;padding:3rem 4% 3.35rem;}
    .appmc h2{line-height: 4.15rem; margin-bottom: 1.75rem;font-size: 2.1rem;color:#111111;font-family: 'OpenSans-B';}
    .appmc ul{height:auto; border:0;}
    .appmc ul li{width:33.33%;float:left;padding-left:8%; box-sizing: border-box;}
    .appmc ul li em{display: block;width:3.1rem;height:3rem;position: relative;margin-bottom: 2.65rem;}
    .appmc ul li em i{display: block;width:100%; height:3rem; position: absolute;left:0;top:0;}
    .appmc ul li em i img{width:100%;}
    .appmc ul li h3{line-height: 1.5rem;height:4.6rem;font-size: 1rem;color:#111111;font-family: 'OpenSans-B';position: relative;}
    .appmc ul li h3:before{width:1.55rem; height:0.9rem;background:url(../images/app-tb.png) no-repeat  center;background-size:100% 100%;content:"";position: absolute;right:0; top:1.6rem;}
    .appmc ul li:last-child h3:before{display: none;}
    .appmc ul li .app-desc{width:100%;padding-top:0.9rem; position: relative;}
    .appmc ul li .app-desc span{display: block; line-height: 2.7rem; font-size: 2.7rem;color:rgba(204,204,204,.3);font-family: 'OpenSans-B'; transition: .5s;}
    .appmc ul li:first-child,.appmc ul li:nth-child(2),.appmc ul li:nth-child(3){margin-bottom: 2.7rem;}
    .appmc ul li:first-child,.appmc ul li:nth-child(4){padding-left:0;}
    .appmc ul li:nth-child(4) h3:before,.appmc ul li:nth-child(5) h3:before{width:1.55rem; height:0.9rem;background:url(../images/app-tb3.jpg) no-repeat  center;background-size:100% 100%;content:"";position: absolute;right:0; top:1.6rem;}
    .appmc ul li:nth-child(3) h3:before{width:0.9rem; height:1.5rem;background:url(../images/app-tb2.jpg) no-repeat  center;background-size:100% 100%;content:"";position: absolute;right:2.5rem; top:auto!important;bottom:-5rem;}

}
/**/
.capapc{padding:95px 0 100px;background:url(../images/capabj.jpg) no-repeat center;background-size:100% 100%;}
.capapc h2{margin-bottom: 69px;}
.capapc h2 span{display: block; line-height: 42px;font-size: 1.2rem;color:#0080cc;font-family: 'OpenSans-B';}
.capapc h2 em{display: block; line-height: 49px;font-size: 2.1rem;color:#111111;font-family: 'OpenSans-B';}
.capapc dl dt{width:28.5%; line-height: 0; overflow: hidden;float:right;border-radius: 1rem;}
.capapc dl dt img{width:100%;}
.capapc dl dd{width:65.7%;float:left;}
.capapc dl dd ul{display: flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content: space-between;flex-wrap: wrap;}
.capapc dl dd ul li{width:46.7%;margin-bottom: 64px;}
.capapc dl dd ul li span{display: block; margin-bottom: 1.1rem;height:3.5rem;}
.capapc dl dd ul li span i{display: block;width:3.5rem;height:3.5rem;float:left;line-height: 0;}
.capapc dl dd ul li span i img{width:100%;}
.capapc dl dd ul li span em{display: block;float:left;padding-top:0.35rem; line-height: 1.5rem;font-size: 1.2rem;color:#111111;font-family: 'OpenSans-B'; margin-left: 1.1rem;}
.capapc dl dd ul li span em.hover{display: none;}
.capapc dl dd ul li p{line-height: 1.05rem;font-size: 0.8rem;color:#111111;font-family: 'OpenSans-R';}
.capapc dl dd ul li:last-child span em{padding-top:0; line-height: 3.5rem;}
@media screen and (max-width: 767px){
    .capapc{ height:71rem;background:url(../images/capamcbj.jpg) no-repeat center;background-size:100% 100%;padding:3.8rem 4% 0; box-sizing: border-box;}
    .capapc h2{margin-bottom: 2.35rem;}
    .capapc dl dt{display: none;}
    .capapc dl dd{width:100%;}
    .capapc dl dd ul li{width:50%;height:19rem; margin-bottom: 0;border-bottom:0.05rem solid rgba(204,204,204,.5); box-sizing: border-box;padding-top:2.95rem;}
    .capapc dl dd ul li span{height:4.75rem; margin-bottom: 0;}
    .capapc dl dd ul li span em{width:70%;}
    .capapc dl dd ul li span em.default{display: none;}
    .capapc dl dd ul li span em.hover{display: block;}
    .capapc dl dd ul li:nth-child(1), .capapc dl dd ul li:nth-child(2){padding-top:0;}
    .capapc dl dd ul li:last-child span em{padding-top:0; line-height: 1.5rem;}
    .capapc dl dd ul li p{line-height: 1.5rem; font-size: 1rem;}
    .capapc dl dd ul li:nth-child(odd){padding-right:1.5%;}
    .capapc dl dd ul li:nth-child(even){padding-left:1.5%;}
    .capapc dl dd ul li:nth-child(5),.capapc dl dd ul li:last-child{border-bottom:0;}
}
/**/
.projectpc{padding:118px 0 0;}
.projectpc .proj-tit{ margin-bottom: 2.3rem;height:2.8rem;}
.projectpc .proj-tit h2{float:left; height:2.8rem; line-height: 2.8rem;font-size: 2.1rem;color:#111111;font-family: 'OpenSans-B';}
.projectpc .proj-tit span{display: block;width:10rem;height:2.8rem;float:right;border-radius: 1.4rem;border: 0.1rem solid #0080CC;box-sizing: border-box;}
.projectpc .proj-tit span a{display: block;height:2.6rem;text-align: center;}
.projectpc .proj-tit span a i{display: inline-block; line-height: 2.6rem;font-size: 0.9rem;color:#0080cc; padding-right:1.8rem;background:url(../images/sol-jt.png) no-repeat right;background-size:0.4rem 0.7rem;}
.projectpc ul{display: flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content: space-between;flex-wrap: wrap;padding:0 1%;}
.projectpc ul li{width:23.1%;background: #F5F5F5;border-radius: 1rem; overflow: hidden;}
.projectpc ul li dl dt{width:100%; line-height: 0;}
.projectpc ul li dl dt img{width:100%;}
.projectpc ul li dl dd{height:12.6rem;padding:1.35rem 2rem 0 1.5rem;}
.projectpc ul li dl dd p{line-height: 1.5rem; margin-bottom: 34px;font-size: 1rem;color:#111111;font-family: 'OpenSans-B';}
.projectpc ul li dl dd strong{display: block;height:35px;}
.projectpc ul li dl dd strong a{display: inline-block; line-height: 35px;font-size: 0.9rem;color:#0080cc;padding-right:1.55rem;background:url(../images/news-jt.png) no-repeat right;background-size:0.9rem 0.9rem;}
.projectmc{display: none;}
@media screen and (max-width: 767px){
    .projectpc{display: none;}
    .projectmc{display: block;padding:4.15rem 0 0 4%}
    .projectmc .proj-tit{height:7.35rem;}
    .projectmc .proj-tit h2{float:left;line-height:2.35rem;font-size: 2.1rem;color:#111111;font-family: 'OpenSans-B';}
    .projectmc .proj-tit span{display: block;width:10.5rem;height:3.5rem;float:right;border-radius: 1.75rem;border: 0.1rem solid #0080CC;box-sizing: border-box;}
    .projectmc .proj-tit span a{display: block;height:3.3rem;text-align: center;}
    .projectmc .proj-tit span a i{display: inline-block; line-height: 3.3rem;font-size: 1.2rem;color:#0080cc; padding-right:1.8rem;background:url(../images/sol-jt.png) no-repeat right;background-size:0.4rem 0.7rem;}
    .projectmc .proj-list dl{width:100%; border-radius: 1rem; overflow: hidden;background:#F5F5F5;}
    .projectmc .proj-list dl dt{width: 100%; line-height: 0;}
    .projectmc .proj-list dl dt img{width:100%;}
    .projectmc .proj-list dl dd{height:16rem;padding:1.65rem 3rem 0 1.5rem; box-sizing: border-box;}
    .projectmc .proj-list dl dd p{line-height: 2.05rem;font-size: 1.4rem;color:#111111; margin-bottom: 2.8rem;}
    .projectmc .proj-list dl dd strong{display: block;height:2.2rem;}
    .projectmc .proj-list dl dd strong a{display: inline-block; line-height: 2.2rem;font-size: 1.2rem;color:#0080cc;padding-right:1.75rem;background: url(../images/news-jt.png) no-repeat right;background-size: 0.9rem 0.9rem; font-weight: normal;}
}
/**/
.productpc{padding:88px 0 0;}
.productpc .pro-tit{ margin-bottom: 2.8rem;height:2.8rem;}
.productpc .pro-tit h2{float:left; height:2.8rem; line-height: 2.8rem;font-size: 2.1rem;color:#111111;font-family: 'OpenSans-B';}
.productpc .pro-tit span{display: block;width:10rem;height:2.8rem;float:right;border-radius: 1.4rem;border: 0.1rem solid #0080CC;box-sizing: border-box;}
.productpc .pro-tit span a{display: block;height:2.6rem;text-align: center;}
.productpc .pro-tit span a i{display: inline-block; line-height: 2.6rem;font-size: 0.9rem;color:#0080cc; padding-right:1.8rem;background:url(../images/sol-jt.png) no-repeat right;background-size:0.4rem 0.7rem;}
.productpc ul{display: flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content: space-between;flex-wrap: wrap;}
.productpc ul li{float:left;width:49.2%;background: #F5F5F5; border-radius: 1rem; margin-bottom: 1rem;}
.productpc ul li dl dt{width:42.8%;line-height: 0;float:right;}
.productpc ul li dl dt img{width:100%;}
.productpc ul li dl dd{width:57.2%;float:left;padding:2.7rem 0 2.7rem 2.05rem; box-sizing: border-box;}
.productpc ul li dl dd h4{height:1.9rem; margin-bottom: 0.55rem;}
.productpc ul li dl dd h4 a{font-size: 1.3rem;color:#111111;font-family: 'OpenSans-B'; font-weight: normal;}
.productpc ul li dl dd p{line-height: 1.5rem; margin-bottom: 1.35rem;font-size: 0.8rem;color:#111111;font-family: 'OpenSans-R';}
.productpc ul li dl dd span{display: block;height:1.6rem;}
.productpc ul li dl dd span a{display: inline-block; line-height: 1.6rem;font-size: 0.9rem;color:#0080cc;font-family: 'OpenSans-B';padding-right:1.65rem; background:url(../images/news-jt.png) no-repeat right;background-size:0.9rem 0.9rem;}
@media screen and (max-width: 767px){
    .productpc{padding:3.75rem 4% 0;}
    .productpc .pro-tit{height:3.5rem; margin-bottom: 2.25rem;}
    .productpc .pro-tit h2{line-height: 3.5rem;}
    .productpc .pro-tit span{height:3.5rem;width:10.5rem;border-radius: 1.75rem;}
    .productpc .pro-tit span a{display: block;height:3.3rem;}
    .productpc .pro-tit span a i{line-height: 3.3rem;}
    .productpc .pro-tit span a i{font-size: 1.2rem;}
    .productpc ul li{width:100%;}
}
/**/
.blogspc{padding:77px 0 119px;}
.blogspc .blog-tit{ margin-bottom: 2.3rem;height:2.8rem;}
.blogspc .blog-tit h2{float:left; height:2.8rem; line-height: 2.8rem;font-size: 2.1rem;color:#111111;font-family: 'OpenSans-B';}
.blogspc .blog-tit span{display: block;width:10rem;height:2.8rem;float:right;border-radius: 1.4rem;border: 0.1rem solid #0080CC;box-sizing: border-box;}
.blogspc .blog-tit span a{display: block;height:2.6rem;text-align: center;}
.blogspc .blog-tit span a i{display: inline-block; line-height: 2.6rem;font-size: 0.9rem;color:#0080cc; padding-right:1.8rem;background:url(../images/sol-jt.png) no-repeat right;background-size:0.4rem 0.7rem;}
.blogspc .blo-left{width:49.2%;float:left;}
.blogspc .blo-left dl dt{width:100%;line-height: 0; overflow: hidden;border-radius: 1rem;}
.blogspc .blo-left dl dt img{width:100%;}
.blogspc .blo-left dl dd{height:10.6rem;border-bottom:0.05rem solid #dddddd; box-sizing: border-box;padding:1rem 0.9rem 0 0;}
.blogspc .blo-left dl dd span{display: block;height:1.75rem; margin-bottom: 0.55rem;}
.blogspc .blo-left dl dd span i{display: block; float:left; line-height: 1.75rem;font-size: 1rem;color:#0080cc;font-family: 'OpenSans-SBd';}
.blogspc .blo-left dl dd span a{display: block; width:1.2rem; height:1.2rem;float:right;background:url(../images/blo-jt.png) no-repeat right; background-size:1.2rem 1.2rem; margin-top: 0.4rem;}
.blogspc .blo-left dl dd h4{height:1.85rem; line-height:1.85rem;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.blogspc .blo-left dl dd h4 a{font-size: 1.2rem;color:#111111;font-family: 'OpenSans-SBd';}
.blogspc .blo-left dl dd p{line-height: 1.65rem;font-size: 0.8rem;color:#111111;font-family: 'OpenSans-R';}
.blogspc .blo-rig{width:45.8%;float:right;}
.blogspc .blo-rig ul li{padding:1.95rem 0 2rem;border-bottom:0.05rem solid #dddddd;}
.blogspc .blo-rig ul li:first-child{border-top:0.05rem solid #dddddd;}
.blogspc .blo-rig ul li dl dt{width:31.1%;line-height: 0; overflow: hidden;float:right;border-radius: 0.5rem;}
.blogspc .blo-rig ul li dl dt img{width:100%;}
.blogspc .blo-rig ul li dl dd{width:59.1%;float:left;}
.blogspc .blo-rig ul li dl dd h4{margin-bottom: 0.6rem;}
.blogspc .blo-rig ul li dl dd h4 a{display: block; line-height: 1.35rem;font-size: 1.2rem;color:#111111;font-family: 'OpenSans-SBd'; }
.blogspc .blo-rig ul li dl dd p{line-height: 1.35rem;font-size: 0.8rem;color:#111111;}
@media screen and (max-width: 767px){
    .blogspc{padding:3.75rem 4% 0;}
    .blogspc .blog-tit{height:3.5rem; margin-bottom: 2.25rem;}
    .blogspc .blog-tit h2{line-height: 3.5rem;}
    .blogspc .blog-tit span{height:3.5rem;width:10.5rem;border-radius: 1.75rem;}
    .blogspc .blog-tit span a{display: block;height:3.3rem;}
    .blogspc .blog-tit span a i{line-height: 3.3rem;}
    .blogspc .blog-tit span a i{font-size: 1.2rem;}
    .blogspc .blo-left{width:100%;}
    .blogspc .blo-rig{width:100%;}
    .blogspc .blo-rig ul li dl dd{width:64.1%;}
    .blogspc .blo-rig ul li dl dd h4 a{font-size: 1.5rem;line-height: 1.8rem;}
    .blogspc .blo-rig ul li dl dd p{font-size: 1.2rem;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-family: 'OpenSans-R';}
}
/**/
.bdpc{background:url(../images/bdpcbg.webp) no-repeat center; background-size:100% 100%;padding:60px 0;}
.bdpc .bd-left{width:41.4%;float:left;padding-top:31px;}
.bdpc .bd-left span{display:block; line-height:2.5rem;font-size:2rem;color:#FFF;font-family: 'OpenSans-SBd';margin-bottom:0.5rem;}
.bdpc .bd-left em{display:block; line-height:1.5rem;font-size:1.2rem;color:#FFF;font-family: 'OpenSans-R';}
.bdpc .form{width:50%;height:20rem;float:right;background:url(../images/form.png) no-repeat center;background-size:100% 100%;padding:2rem 2.5rem; box-sizing: border-box;}
.bdpc .form #conform .w50{    box-sizing: border-box;
    width: 48%;
    margin-right: 4%;
    float: left;
    border-radius: 1rem;
    border: 1px solid #dfdfdf;}
.bdpc  #conform .row {
        margin-bottom: 1rem;
        display: block;
        background-color: #fff;
}
.bdpc  #conform input {
    width: 100%;
    box-sizing: border-box;
    border: none;
    background-color: transparent;
    color: #666;
    line-height: 2;
    padding: .3rem 0.95rem;
}
.bdpc  #conform .txt {
    border-radius: 0.15rem;
    border: 1px solid #dfdfdf;
    width: 100%;
    border-radius: 1rem;
    overflow: hidden;
}
.bdpc  #conform textarea {
    box-sizing: border-box;
    border: none;
    width:100%;
    height: 6.5rem;
    background-color: transparent;
    padding-top: 1em;
    padding: .5rem 0.95rem;
    border-radius: 1rem;
    box-sizing: border-box;
}
.bdpc  #conform .wrap.btn{width:13rem;height:2.8rem;background:#0080CC;border-radius: 1rem; border:0;}
.bdpc  #conform .wrap.btn input{font-size: 1rem;color:#FFF;font-family: 'OpenSans-R';background:0; border:0;margin:0; font-weight:normal;text-transform:none;}
@media screen and (max-width: 767px){
    .bdpc{display: none;}
}





















html{font-size:10px;-webkit-text-size-adjust:none;-webkit-tap-highlight-color:rgba(0,0,0,0);}
@media screen and (min-width:320px){html{font-size:8.6px;}}
@media screen and (min-width:360px){html{font-size:9.6px;}}
@media screen and (min-width:375px){html{font-size:10px;}}
@media screen and (min-width:400px){html{font-size:10.6px;}}
@media screen and (min-width:414px){html{font-size:11px;}}
@media screen and (min-width:440px){html{font-size:11.8px;}}
@media screen and (min-width:480px){html{font-size:12.8px;}}
@media screen and (min-width:520px){html{font-size:13.8px;}}
@media screen and (min-width:560px){html{font-size:15px;}}
@media screen and (min-width:600px){html{font-size:16px;}}
@media screen and (min-width:640px){html{font-size:17px;}}
@media screen and (min-width:680px){html{font-size:18.2px;}}
@media screen and (min-width:700px){html{font-size:18.6px;}}
@media screen and (min-width:720px){html{font-size:19.2px;}}
@media screen and (min-width:750px){html{font-size:20px;}}


@media screen and (min-width: 800px) {html {font-size: 12.6px;}}
@media screen and (min-width: 900px) {html {font-size: 12.6px;}}
@media screen and (min-width: 1000px) {html {font-size: 12.6px;}}
@media screen and (min-width: 1100px) {html {font-size: 12.6px;}}
@media screen and (min-width: 1200px) {html {font-size: 12.6px;}}
@media screen and (min-width: 1280px) {html {font-size: 13.4px;}}
@media screen and (min-width: 1366px) {html {font-size: 14.2px;}}
@media screen and (min-width: 1440px) {html {font-size: 15px;}}
@media screen and (min-width: 1600px) {html {font-size: 16.6px;}}
@media screen and (min-width: 1920px) {html {font-size: 20px;}}