/* .banner{background: url(../images/enter.png) center top no-repeat;} */
.e-card .title{margin-bottom: 0;}
.e-card .title h1{color: #fff;}
.e-card .search{margin-top: 52px;}

/* introduce */
.introduce .company{background: url(/images/new/Rectangle242.png) center no-repeat; width: 585px; height: 523px; }
.introduce .company img {/* transform: translate(-50%,-50%); */margin-left: 29%;margin-top: 40%;}
.introduce .content{width: 585px;}
.introduce .content h3{font-weight: 500;font-size: 16px;color: #43A591;line-height: 24px; margin-bottom: 33px;}
.introduce article .dot{width: 4px;min-width: 4px; height: 4px; border-radius: 50%; position: relative; top: 8px; background-color: #7c7c7c; margin-right: 5px;}
.introduce article{font-weight: 400;font-size: 14px;color: #7A7A7A;line-height: 28px; margin-bottom: 33px;}
.hope ul{display: flex; flex-wrap: nowrap; justify-content: space-between; margin-bottom: 100px;}
.hope ul li{width: 380px;background: #FAFAFA;}
.hope ul li .show{position: relative; width: 100%; height: 380px; overflow: hidden; z-index: 1;}
.hope ul li .show img{position: relative; z-index: 1;}
.hope ul li .show .mask{width: 380px; height: 380px; background-color: rgba(0,0,0,.1); z-index: -1; position: absolute; top: 0; left: 0;}
.hope ul li .show h1{font-family: Gotham Black, Gotham Black;position: absolute; width: 100%; bottom: -8px; font-weight: 400;font-size: 72px;color: #FFFFFF;line-height: 80px;text-align: center; z-index: 12;}
.hope ul li h4{margin-top: 40px; padding-left: 32px;font-weight: bold;font-size: 16px;color: #2A3341;line-height: 22px;}
.hope ul li h4 span{width: 4px;height: 12px;background: #43A591;border-radius: 0px 0px 0px 0px;display: inline-block;vertical-align: middle;margin-right: 5px;}
.hope ul li p{padding: 10px 30px 40px;}
.hope ul li:hover .show img{transform: scale(1.05);}
.hope ul li:hover .show .mask{z-index: 10;}