.title{text-align: center;}
.title h3{font-size: 40px;line-height: 50px;color: #333;}
.title p{font-size: 20px;color: #929292;line-height: 34px;margin-top: 26px;}

.banner{position: relative;height: 600px;}
.banner img{position: absolute;left: 50%;margin-left: -960px;}
.banner .banner-main{padding-top: 385px;display: flex;padding-left: 20px;font-size: 20px;height: 47px;}
.banner .banner-main input{background-color: #FC495E;color: #fff;padding-left: 25px;width: 186px;border: 1px solid #fff;border-radius: 47px;line-height: 47px;}
.banner .banner-main input::placeholder{color: #fff;line-height: 47px;}
.banner .banner-main .toget{display: block;margin-left: 16px;width: 220px;border-radius: 47px;background-color: #fff;color: #FC495E;font-weight: 800;padding: 0 10px;line-height: 47px;}

.cont1{margin-top: 95px;}
.cont1 .cont1-main{margin-top: 73px;display: flex;justify-content: space-between;padding: 0 113px;}

.cont2{margin-top: 145px;}
.cont2 .cont2-main{margin-top: 73px;display: flex;justify-content: space-between;}
.cont2 .cont2-main li{box-sizing: border-box;width: 267px;height: 127px;border: 1px solid #cfcfcf;text-align: center;padding-top: 20px;transition: all .5s;}
.cont2 .cont2-main li i{display: inline-block;width: 53px;height: 52px;background: url(../images/tpzh.png) no-repeat;}
.cont2 .cont2-main li:nth-child(2) i{background-position-x: -53px;}
.cont2 .cont2-main li:nth-child(3) i{background-position-x: -106px;}
.cont2 .cont2-main li:nth-child(4) i{background-position-x: -159px;}
.cont2 .cont2-main li p{font-size: 20px;line-height: 30px;margin-top: 8px;color: #565656;transition: color .5s;}
.cont2 .cont2-main li:hover{background-color: #fc495e;border-color: #FC495E;}
.cont2 .cont2-main li:hover i{background-position-y: -52px;}
.cont2 .cont2-main li:hover p{color: #fff;}

.cont3{margin-top: 145px;}
.cont3 .cont3-main{margin-top: 95px;}
.cont3 .cont3-main li{display: flex;justify-content: space-between;}
.cont3 .cont3-main li:nth-child(n+2){margin-top: 146px;}
.cont3 .cont3-main li .item-left h2{font-size: 30px;color: #333;line-height: 40px;margin-bottom: 7px;}
.cont3 .cont3-main li .item-left span{font-size: 16px;color: #666;line-height: 28px;display: block;}
.cont3 .cont3-main li .item-left i{display: block;width: 60px;height: 4px;background-color: #000;margin-top: 10px;}
.cont3 .cont3-main li .item-left h3{font-size: 24px;color: #333;line-height: 48px;margin-top: 12px;}
.cont3 .cont3-main li .item-right{padding: 0 40px 40px 0;position: relative;}
.cont3 .cont3-main li .item-right::before, .cont3 .cont3-main li .item-right::after{content: '';background-color: #FC495E;position: absolute;bottom: 0;}
.cont3 .cont3-main li .item-right::before{width: 480px;height: 40px;right: 40px;}
.cont3 .cont3-main li .item-right::after{width: 40px;height: 360px;right: 0;}

.cont4{margin-top: 145px;margin-bottom: 150px;}
.cont4 .cont4-main{margin-top: 73px;display: flex;justify-content: space-between;}
.cont4 .cont4-main li{position: relative;overflow: hidden;}
.cont4 .cont4-main li p{position: absolute;width: 100%;height: 100%;background-color: rgba(0,0,0,.3);top: 0;font-size: 40px;color: #fff;display: flex;align-items: center;justify-content: center;opacity: 1;transition: opacity .5s;}
.cont4 .cont4-main li span{position: absolute;display: block;width: 222px;font-size: 14px;color: #fff;background-color: #241c16;padding: 12px 8px 18px;line-height: 22px;box-sizing: border-box;left: 9px;bottom: -96px;text-align: center;letter-spacing: 1px;transition: bottom .5s;}
.cont4 .cont4-main li:hover p{opacity: 0;}
.cont4 .cont4-main li:hover span{bottom: 12px;}