@charset "utf-8";

/* Link 全局链接样式 */
a{color:#393939;text-decoration:none; cursor:pointer;}
a:hover{color:#bd0a01;text-decoration:none;}
.fl{float: left;}
.fr{float: right;}
.width{width: 1152px;margin: 0 auto;}
.w1200{width: 1200px;margin: 0 auto;}

.w1180{width: 1180px;margin: 0 auto;}
input,select,textarea{font-family: "Microsoft YaHei","微软雅黑";}
.clear{clear: both;}

.banner{height: 430px;background: url(../../images/hishop/history/banner.png) center top no-repeat;}
.banner span{display: block;height: 19px;font-size: 18px;font-family: PingFang SC;font-weight: 400;color: #FFFFFF;line-height: 38px;text-align: center;padding-top: 116px;}

.banner p{display: block;height: 43px;font-size: 46px;font-family: PingFang SC;font-weight: 500;color: #FFFFFF;line-height: 38px;text-align: center;margin-top: 30px;}

.banner a{display: block;width: 192px;height: 52px;background: #FFFFFF;border-radius: 26px;text-align: center;font-size: 20px;font-family: PingFang SC;font-weight: 500;color: #0D59F3;line-height: 52px;margin: 56px auto 0;}


.title{text-align: center;padding: 80px 0 50px;}
.title h1{display: block;height: 36px;color: #000000;font-size: 36px;font-family: PingFang SC;font-weight: 500;line-height: 36px;}
.title em{display: block;width: 35px;height: 3px;background: #4568fe;margin: 22px auto 0;}



.floor_1{height: auto;padding-bottom: 100px;background: #F8F8F8;}

.floor_1 ul{display: flex;justify-content: space-between;flex-wrap: wrap;}

.floor_1 ul li{display: block;width: 295px;height: 800px;box-sizing: border-box;position: relative;}

.floor_1 ul li img{display: block;width: 257px;height: 165px;position: absolute;top: 0; left: 0;}

.floor_1 ul li .context{display: block;width: 295px;height: 480px;margin-top: 40px;position: relative;border-top: 1px solid #d8d8d8;border-left: 1px solid #d8d8d8;margin-top: 200px;}

.floor_1 ul li:nth-child(2) .context{height: 450px;}

.floor_1 ul li:nth-child(3) .context{height: 570px;}

.floor_1 ul li:nth-child(4) .context{height: 530px;}



.floor_1 ul li .context h2{display: block;height: 23px;font-size: 30px;font-family: STXihei;font-weight: 400;color: #0158DB;line-height: 42px;margin-top: 50px;margin-left: 20px;}

.floor_1 ul li .context span{display: block;height: 23px;font-size: 24px;font-family: PingFang SC;font-weight: 500;color: #000000;line-height: 36px;margin-left: 20px;margin-top: 29px;}

.floor_1 ul li .context p{display: block;height: 30px;font-size: 14px;font-family: PingFang SC;font-weight: 400;color: #5B5B5B;line-height: 30px;margin-left: 20px;margin-top: 40px;}

.floor_1 ul li .context p:nth-child(4){margin-top: 170px;}

.floor_1 ul li .context p em{font-size: 18px;font-weight: bold;}

.floor_1 ul li:nth-child(3) .context p:nth-child(4){margin-top: 140px;}

.floor_1 ul li:nth-child(4) .context p:nth-child(4){margin-top: 50px;}

.floor_1 ul li:nth-child(4) .context p:nth-child(5){margin-top: 170px;}

.floor_1 ul li .context i{position: absolute;top: -4px;left: -4px;width: 8px;height: 8px;background: #d8d8d8;border-radius: 50%;display: block;z-index: 100;}

.floor_1 ul li:hover img{margin-top: -10px;}

.floor_1 ul li:hover i::before{display: inline-block;content: "";width: 11px;height: 11px;background: url(../../images/hishop/history/fl1_circle.png);background-size: 100%;position: absolute;top: -2px;left: -2px;}

.floor_1 ul li:hover .context{border-left: 1px solid #1939B0;}

.floor_1 ul li:hover .context h2{color: #1939B0;}

.floor_1 ul li:hover .context span{color: #1939B0;}

.floor_1 ul li:hover .context p{color: #1939B0;}

.floor_1 ul li:hover .context p em{color: #1939B0;}