@charset "utf-8";
/*end*/
body{overflow-x:hidden;overflow-y:hidden;}






/**/
.ppbj{height:720px; background:url(ppbj.jpg) no-repeat center;background-size:100% 100%;padding-top:106px; box-sizing: border-box;}
.ppbj h4{padding-top:77px;position: relative; line-height: 57px;font-size: 2rem;color:#333333;font-weight: normal; margin-bottom: 30px;}
.ppbj h4:before{width:761px;height:107px;background:url(pp-yw.png) no-repeat center; content:"";position: absolute;left:-57px;top:0;}
.ppbj b{display: block;width:54px;height:2px; background:#009FE8; margin-bottom: 51px;}
.ppbj p{line-height: 31px;margin-bottom: 82px;font-size: .8rem;color:#333333; font-weight: 300;width:638px;}
.ppbj span{display: block;width:180px;height:50px;background:#009FE8; cursor: pointer; text-align: center;border-radius: 25px;}
.ppbj span i{display: inline-block; line-height: 50px;font-size: .8rem;color:#ffffff;font-weight: 300;padding-right:37px;background:url(pp-dbx.png) no-repeat right;background-size:.4rem .5rem;}
/**/
.solu{padding:91px 0 104px;background:#F5F5F5;}
.solu .sol-tit{height:179px;}
.solu .sol-tit h2{float:left;}
.solu .sol-tit h2 span{display: block; line-height: 60px;font-size: 2rem;color:#333333;font-weight: normal;}
.solu .sol-tit h2 em{display: block; line-height: 43px;font-size: 1.2rem;color:#333333; font-weight: 300;}
.solu .sol-tit b{display: block;width:9rem;height:2.5rem; line-height: 2.5rem;background:#009FE8; border-radius: 1.25rem;float:right; margin-top: 39px;}
.solu .sol-tit b a{display: block; text-align: center;font-size: .8rem;color:#ffffff; font-weight: 300;font-weight: normal;}
.solu .solu-list{padding:40px 0 56px;margin-left: -28.7%;}
.solu .solu-list ul li{height:450px;width:100%; transition: .5s;}
.solu .solu-list ul li a{display:block;height:450px;padding-top:30px; box-sizing: border-box;}
.solu .solu-list ul li h4{height:4.55rem;line-height:4.55rem;padding-left:16.6%; font-size: 1.5rem;color:#ffffff; font-weight: normal; transition: .5s;}
.solu .solu-list ul li.swiper-slide.swiper-slide-active{width:32% !important;margin-top:-40px;}
.solu .solu-list ul li.swiper-slide.swiper-slide-active h4{padding-left:5%;padding-bottom:.8rem;background:url(sol-jt.png) no-repeat 5% bottom;background-size:1.7rem .8rem;}
.solu .solu-list .swiper-pagination{line-height: 0;bottom:0;text-align: right;padding-right: 37%;box-sizing: border-box;}
.solu .solu-list .swiper-pagination .swiper-pagination-bullet{width:.8rem; height:.8rem;border:.15rem solid rgba(136,136,136,.6);box-sizing: border-box;margin:0 .35rem;background:0;}
.solu .solu-list .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#009FE8;border:.15rem solid #009FE8;}
/**/
.qccdz{padding:91px 0 0; margin-bottom: 51px;}
.qccdz h2{text-align: center; margin-bottom: 46px;}
.qccdz h2 span{display: block; line-height: 60px;font-size: 2rem;color:#333333; font-weight: normal;}
.qccdz h2 em{display: block;line-height: 43px;font-size: 1.2rem;color:#333333; font-weight: 300;}
.qccdz ul li{float:left;width:25%; height:640px;padding:74px 3.85rem 0 3rem;box-sizing: border-box; transition: .5s;}
.qccdz ul li h4{height:50px; margin-bottom: 21px;}
.qccdz ul li h4 a{display: block; line-height: 50px;font-size: 1.8rem;color:#333333; font-weight: normal;}
.qccdz ul li p{line-height: 30px; height:90px;font-size: .8rem;color:#333333; font-weight: 300; overflow:hidden;}
.qccdz ul li em{display: block; margin-bottom: 20px;}
.qccdz ul li em a{display: block;height:60px; line-height: 2.95rem;border-bottom:.05rem solid #b8c4cc; box-sizing: border-box;font-size: .9rem;color:#333333; font-weight: 300;background:url(pro-jt.png) no-repeat 97%;background-size:.95rem .5rem;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding-right: 14%;}
.qccdz ul li em a:hover{color:#009fe8;background:url(pro-jt_h.png) no-repeat 97%;background-size:.95rem .5rem;}
.qccdz ul li b{display: block;width:6rem;height: 2.1rem; border:.05rem solid #b8c4cc; box-sizing: border-box;border-radius: 1.05rem;}
.qccdz ul li b a{display: block; line-height: 2rem;text-align: center;font-size: .8rem;color:#333333;font-weight: 300;}
.qccdz ul li.cur{width:75%;}
.qccdz ul li.cur p{width:39%;}
.qccdz ul li.cur em{width:30.1%;}
.qccdz ul li b:hover{background:#009fe8; border:.05rem solid #009fe8;}
.qccdz ul li b:hover a{color:#FFF;}
/**/
.dpcdz{padding:0 0 100px;}
.dpcdz h2{line-height: 100px;text-align:center;font-size: 2rem;color:#333333;font-weight: normal; margin-bottom: 29px;}
.dpcdz ul li{float:left;width:48.75%; position: relative; transition: .5s;}
.dpcdz ul li span{display: block;width:100%; line-height: 0; overflow: hidden;}
.dpcdz ul li span img{width:100%;}
.dpcdz ul li .dp-txt{position: absolute;left:3rem;top:4.7rem;}
.dpcdz ul li .dp-txt h4{line-height: 43px;font-size: 30px;color:#333333;font-weight: normal; margin-bottom: 17px;}
.dpcdz ul li .dp-txt p{line-height:29px;font-size: .8rem;color:#333333; margin-bottom: 2.85rem;}
.dpcdz ul li .dp-txt i{display: block;width:6rem;height:42px;line-height: 40px;border:.05rem solid #009FE8; border-radius: 21px; box-sizing: border-box;text-align: center;font-size: .8rem;color:#333333; font-weight: 300;}
.dpcdz ul li:nth-child(2){float:right;}
.dpcdz ul li:hover{-webkit-transform:translate(0,-10px);transform:translate(0,-10px);}
.dpcdz ul li:hover i{background:#009fe8;color:#FFF; }
/**/
.yptbj{height:50rem;background:url(ypt.jpg) no-repeat center;background-size:100% 100%;padding-top:4.5rem; box-sizing: border-box;}
.yptbj h2{text-align: center; margin-bottom: 3.3rem;}
.yptbj h2 span{display: block; line-height: 3.05rem;font-size: 2rem;color:#ffffff;font-weight: normal;}
.yptbj h2 em{display: block; line-height: 2.15rem;font-size: 1.2rem;color:#ffffff; font-weight: normal;}
.yptbj .ypt-nav{width:43.5%;float:left;}
.yptbj .ypt-nav ul li{height:4.5rem;border-bottom:.05rem solid rgba(255,255,255,.2); box-sizing: border-box;background:url(ypt-jt.png) no-repeat 97%;background-size:.35rem .6rem;}
.yptbj .ypt-nav ul li:first-child{border-top:.05rem solid rgba(255,255,255,.2);}
.yptbj .ypt-nav ul li i{display: block; float:left;width:30px;height:30px; line-height: 0; overflow: hidden; margin-top: 1.35rem;}
.yptbj .ypt-nav ul li i img{width:100%;}
.yptbj .ypt-nav ul li span{display: block; line-height: 4.4rem;float:left; margin-left: 1.1rem;font-size: 1.1rem;color:#ffffff;}
.yptbj .ypt-nav ul li em{display: block;float:left; line-height: 4.4rem;font-size: .8rem;color:#ffffff; font-weight: 300;}
.yptbj .ypt-con{width:32.6%;height:35.5rem;float:left;background:url(ypt-shou.png) no-repeat center;background-size:100% 100%;margin:1.5rem 0 0 8.7%;padding:0.5rem 12.5% 0 3.8%; box-sizing: border-box;}
.yptbj .ypt-con .ypt-list{border-radius:1.75rem;}
.yptbj .ypt-con ul li{width:100%; height:28.2rem;border-radius: 1.75rem; overflow: hidden; line-height: 0;}
.yptbj .ypt-con ul li img{width:100%;}
/**/
.case{padding:91px 0 55px;}
.case h2{text-align: center; margin-bottom: 50px;}
.case h2 span{display: block; line-height: 59px;font-size: 2rem;color:#333333;font-weight: normal;}
.case h2 em{display: block; line-height: 45px;font-size: 1.2rem;color:#333333; font-weight: 300;}
.case ul li{float:left;width:31.25%; margin:0 3.1% 61px 0; height:378px;}
.case ul li span{display: block;width:100%;line-height: 0; margin-bottom: 26px; overflow: hidden;}
.case ul li span img{width: 100%; transition: 1s;}
.case ul li h4 em{display: block;height: 39px; line-height: 39px;font-size: 1.2rem;color:#333333; font-weight: 300;background:url(cas-jt.png) no-repeat right;background-size:1.45rem .7rem;}
.case ul li h4 p{line-height: 32px;font-size: .8rem;color:#333333;font-weight: 300;}
.case ul li:nth-child(3n){margin-right: 0;}
.case ul li:hover span img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);}
/**/
.super{height:1040px;background:url(super.jpg) no-repeat center;background-size:100% 100%;padding:92px 1.8% 0; box-sizing: border-box;}
.super h2{text-align: center; margin-bottom: 56px;}
.super h2 span{display: block; line-height: 59px;font-size: 2rem;color:#333333; font-weight: normal;}
.super h2 em{display: block; line-height: 43px;font-size: 1.2rem;color:#333333; font-weight: 300;}
.super ul li{float:left;width:23.1%;height:500px; margin-left: 1.5%;position: relative; overflow: hidden;}
.super ul li:before{width:100%;height:500px;background:url(sup-yy.png) no-repeat center;background-size:100% 100%;content:""; position: absolute;left:0;top:0; transition: .5s;}
.super ul li:after{width:100%;height:500px;background:url(sup-yy_h.png) no-repeat center;background-size:100% 100%;content:""; position: absolute;left:0;top:50px; transition: .5s; opacity: 0;}
.super ul li:first-child{margin-left: 0;}
.super ul li .sup-txt{width:100%; height:500px;z-index:200; position: relative;padding:54px 53px 0 35px; box-sizing: border-box;}
.super ul li .sup-txt h4{line-height: 43px;margin-bottom: 17px;font-size: 1.5rem;color:#333333; font-weight: 300; transition: .5s;}
.super ul li .sup-txt p{line-height: 29px;font-size: .8rem;color:#333333; font-weight: 300;  transition: .5s;}
.super ul li .sup-txt span{display: block;width:6rem;height:2rem;border:.05rem solid rgba(255,255,255,.5);border-radius: 1rem; box-sizing: border-box;margin-top:50px; opacity: 0; transition: .5s;}
.super ul li .sup-txt span a{display: block;height:1.9rem; line-height: 1.9rem;text-align: center;font-size: .8rem;color:#ffffff;}
.super ul li:hover h4{color:#FFF;}
.super ul li:hover p{color:#FFF;}
.super ul li:hover:before{top:50px; opacity: 0;}
.super ul li:hover:after{top:0; opacity: 1;}
.super ul li:hover span{margin-top: 26px;opacity: 1;}
/**/
.news{padding:102px 0 90px;}
.news .news-tit{height:168px;}
.news .news-tit h2{float:left;}
.news .news-tit h2 span{display: block; line-height: 59px;font-size: 2rem;color:#333333; font-weight: normal;}
.news .news-tit h2 em{display: block; line-height: 44px;font-size: 1.2rem;color:#333333; font-weight: 300;}
.news .news-tit strong{display: block;float:right; margin-top: 28px;}
.news .news-tit strong a{display: block;float:left;width:8rem;height: 2.6rem; line-height: 2.4rem;border:.1rem solid rgba(204,204,204,.6); box-sizing: border-box; margin-left: .5rem;border-radius: 26px; text-align: center;font-size: .9rem;color:#333333;font-weight: normal;}
.news .news-tit strong a.cur{background:#009FE8;border:.1rem solid #009FE8;color:#FFF;}
.news .news-con{position: relative;}
.news .news-con dl{width:100%;padding:39px 2.65rem 40px 0; box-sizing: border-box;border-right:.05rem solid rgba(204,204,204,.6);}
.news .news-con dl dd .xq{margin-bottom: 34px;}
.news .news-con dl dd .xq i{display: block; line-height: 53px;font-size: 3rem;color:#009fe8; font-family: "Acrom";}
.news .news-con dl dd .xq em{display: block; line-height: 26px;font-size: 24px;color:#999999;font-family: "Acrom";}
.news .news-con dl dd h4{ margin-bottom: 65px;}
.news .news-con dl dd h4 a{display: block; line-height: 35px;font-size: 1.1rem;color:#333333; font-weight: 300;}
.news .news-con dl dd span{display: block;height:80px;border-top:.05rem solid rgba(204,204,204,.6);}
.news .news-con dl dd span a{display: block; line-height: 79px;font-size: .8rem;color:#666666; font-weight: 300;background:url(news-jt.png) no-repeat right;background-size:.35rem .6rem;}
.news .news-con dl dt{width:100%; line-height: 0; overflow: hidden;}
.news .news-con dl dt img{width:100%; transition: 1s;}
.news .news-con .news-jt i{display: block;width:3rem;height:3rem; cursor: pointer;}
.news .news-con .news-jt i.news-prev{background:url(news-prev.png) no-repeat center;background-size:3rem 3rem; position:absolute;left:-4.5rem; top:13rem;}
.news .news-con .news-jt i.news-next{background:url(news-next.png) no-repeat center;background-size:3rem 3rem; position:absolute;right:-4.5rem; top:13rem;}