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







/**/
.product{height:409px;background:url(../images/product.jpg) no-repeat center top;padding:88px 0 90px; box-sizing: border-box;}
.product .left{width:12.5rem;padding-bottom:52px;background:url(../images/pro-sxh.png) no-repeat left bottom;float:left;}
.product .left span{display: block; line-height: 1.85rem; font-size: 1.5rem; color:#141414;margin-left: -0.95rem;}
.product .left em{display: block; line-height:2.8rem; font-size: 2.4rem; color:#141414; font-weight: bold; margin-bottom: 25px;}
.product .left i{display: block; line-height:1.1rem; font-size: 0.8rem; color:#a6a6a6; font-family: "Corbel";}
.product .rig{width:56.25rem;float:right;}
.product .rig ul li{float:left; width:11.15rem;height:228px;background:#FFF; margin-left: 0.1rem; transition: .5s; position: relative;}
.product .rig ul li a{display: block;padding:49px 0 0 1.85rem; box-sizing: border-box;}
.product .rig ul li em{display: block; width:2.6rem; height:2.55rem; margin-bottom: 31px; position: relative;}
.product .rig ul li em i{display: block;width:100%; line-height: 0; overflow: hidden;position: absolute;left:0;top:0;}
.product .rig ul li em i img{width: 100%;}
.product .rig 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;}
.product .rig ul li em i.hover{opacity: 0; transform: scale(0);transition: .5s;}
.product .rig ul li h4{line-height: 1.8rem;font-size: 1.1rem; color:#141414; font-weight: normal; transition: .5s; z-index:200; position: relative;}
.product .rig ul li span{display: block; line-height: 1.15rem;font-size: 0.6rem; color:rgba(69,69,69,.8); transition: .5s; z-index:200; position: relative;}
.product .rig ul li b{display: block;width:6.05rem;line-height: 0; overflow: hidden; position: absolute;right:0;bottom:0;z-index:100; opacity: 0.6; transition: .5s;}
.product .rig ul li b img{width:100%;}
.product .rig ul li:first-child{margin-left: 0;}
.product .rig ul li:hover{background:#00479D;}
.product .rig ul li:hover em i.default{opacity: 0;visibility:hidden;-webkit-transform: translateX(100%) rotate(180deg);transform: translateX(100%) rotate(180deg);}
.product .rig ul li:hover em i.hover{opacity: 1; transform: scale(1);}
.product .rig ul li:hover h4{color:#FFF;}
.product .rig ul li:hover span{color:#FFF;}
.product .rig ul li:hover b{opacity: 0.1;}
/**/
.super{padding:83px 0 0;}
.super h2{text-align: center; margin-bottom: 37px;}
.super h2 span{display: inline-block; line-height: 6.05rem;font-size: 2.4rem; color:#333333; font-weight: bold;padding:0 38px; position: relative;}
.super h2 span:before{width:26px;height:27px;background:url(../images/sup-xt1.png) no-repeat center; content:""; position: absolute;left:0;top:2rem; }
.super h2 span:after{width:30px;height:27px;background:url(../images/sup-xt2.png) no-repeat center; content:""; position: absolute;right:0;top:2rem; }
.super .sup-con{position: relative;background:#f2f2f2;}
.super .sup-con dl dt{width:100%; line-height: 0; overflow: hidden;}
.super .sup-con dl dt img{width:100%;}
.super .sup-con dl dd{height:6.95rem;}
.super .sup-con dl dd .sup-desc{width:25.05rem; height:35rem; background:#00479D url(../images/sup-dbx.png) no-repeat right top;position: absolute;left:0;bottom:0;padding:5.35rem 2.15rem 0 2.1rem; box-sizing: border-box;}
.super .sup-con dl dd .sup-desc.s2{background:#00479D url(../images/sup-dbx2.png) no-repeat right top;}
.super .sup-con dl dd .sup-desc.s3{background:#00479D url(../images/sup-dbx3.png) no-repeat right top;}
.super .sup-con dl dd .sup-desc h4{margin-bottom: 2.3rem;}
.super .sup-con dl dd .sup-desc h4 span{display: block; line-height: 2.05rem;font-size: 1.8rem; color:#37d5f7;font-weight: bold;}
.super .sup-con dl dd .sup-desc h4 em{display: block; line-height: 1.7rem;font-size: 1.4rem; color:#ffffff; font-weight: bold;}
.super .sup-con dl dd .sup-desc ul{margin-bottom: 1.15rem;}
.super .sup-con dl dd .sup-desc ul li{line-height: 1.5rem;padding-left:0.9rem;font-size: 0.8rem; color:#ffffff; margin-bottom: 0.95rem;background:url(../images/sup-xt.jpg) no-repeat left 0.9rem;}
.super .sup-con dl dd .sup-desc .sup-tit{width:7.55rem;height:7.55rem;border:1px solid rgba(255,255,255,.4);border-radius: 50%;margin:0 auto;padding-top:2.65rem; box-sizing: border-box;}
.super .sup-con dl dd .sup-desc .sup-tit span{display: block; line-height: 1.5rem; text-align: center;font-size: 1.3rem; color:#FFF; font-weight: bold;}
.super .sup-con dl dd .sup-desc .sup-tit em{display: block; line-height: 0.9rem;font-size: 0.6rem; color:rgba(255,255,255,.45); text-align: center;}
.super .sup-con .sup-nav ul{position: absolute;right:0;top:-6.95rem; height:6.95rem;}
.super .sup-con .sup-nav ul li{float:left;padding-top:2.2rem;height:6.95rem; box-sizing: border-box; margin-left: 4.1rem;position: relative;}
.super .sup-con .sup-nav ul li span{display: block; line-height: 1.9rem; font-size: 1.4rem; color:#333333; font-weight: bold;}
.super .sup-con .sup-nav ul li em{display: block; line-height: 1.05rem;font-size: 0.6rem; color:#666666;}
.super .sup-con .sup-nav ul li:before{width:0; height:3px;background:#00479d; content:""; position: absolute;left:0;bottom:0; transition: .5s;}
.super .sup-con .sup-nav ul li.cur span{color:#00479d;}
.super .sup-con .sup-nav ul li.cur em{color:#00479d;}
.super .sup-con .sup-nav ul li.cur:before{width:100%;}
.super .sup-con .sup-nav .sup-jt{width:4.75rem;position: absolute;left:2.2rem;top:-4.85rem;}
.super .sup-con .sup-nav .sup-jt i{display: block; width:1.15rem; line-height: 0; overflow: hidden; cursor: pointer;}
.super .sup-con .sup-nav .sup-jt i img{width:100%;}
/**/
.fwbj{height:46.15rem;background:#f2f2f2 url(../images/fwbj.jpg) no-repeat center bottom; padding-top:4.15rem; box-sizing: border-box;}
.fwbj h2{height:6.05rem;text-align:center;margin-bottom: 37px;}
.fwbj h2 span{display: inline-block; line-height: 6.05rem;font-size: 2.4rem; color:#333333; font-weight: bold;padding:0 38px; position: relative;}
.fwbj h2 span:before{width:26px;height:27px;background:url(../images/sup-xt1.png) no-repeat center; content:""; position: absolute;left:0;top:2rem; }
.fwbj h2 span:after{width:30px;height:27px;background:url(../images/sup-xt2.png) no-repeat center; content:""; position: absolute;right:0;top:2rem; }
.fwbj ul{background:#FFF;}
.fwbj ul li{float:left; width:16.66%;height:28.1rem;border-right:1px solid rgba(210,210,210,.34); box-sizing: border-box; position: relative;}
.fwbj ul li .default{padding-top:3.6rem;}
.fwbj ul li .default i{display: block; width:100%; line-height: 1.15rem; text-align: center; font-size: 1.1rem; color:#181818; font-family: "PingFang SC"; margin-bottom: 8.4rem;border-left:1px solid #00479d;}
.fwbj ul li:last-child i{border-right:1px solid #00479d;}
.fwbj ul li .default b{display: block; width:2.5rem; line-height: 0;overflow:hidden;margin:0 auto 2.4rem;}
.fwbj ul li .default b img{width:100%;}
.fwbj ul li .default h4{text-align: center; margin-bottom: 2.45rem;}
.fwbj ul li .default h4 span{display: block; line-height: 1.7rem;font-size: 1.2rem; color:#181818; font-weight: normal;}
.fwbj ul li .default h4 em{display: block; line-height: 1rem;font-size: 0.7rem; color:rgba(153,153,153,.7); font-weight: normal;}
.fwbj ul li .default strong{display: block;width:1.3rem; line-height: 0; overflow: hidden;margin:0 auto;}
.fwbj ul li .default strong img{width:100%;}
.fwbj ul li:last-child{border-right:0;}
.fwbj ul li .hover{width:108%;height:106%;position: absolute;left:-4%;top:-3%; overflow: hidden; transition: .8s; transform: scale(0); z-index:200;}
.fwbj ul li .hover span{display: block;line-height: 0; overflow: hidden; position: relative;}
.fwbj ul li .hover span img{width:100%;}
.fwbj ul li .hover span:before{width:100%; height:100%; background:url(../images/fw-yy.png) no-repeat center; content:""; position: absolute;left:0;top:0;}
.fwbj ul li .hover h4{width:100%; position: absolute;left:0;bottom:0; text-align: center;height:4.15rem;}
.fwbj ul li .hover h4 em{display: block; line-height: 1.7rem;font-size: 1.2rem; color:#FFF; font-weight: bold;}
.fwbj ul li .hover h4 i{display: block; line-height: 1.15rem;font-size: 0.7rem; color:rgba(255,255,255,.7); font-weight: normal;}
.fwbj ul li:hover .hover{ transform: scale(1);}
/**/
.case{padding:4.45rem 0 6rem;}
.case h2{text-align: center; margin-bottom: 1.5rem;}
.case h2 span{display: inline-block; line-height: 6.05rem;font-size: 2.4rem; color:#333333; font-weight: bold;padding:0 53px; position: relative;}
.case h2 span:before{width:26px;height:27px;background:url(../images/sup-xt1.png) no-repeat center; content:""; position: absolute;left:0;top:1.75rem; }
.case h2 span:after{width:30px;height:27px;background:url(../images/sup-xt2.png) no-repeat center; content:""; position: absolute;right:0;top:1.75rem; }
.case .cas-list dl{background:#F2F2F2;}
.case .cas-list dl dt{width:100%; line-height: 0; overflow: hidden;}
.case .cas-list dl dt img{width:100%;}
.case .cas-list dl dd{width:100%; height:7.2rem;padding:1.65rem 2.85rem 0 2.2rem; box-sizing: border-box;}
.case .cas-list dl dd h4{line-height: 2.05rem;}
.case .cas-list dl dd h4 a{font-size: 1.4rem; color:#171717;font-weight: normal;}
.case .cas-list dl dd p{line-height: 1.55rem;font-size: 0.8rem; color:#858585;}
.case .cas-list dl dd p a{display: block;font-size: 0.8rem; padding-right:0.85rem;background:url(../images/cas-jt.png) no-repeat right; text-transform: uppercase; font-family: "Humanst521 BT";float:right;color:#00479d;}
.case .cas-list .cas-jt{width:18.95rem;margin:3.35rem auto 0;}
.case .cas-list .cas-jt i{display: block; width:1.8rem; line-height: 0; overflow: hidden; cursor: pointer;}
.case .cas-list .cas-jt i img{width:100%;}
.case .cas-btn{width:9.25rem;margin:0 auto;position:relative;}
.case .cas-btn a{display: block; width:100%; line-height: 2.45rem;font-size: 0.8rem; color:#858585; text-align: center; border:1px solid rgba(133,133,133,.5); box-sizing: border-box;z-index:200; position: absolute;left:0;top:-1.65rem; transition:.5s;}
.case .cas-btn:hover a{top:-1.85rem;background:#00479d;border:1px solid #00479d;color:#FFF;}
/**/
.bzbj{height:24.9rem;background:url(../images/bzbj.jpg) no-repeat center top;}
.bzbj .bz{padding-top:5.75rem;}
.bzbj .bz .left{width:18.75rem;float:left;}
.bzbj .bz .left em{display: inline-block; line-height: 3.05rem;font-size: 2.5rem; color:#ffffff; font-weight: bold;padding-right:1.95rem;background:url(../images/bz-ico.png) no-repeat right 9px;background-size:1.25rem 1.35rem;}
.bzbj .bz .left b{display: block;line-height: 3.1rem;font-size: 2.5rem; color:#37d5f7; margin-bottom: 2.2rem;}
.bzbj .bz .left span{display: block; line-height: 1.75rem;font-size: 1.2rem; color:#ffffff; margin-bottom: 0.5rem;}
.bzbj .bz .left p{line-height: 1.1rem;font-size: 0.7rem; color:rgba(255,255,255,.3); text-transform: uppercase;}
.bzbj .bz .rig{width:50rem;float:right;}
.bzbj .bz .rig ul li{float:left;width:16.25rem; height:12.9rem;background:rgba(255,255,255,.1);margin-left: 0.55rem;padding:1.85rem 1.55rem 0 2.25rem; box-sizing: border-box; transition: .5s;}
.bzbj .bz .rig ul li:first-child{margin-left: 0;}
.bzbj .bz .rig ul li h4{line-height: 2.05rem;font-size: 1.5rem; color:#FFF; font-weight: bold; margin-bottom: 0.9rem;}
.bzbj .bz .rig ul li span{display: block; line-height: 1.45rem;font-size: 0.9rem; color:#ffffff; margin-bottom: 0.65rem;}
.bzbj .bz .rig ul li i{display: block; width:3rem; line-height: 0; overflow: hidden;float:right; transition: .8s;}
.bzbj .bz .rig ul li i img{width:100%;}
.bzbj .bz .rig ul li:hover{margin-top:-10px;}
.bzbj .bz .rig ul li:hover i{transform: rotatey(360deg);}
/**/
.news{padding:4.05rem 0 5.9rem;}
.news h2{text-align: center;}
.news h2 span{display: inline-block; line-height: 6.2rem;font-size: 2.4rem; color:#333333; font-weight: bold;padding:0 50px; position: relative;}
.news h2 span:before{width:26px;height:27px;background:url(../images/sup-xt1.png) no-repeat center; content:""; position: absolute;left:0;top:2.15rem; }
.news h2 span:after{width:30px;height:27px;background:url(../images/sup-xt2.png) no-repeat center; content:""; position: absolute;right:0;top:2.15rem; }
.news .news-left{width:49.2rem;float:left;}
.news .news-left>h4{height:3.5rem;}
.news .news-left>h4 span{display: block; float:left; line-height: 3.5rem;font-size: 1.3rem; color:#333333; font-weight: normal;}
.news .news-left>h4 i{display: block; width:5.05rem;height:1.3rem;float:right; margin-top: 1.05rem;font-size: 0.7rem; line-height: 1.2rem; font-weight: normal;border: 1px solid #B5B5B5;text-align: center;}
.news .news-left dl{background:#F2F2F2;}
.news .news-left dl dt{width:50.8%; line-height: 0; overflow: hidden;float:left;}
.news .news-left dl dt img{width: 100%; transition: 1s;}
.news .news-left dl dd{width:49.2%;float:left; padding:2.6rem 2.75rem 0; box-sizing: border-box;}
.news .news-left dl dd i{display: block; line-height: 1.4rem; font-size: 0.8rem; color:#999999;}
.news .news-left dl dd h4{line-height: 1.8rem; margin-bottom: 1.2rem;}
.news .news-left dl dd h4 a{font-size: 1.1rem; color:#333333; font-weight: normal;}
.news .news-left dl dd p{line-height: 1.45rem;font-size: 0.8rem; color:#858585; margin-bottom: 1.5rem;}
.news .news-left dl dd span{display: block; float:right;}
.news .news-left dl dd span a{display: block; line-height: 1.25rem;font-size: 0.8rem; color:#00479d; font-family: "Humanst521 BT";padding-right:0.85rem;background:url(../images/cas-jt.png) no-repeat right;}
.news .news-left dl dd h4:hover a{color:#00479D;}
.news .news-left ul li{float:left; width:23.3rem;height:6.3rem;border-bottom:1px solid #dcdcdc; box-sizing: border-box;padding-top:1.75rem;}
.news .news-left ul li:nth-child(2n){float:right;}
.news .news-left ul li h4{float:left;width:16.3rem; line-height: 1.75rem;font-size: 0.9rem; color:#333333; font-weight: normal;}
.news .news-left ul li i{display: block; float:right; margin-top: 3px; line-height: 1.5rem; color:#999999;}
.news .news-left dl dt:hover img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);}
.news .news-left ul li:hover h4,.news .news-left ul li:hover i{color:#00479D;}
.news .news-rig{width:23.35rem;float:right;}
.news .news-rig h4{height:3.5rem;}
.news .news-rig h4 span{display: block; float:left; line-height: 3.5rem;font-size: 1.3rem; color:#333333; font-weight: normal;}
.news .news-rig h4 i{display: block; width:5.05rem;height:1.3rem;float:right; margin-top: 1.05rem; font-size: 0.7rem; line-height: 1.2rem; font-weight: normal;border: 1px solid #B5B5B5; text-align: center;}
.news .news-rig dl dt{width:100%; line-height: 0; overflow: hidden;}
.news .news-rig dl dt img{width:100%; transition: 1s;}
.news .news-rig dl dd{height:13.75rem; background:#00479D;padding:1.65rem 2.5rem 0; box-sizing: border-box;}
.news .news-rig dl dd h5{line-height: 1.8rem;margin-bottom: 1.15rem; text-align: center;}
.news .news-rig dl dd h5 a{font-size: 1.1rem; color:#ffffff; font-weight: normal;}
.news .news-rig dl dd p{line-height: 1.45rem; text-align: center;font-size: 0.8rem; color:#ffffff;}
.news .news-rig .bk-list .swiper-pagination{text-align: center;width:100%; position: absolute;left:0;bottom:1.85rem;}
.news .news-rig .bk-list .swiper-pagination .swiper-pagination-bullet{display: inline-block; width:0.65rem;height:0.65rem;border:2px solid #FFF;border-radius: 50%;margin:0 8px;background:0;}
.news .news-rig .bk-list .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#FFF;}
.news .news-rig dl:hover dt img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);}
/**/
.about{height:791px;background:url(../images/about.jpg) no-repeat center top;}
.about .abo{padding-top:109px;}
.about .abo h2{text-align: center;margin-bottom: 33px;}
.about .abo h2 span{display: inline-block; line-height: 6.2rem;font-size: 2.4rem; color:#FFF; font-weight: bold;padding:0 50px; position: relative;}
.about .abo h2 span:before{width:26px;height:27px;background:url(../images/sup-xt1.png) no-repeat center; content:""; position: absolute;left:0;top:2.15rem; }
.about .abo h2 span:after{width:30px;height:27px;background:url(../images/sup-xt2.png) no-repeat center; content:""; position: absolute;right:0;top:2.15rem; }
.about .abo p{width:75.4%;line-height: 1.75rem; text-align: center;margin:0 auto 24px; font-size: 0.8rem; color:#FFF;}
.about .abo strong{display: block; width:9.25rem;height:2.55rem;border:1px solid rgba(255,255,255,.5);margin:0 auto 80px; box-sizing: border-box;}
.about .abo strong a{display: block; line-height: 2.45rem;font-size: 0.8rem; color:#FFF;text-align: center;font-weight: normal;}
.about .abo ul{text-align: center;}
.about .abo ul li{display: inline-block; width:7.9rem; height:7.9rem;background:rgba(255,255,255,.9);border-radius: 50%;box-shadow: 0px 5px 5px 0px rgba(4,0,0,0.75);box-sizing: border-box; vertical-align: top;margin:0 1.85rem; transition: .5s;}
.about .abo ul li a{display: block;padding-top:1.5rem; }
.about .abo ul li em{display: block; width:2.1rem;height:2.05rem;margin:0 auto 0.75rem; position: relative;}
.about .abo ul li em i{display: block; width:100%; line-height: 0; overflow: hidden;position: absolute;left:0;top:0;}
.about .abo ul li em i img{width: 100%;}
.about .abo 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;}
.about .abo ul li em i.hover{opacity: 0; transform: scale(0);transition: .5s;}
.about .abo ul li span{display: block; text-align: center; line-height: 1.3rem;font-size: 1rem; color:#191919;}
.about .abo ul li.ab2 span{line-height: 2.55rem;}
.about .abo ul li:hover{background:rgba(0,71,157,.9);}
.about .abo ul li:hover em i.default{opacity: 0;visibility:hidden;-webkit-transform: translateX(100%) rotate(180deg);transform: translateX(100%) rotate(180deg);}
.about .abo ul li:hover em i.hover{opacity: 1; transform: scale(1);}
.about .abo ul li:hover span{color:#FFF;}
































@media screen and (min-width: 400px) {html {font-size: 11px;}}
@media screen and (min-width: 500px) {html {font-size: 11px;}}
@media screen and (min-width: 600px) {html {font-size: 11px;}}
@media screen and (min-width: 700px) {html {font-size: 11px;}}
@media screen and (min-width: 800px) {html {font-size: 11px;}}
@media screen and (min-width: 900px) {html {font-size: 11px;}}
@media screen and (min-width: 1000px) {html {font-size: 11px;}}
@media screen and (min-width: 1100px) {html {font-size: 11px;}}
@media screen and (min-width: 1200px) {html {font-size: 12.5px;}}
@media screen and (min-width: 1280px) {html {font-size: 13.33px;}}
@media screen and (min-width: 1366px) {html {font-size: 14.22px;}}
@media screen and (min-width: 1440px) {html {font-size: 15px;}}
@media screen and (min-width: 1600px) {html {font-size: 16.66px;}}
@media screen and (min-width: 1920px) {html {font-size: 20px;}}