* { 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: 1013px; margin-top: 30px; box-sizing: border-box; padding-top: 310px;}
.direction{background: url(../images/lucky.png) center no-repeat; height: 626px; position: relative;}
.direction img{position: absolute; left: 244px; top: -10px;}
.point{background: #fee4cb; border-radius: 50px; margin-top: 30px;}
.point .title{padding-top: 45px; text-align: center; margin-bottom: 20px;}
.point ul li{height: 339px;}
.point ul li p{color: #815120; font-size: 28px; padding: 158px 75px 0 90px; line-height: 45px;}
.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 li{height: 260px;}
.situation li p{padding: 134px 40px 0 344px; font-size: 28px; color: #815120;}
.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;background-size: contain !important;height: 156px;position: fixed;bottom: 0;z-index: 10;box-sizing: border-box;padding-top: 50px;}
.sticky h3{font-size: 36px;color: #fff;text-shadow: 0 3px 2px rgba(200,50,9,.6);margin-left: 164px;}
.sticky p{margin-left: 164px;font-size: 20px;color: #fff;text-shadow: -1px 2px 2px rgba(200, 50, 9, .6); margin-top:5px;font-family: Microsoft YaHei;}
.sticky h3 span{color:#ffef97;}
.sticky a{position: absolute; right: 15px; top: 35px;}

.sticky-bottom{position: relative !important; display: none;}
.sticky-bottom{background: url(../images/sticky.png) center no-repeat;background-size: contain !important;height: 156px;z-index: 10;box-sizing: border-box;padding-top: 50px;}
.sticky-bottom h3{font-size: 36px;color: #fff;text-shadow: 0 3px 2px rgba(200,50,9,.6);margin-left: 164px;}
.sticky-bottom p{margin-left: 164px;font-size: 20px;color: #fff;text-shadow: -1px 2px 2px rgba(200, 50, 9, .6); margin-top:5px;font-family: Microsoft YaHei;}
.sticky-bottom h3 span{color:#ffef97;}