/*end*/
body{overflow-x:hidden;}





/**/
.guide{background:url(../image/guibj.jpg) no-repeat center top;padding-top:92px; position: relative;}
.guide .gui-top{height:228px;}
.guide .gui-top h2{float:left;}
.guide .gui-top h2 span{display: block; line-height: 70px;font-size: 50px; color:#31a8e0; font-family: "思源黑体 CN"; font-weight: bold;}
.guide .gui-top h2 em{display: block; line-height: 70px;font-size: 50px; color:#333333; font-family: "思源黑体 CN"; font-weight: bold;}
.guide .gui-top .rig{width:60.1%;float:right;padding-top:13px;}
.guide .gui-top .rig span{display: block; line-height: 42px;font-size: 28px; color:#333333;margin-bottom: 17px;}
.guide .gui-top .rig p{line-height: 29px; font-size: 16px; color:#666666;}
.guide .gui-pic{width:100%; line-height: 0; overflow: hidden;position: relative; border-bottom:8px solid #31a8e0;}
.guide .gui-pic img{width: 100%;}
.layui-layer-content video{object-fit: fill;height:680px!important;}
.guide .gui-pic i{display: block; width:100px; line-height: 0; overflow: hidden; position: absolute; left:50%; top:50%;transform: translate(-50%, -50%); cursor: pointer;}
.layui-layer-shade{background:0!important;}
.layui-layer{background:0!important;height:685px;}
/*.layui-layer-page{top:40%!important;}*/
/**/
.wtbj{height:889px;background:url(../image/wtbj.jpg) no-repeat center top; padding-top:165px; box-sizing: border-box;}
.wtbj h2{line-height: 125px; text-align:center;font-size: 50px;color:#333333;font-family: "思源黑体 CN";margin-bottom: 36px;}
.wtbj h2 span{color:#31a8e0;}
.wtbj ul{padding:0 0 0 86px;}
.wtbj ul li{float:left;}
.wtbj ul li:first-child{margin-left: 0;}
.wtbj ul li span{display: block; line-height: 32px;font-size: 18px; color:#333333; margin-bottom: 44px; text-align: center;}
.wtbj ul li .container{width:100px; height:100px;margin:0 auto; position: relative;}
.wtbj ul li .container i{display: block;width:100px; height:100px; padding-top:17px; line-height: 34px; text-align: center;font-size: 26px; color:#FFF;background:#31a8e0; font-family: "思源黑体 CN"; font-weight: bold; box-sizing: border-box; border-radius: 50%; transition: .5s;
    -webkit-animation:ripple .7s linear infinite;    animation:ripple .7s linear infinite;}
@-webkit-keyframes ripple {
    0% {
    box-shadow: 0 0 0 0 rgb(49 168 224 / 56%), 0 0 0 0.05em rgb(49 168 224 / 52%), 0 0 0 0.55em rgb(49 168 224 / 36%), 0 0 0 1.05em rgb(49 168 224 / 46%);
}
    100%{
    box-shadow: 0 0 0 0.05em rgb(49 168 224), 0 0 0 0.55em rgb(49 168 224 / 41%), 0 0 0 1.05em rgb(49 168 224 / 52%), 0 0 0 1.1em rgb(173 40 41 / 0%);
}
}
@keyframes ripple {
    0% {
    box-shadow: 0 0 0 0 rgb(49 168 224 / 56%), 0 0 0 0.05em rgb(49 168 224 / 52%), 0 0 0 0.55em rgb(49 168 224 / 36%), 0 0 0 1.05em rgb(49 168 224 / 46%);
}
    100% {
    box-shadow: 0 0 0 0.05em rgb(49 168 224), 0 0 0 0.55em rgb(49 168 224 / 41%), 0 0 0 1.05em rgb(49 168 224 / 52%), 0 0 0 1.1em rgb(173 40 41 / 0%);
}
}
/**/
.ban{height:410px;background:url(../image/ban.jpg) no-repeat center;}
.ban .ba{padding-top:132px;}
.ban .ba h2{margin-bottom: 30px;}
.ban .ba h2 span{display: block; line-height: 65px;font-size: 46px; color:#31a8e0; font-weight: bold;}
.ban .ba h2 em{display: block; line-height: 75px;font-size: 56px; color:#333333; font-weight: bold;}
.ban .ba strong{display: block;}
.ban .ba strong a{display: block; float:left; line-height: 50px; text-align: center;font-weight: normal; font-family: "思源黑体 CN";}
.ban .ba strong a.fx{font-size: 20px; color:#333333;}
.ban .ba strong a.fa{width:220px; height:50px;background:#31a8e0;border-radius: 25px;color:#FFF; margin-left: 30px;}
/**/
.solution{padding:94px 0 0;}
.solution h2{text-align: center; margin-bottom: 38px;}
.solution h2 span{display: block; line-height: 68px; font-size: 50px; color:#333333;font-family: "思源黑体 CN";font-weight: bold;}
.solution h2 span em{color:#31a8e0;}
.solution h2 span i{display: inline-block; width:54px;}
.solution h2 p{line-height: 41px;font-size: 20px; color:#333333; font-weight: normal;}
.solution .sol-nav{height:180px;}
.solution .sol-nav ul li{height:60px; margin-bottom: 10px;}
.solution .sol-nav ul li h4{float:left; width:12.5%;height:60px; line-height: 60px; background:#31a8e0;text-align: center;}
.solution .sol-nav ul li h4 a{font-size: 24px; color:#ffffff; font-weight: normal;}
.solution .sol-nav ul li p{width:87.5%;height:60px; float:left;}
.solution .sol-nav ul li p a{display: block; width:20%; height:60px;float:left; border-right:1px solid #dddddd; box-sizing: border-box;padding-left:30px;}
.solution .sol-nav ul li p a:last-child{border-right:0;}
.solution .sol-nav ul li p a i{display: block; width:50px;height:60px; line-height: 0; overflow: hidden;float:left;}
.solution .sol-nav ul li p a i img{width:100%; transition:.5s;}
.solution .sol-nav ul li p a em{display: block;float:left; line-height: 60px; font-size: 20px; color:#333333;}
.solution .sol-nav ul li p a:hover em{color:#31a8e0;}
.solution .sol-nav ul li p a:hover i img{margin-top:-60px;}
.solution .sol-list{background:#F6F6F6;}
.solution .sol-list dl dt{width:57.9%;line-height: 0; overflow: hidden;float:right;}
.solution .sol-list dl dt img{width:100%;transition: 1s;}
.solution .sol-list dl dd{width:42.1%;height:auto;float:left;padding:3.75rem 4.85rem 0 8rem; box-sizing: border-box;}
.solution .sol-list dl dd h4{line-height: 50px; margin-bottom: 1.1rem;}
.solution .sol-list dl dd h4 a{font-size: 1.8rem; color:#333; font-weight: normal;}
.solution .sol-list dl dd p{ line-height: 29px;font-size: 16px; color:#666666;padding-bottom:1.7rem; border-bottom:1px solid #cccccc; margin-bottom: 1.5rem;}
.solution .sol-list dl dd ul{padding:0 17px 30px 16px; box-sizing: border-box;border-bottom:1px solid #cccccc; margin-bottom: 2.45rem;}
.solution .sol-list dl dd ul li{float:left;width:50%;line-height: 40px;font-size: 18px; color:#333333;padding-left:15px;background:url(../image/sol-dd.png) no-repeat left; box-sizing: border-box;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.solution .sol-list dl dd ul li:nth-child(2n){float:right;width:43%;}
.solution .sol-list dl dd ul li:hover{color:#31a8e0;background:url(../image/sol-dd_h.png) no-repeat left; }
.solution .sol-list dl dd strong{display: block;width:160px; height:50px; background:#31a8e0; border-radius: 25px;}
.solution .sol-list dl dd strong a{display: block; height:50px; text-align: center;}
.solution .sol-list dl dd strong a i{display: inline-block; line-height: 50px;font-size: 0.8rem; color:#ffffff;padding-right:40px;background:url(../image/sol-jt.png) no-repeat right; font-weight: normal;}
.solution .sol-list dl dt:hover img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);}
/**/
.case{padding:30px 0 87px;}
.case .cas-tit{height:150px;}
.case .cas-tit h2{float:left;}
.case .cas-tit h2 span{display: block;float:left; line-height: 150px;font-size: 46px; color:#333333; font-family: "思源黑体 CN"; font-weight: bold;margin-right: 41px;}
.case .cas-tit h2 span em{color:#31a8e0;}
.case .cas-tit h2 span i{display: inline-block; width:51px;text-align: center;}
.case .cas-tit h2 b{display: block; float:left;height:150px; line-height: 170px;font-size: 20px; color:#333333;font-weight: normal;}
.case .cas-tit strong{display: block; width:150px; height: 54px;float:right;border: 1px solid #DDDDDD; box-sizing: border-box;margin-top: 40px;border-radius: 27px; transition: .5s;}
.case .cas-tit strong a{display: block; height:52px; line-height: 52px; text-align: center; font-weight: normal;font-size: 18px; color:#333333; transition: .5s;}
.case .cas-tit strong:hover{background:#31a8e0;}
.case .cas-tit strong:hover a{color:#FFF;}
.case .cas-list .cas-pic{width:100%;}
.case .cas-list .cas-pic span{display: block; width:100%; line-height: 0; overflow: hidden;}
.case .cas-list .cas-pic span img{width: 100%; transition: 1s;}
.case .cas-list .cas-pic em{display: block; line-height: 57px;text-align: center;font-size: 18px; color:#333333;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.case .cas-prev{width:60px; height:60px;background:url(../image/cas-prev.png) no-repeat center; cursor: pointer; position: absolute;left:-80px; top:78px;}
.case .cas-next{width:60px; height:60px;background:url(../image/cas-next.png) no-repeat center; cursor: pointer; position: absolute;right:-80px; top:78px;}
.case .cas-list .cas-pic:hover span img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);}
/**/
.pro-tit{height:240px;background:#F6F6F6;padding-top:83px; box-sizing: border-box;}
.pro-tit h2{text-align: center;}
.pro-tit h2 span{display: block; line-height: 68px; font-size: 50px; color:#333333; font-weight: bold; font-family: "思源黑体 CN";}
.pro-tit h2 span em{color:#31a8e0;}
.pro-tit h2 span i{display: inline-block; width:55px; text-align: center;}
.pro-tit h2 p{line-height: 41px; font-size: 20px; color:#333333; font-weight: normal;}
.pro-list dl{position: relative;}
.pro-list dl dt{width: 100%; line-height: 0; overflow: hidden;}
.pro-list dl dt img{width: 100%;}
.pro-list dl dd{width:29.4%; position: absolute;left:189px; top:131px;}
.pro-list dl dd h4{line-height: 80px; margin-bottom: 15px;}
.pro-list dl dd h4 a{font-size: 40px; color:#ffffff; font-weight: bold; }
.pro-list dl dd p{line-height: 30px; font-size: 18px; color:#ffffff; margin-bottom: 70px;}
.pro-list dl dd strong{display: block;width:160px; height:50px; background:#31a8e0; border-radius: 25px;}
.pro-list dl dd strong a{display: block; height:50px; text-align: center;}
.pro-list dl dd strong a i{display: inline-block; line-height: 50px;font-size: 0.8rem; color:#ffffff;padding-right:40px;background:url(../image/sol-jt.png) no-repeat right; font-weight: normal;}
.pro-list .pro-prev{width:37px; height:71px; background:url(../image/pro-prev.png) no-repeat center; position: absolute;left:80px;top:314px; cursor: pointer;z-index:200;}
.pro-list .pro-next{width:37px; height:71px; background:url(../image/pro-next.png) no-repeat center; position: absolute;right:80px;top:314px; cursor: pointer;z-index:200;}
.pro-con{height:80px;position: relative;box-shadow: 0px 0px 50px 0px rgba(0,0,0,0.1);z-index:200;}
.pro-con ul{width: 100%;position: absolute;left:0; bottom:0;background:#FFF;}
.pro-con ul li{float:left;width:33.33%;height:160px;padding-right:49px; box-sizing: border-box; border-right:1px solid #dddddd;position: relative;}
.pro-con ul li .default a{display: block;height:160px;background:url(../image/pro-jt.png) no-repeat right;}
.pro-con ul li .default i{display: block; width:27.5%; line-height: 0; overflow: hidden;float:left;}
.pro-con ul li .default i img{width: 100%;}
.pro-con ul li .default h4{float:left;padding-top:45px;}
.pro-con ul li .default h4 span{display: block; line-height: 41px; font-size: 30px; color:#333333;font-family: "思源黑体 CN"; font-weight: normal;}
.pro-con ul li .default h4 em{display: block; line-height: 27px; font-size: 16px;color:#888888; font-family: "MiSans"; font-weight: normal;}
.pro-con ul li:last-child{border-right:0;}
.pro-con ul li .hover{width:100%;height:0; overflow: hidden;position: absolute;left:0; bottom:0;background:#31a8e0;padding:11px 37px 0 36px; box-sizing: border-box; opacity: 0; transition: .5s;}
.pro-con ul li .hover h4{height:79px; border-bottom:1px solid rgba(255,255,255,.2); box-sizing: border-box; margin-bottom: 21px;}
.pro-con ul li .hover h4 a{display: block; line-height: 78px;font-size: 30px; color:#ffffff; font-family: "思源黑体 CN";background:url(../image/pro-jt_h.png) no-repeat right; font-weight: normal;}
.pro-con ul li .hover p em{display: block; width:50%; line-height: 34px;float:left;padding-right:30px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; box-sizing:border-box;}
.pro-con ul li .hover p em a{font-size: 18px; color:#ffffff;}
.pro-con ul li.cur .hover{opacity: 1;bottom:0;height:220px;}
/**/
.super{padding-top:102px;}
.super h2{text-align: center; margin-bottom: 48px;}
.super h2 span{display: block;line-height: 69px;font-size: 50px; color:#333333; font-family: "思源黑体 CN"; font-weight: bold;}
.super h2 span em{color:#31a8e0;}
.super h2 span i{display: inline-block; width:55px; text-align: center;}
.super h2 p{line-height: 41px;font-size: 20px; color:#333333; font-weight: normal;}
.super .sup-nav{height:120px; border-top:1px solid #dddddd; box-sizing: border-box;overflow: hidden;}
.super .sup-nav ul{height:120px;}
.super .sup-nav ul li{float:left; width:25%; height:119px; text-align: center;position: relative;}
.super .sup-nav ul li:before{width:100%; height:9px;background:url(../image/sup-xt.png) no-repeat center top; content:""; position: absolute;left:0;top:0;display: none;}
.super .sup-nav ul li i{display: inline-block; width:90px; height:119px;line-height: 0; overflow: hidden;}
.super .sup-nav ul li i img{width: 100%;}
.super .sup-nav ul li em{display: inline-block; line-height: 119px;font-size: 24px; color:#333333; font-family: "思源黑体 CN"; vertical-align: top;}
.super .sup-nav ul li.cur:before{display: block;}
.super .sup-nav ul li.cur em{color:#31a8e0;}
.super .sup-list dl{position: relative;}
.super .sup-list dl dt{width:100%; line-height: 0; overflow: hidden;}
.super .sup-list dl dt img{width:100%; }
.super .sup-list dl dd{width:30.7%;position: absolute;left:11.5%;top:134px;}
.super .sup-list dl dd h4{line-height: 51px;margin-bottom: 35px;font-size: 40px; color:#333333; font-weight: bold; font-family: "思源黑体 CN";}
.super .sup-list dl dd p{line-height: 35px;font-size: 18px; color:#333333; margin-bottom: 74px;}
.super .sup-list dl dd strong{display: block;width:160px; height:50px; background:#31a8e0; border-radius: 25px;}
.super .sup-list dl dd strong a{display: block; height:50px; text-align: center;}
.super .sup-list dl dd strong a i{display: inline-block; line-height: 50px;font-size: 0.8rem; color:#ffffff;padding-right:40px;background:url(../image/sol-jt.png) no-repeat right; font-weight: normal;}
/**/
.news{padding:93px 0 59px;}
.news h2{text-align: center; margin-bottom: 28px;}
.news h2 span{display: block; line-height: 68px;font-size: 50px; color:#333333;font-weight: bold; font-family: "思源黑体 CN";}
.news h2 span em{color:#31a8e0;}
.news h2 i{display: block; line-height: 41px; font-size: 20px; color:#333333; font-weight: normal;}
.news .news-nav{height:54px; margin-bottom: 56px;}
.news .news-nav ul{text-align: center;}
.news .news-nav ul li{display: inline-block; width:150px; height:54px; border:1px solid #DDDDDD;margin:0 10px; vertical-align: top;border-radius: 27px;}
.news .news-nav ul li a{display: block; line-height: 52px;font-size: 18px; color:#333333;text-align: center;}
.news .news-nav ul li.cur{background:#31a8e0; border:1px solid #31a8e0;}
.news .news-nav ul li.cur a{color:#FFF;}
.news .news-con .news-left{width:640px;float:left;}
.news .news-con .news-left dl:hover dd h4 a{color:#31a8e0;}
.news .news-con .news-left dl dt{width:100%; line-height: 0; overflow: hidden;}
.news .news-con .news-left dl dt img{width:100%; transition: 1s;}
.news .news-con .news-left dl dd{padding-top:37px;}
.news .news-con .news-left dl dd h4{line-height: 42px; margin-bottom: 15px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.news .news-con .news-left dl dd h4 a{font-size: 28px; color:#333333; font-weight: normal;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.news .news-con .news-left dl dd p{line-height: 29px;font-size: 16px; color:#555555;}
.news .news-con .news-left dl:hover dt img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);}
.news .news-rig{width:860px;float:right;}
.news .news-rig .bd{overflow: hidden;}
.news .news-rig .bd ul li{height:185px!important; border-bottom:1px solid #DDDDDD; box-sizing: border-box;padding-top:35px;}
.news .news-rig .bd ul li .rig-rq{width:150px;float:left; padding-left:22px; box-sizing: border-box; border-right:1px solid #DDDDDD; margin-right: 69px;}
.news .news-rig .bd ul li .rig-rq em{display: block; line-height: 55px;font-size: 56px; color:#888888; font-family: "DIN";}
.news .news-rig .bd ul li .rig-rq i{display: block; line-height: 26px; font-size: 16px; color:#888888;font-family: "DIN";}
.news .news-rig .bd ul li .rig-con{width:610px;float:left;}
.news .news-rig .bd ul li .rig-con h4{line-height: 32px;margin-bottom: 12px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.news .news-rig .bd ul li .rig-con h4 a{font-size: 26px; color:#333333;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; font-weight: normal;}
.news .news-rig .bd ul li .rig-con p{line-height: 29px;font-size: 16px; color:#666666;}
.news .news-rig .bd ul li:hover .rig-con h4 a{color:#31a8e0;}
/**/
.about{height:760px;background:url(../image/about.jpg) no-repeat center top;}
.about .abo{padding-top:74px;}
.about .abo .left{width: 50%;}
.about .abo .left h4{line-height: 106px;height:109px; margin-bottom: 32px; position: relative;}
.about .abo .left h4 a{font-size: 50px; color:#333333;font-weight: bold; font-family: "思源黑体 CN";}
.about .abo .left h4:before{width:62px; height:3px; background:#31a8e0;content:""; position: absolute;left:0;bottom:0;}
.about .abo .left .abo-desc{line-height: 27px;font-size: 16px; color:#666666; margin-bottom: 57px;}
.about .abo .left ul li{float:left;width:290px;margin-bottom: 47px;}
.about .abo .left ul li span{display: block; height:63px;}
.about .abo .left ul li span em,.about .abo .left ul li span i{display: inline-block; line-height: 63px;font-size: 60px; color:#31a8e0; font-family: "MiSans"; vertical-align: top; font-weight: 600;}
.about .abo .left ul li p{line-height: 30px;font-size: 16px; color:#333333;}










































@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;}}