* { margin: 0px; padding: 0px; }
body {background:  url(../images/banner.png),url(../images/bot.png); background-position: top center, bottom center; background-color: #fff; background-repeat: no-repeat; -webkit-text-size-adjust: none;
font-family: "Microsoft YaHei", "PingFang SC",Arial, "Helvetica Neue", Helvetica, STHeiTi, sans-serif;background-size: 100%;}
html {min-width: 1220px;}
.wraper {width: 100%;margin: 0 auto;min-width: 1220px;}
.wrap {width: 1220px;margin: 0px auto;}
.fl {float: left; }
.fr {float: right; }
dl, dt, ul { list-style: none; text-decoration: none; padding-inline-start: 0px; }
a {text-decoration: none; color: #333;}
.clearfix::before, .clearfix::after { content: ""; display: table; clear: both; }
.un {transition: all 0.3s ease-out 0s; }
.none {display: none; }
.ellipsis {text-overflow: ellipsis;white-space: nowrap; overflow: hidden}
.flex{display: flex;}
.column{flex-direction: column;}

@font-face {
font-family: 'AlibabaPuHuiTi-Heavy';
src: url('../font/Alibaba-PuHuiTi-Heavy.ttf') format('truetype');
}

.logo{margin-top: 26px;margin-left: 20px;margin-bottom: 26px;}
.logo span{font-size: 22px; color: #fff; margin-left: 12px; position: relative; top: -5px;}
.tit2{margin-top: 10px; margin-bottom: 28px;}

.solve{background: url(../images/bg1.png) center no-repeat;height: 820px;margin-top: 29px;box-sizing: border-box;padding-top: 187px;}
.direction{background: url(../images/direction.png) center no-repeat;height: 581px;position: relative;z-index: 1000;background-size: contain;}
.direction img{position: absolute;left: 94px;top: 8px;z-index: 0;}
.point{background: #f5f6fd;border-radius: 50px;margin-top: 30px;padding-bottom: 40px;}
.point .title{padding-top: 45px; text-align: center; margin-bottom: 20px;}
.point ul li{height: 277px;margin-bottom: 10px;}
.point ul li p{color: #333333;font-size: 22px;padding: 144px 75px 0 90px;line-height: 38px;}
.point ul li:nth-child(1){background: url(../images/b1.png) center no-repeat;}
.point ul li:nth-child(2){background: url(../images/b2.png) center no-repeat;}
.point ul li:nth-child(3){background: url(../images/b3.png) center no-repeat;}
.point ul li:nth-child(4){background: url(../images/b4.png) center no-repeat;}
.situation{padding-bottom: 25px;}
.situation li{height: 206px;margin-bottom: 35px;}
.situation li p{padding: 118px 40px 0 357px;font-size: 20px;color: #2c2a34;line-height: 29px;}
.situation li:nth-child(1){background: url(../images/c1.png) center no-repeat;}
.situation li:nth-child(2){background: url(../images/c2.png) center no-repeat;}
.situation li:nth-child(3){background: url(../images/c3.png) center no-repeat;}
.situation li:nth-child(4){background: url(../images/c4.png) center no-repeat;}

.sticky{background: url(../images/sticky.png) center no-repeat;height: 100px;position: fixed;bottom: 0;z-index: 10000;box-sizing: border-box;padding-top: 0px;}
.sticky h3{font-size: 32px;color: #fff;text-shadow: 0 3px 2px #5741d0;margin-left: 207px;padding-top: 15px;}
.sticky p{margin-left: 207px;font-size: 18px;color: #fff;text-shadow: -1px 2px 2px #5741d0; margin-top:5px;font-family: Microsoft YaHei;}
.sticky h3 span{color:#ffef97;}
.sticky a{position: absolute; right: 15px; top: 35px;}
.sticky .btn{position: absolute;background: url(../images/fabu.png) center no-repeat;width: 321px;height: 89px;display: inline-block;right: 28px;top: 3px;}


.sticky-bottom{position: relative !important; display: none;}
.sticky-bottom{background: url(../images/sticky.png) center no-repeat;height: 100px;z-index: 10;box-sizing: border-box;padding-top: 0px;}
.sticky-bottom h3{font-size: 32px;color: #fff;text-shadow: 0 3px 2px #5741d0;margin-left: 207px;padding-top: 15px;}
.sticky-bottom p{margin-left: 207px;font-size: 18px;color: #fff;text-shadow: -1px 2px 2px #5741d0;margin-top:5px;font-family: Microsoft YaHei;}
.sticky-bottom h3 span{color:#ffef97;}
.sticky-bottom a{position: absolute;background: url(../images/fabu.png) center no-repeat;width: 321px;height: 89px;display: inline-block;right: 28px;top: 3px;}

.swing:hover{-webkit-animation:swing 1s .2s ease both;
-moz-animation:swing 1s .2s ease both;
}
@-webkit-keyframes swing {
20%, 40%, 60%, 80%, 100% {
-webkit-transform-origin:top center
}
20% {
-webkit-transform:rotate(7deg)
}
40% {
-webkit-transform:rotate(-5deg)
}
60% {
-webkit-transform:rotate(2deg)
}
80% {
-webkit-transform:rotate(-2deg)
}
100% {
-webkit-transform:rotate(0deg)
}
}
@-moz-keyframes swing {
20%, 40%, 60%, 80%, 100% {
-moz-transform-origin:top center
}
20% {
-moz-transform:rotate(7deg)
}
40% {
-moz-transform:rotate(-5deg)
}
60% {
-moz-transform:rotate(2deg)
}
80% {
-moz-transform:rotate(-2deg)
}
100% {
-moz-transform:rotate(0deg)
}
}