@charset "utf-8";
*{margin:0;padding:0;}
body{font-family:"Microsoft YaHei","微软雅黑","宋体";font-size: 14px;}
ul,li{list-style: none;}
a{text-decoration:none;}
img{border:0;vertical-align: middle;}
a{text-decoration: none;cursor: pointer;}
strong{font-weight: normal;}
em,i{font-style: normal;}
.fl{float: left;}
.fr{float: right;}
.clearfix {*zoom: 1;}
.width{width: 1200px;margin: 0 auto;}
.w1180{width: 1180px;margin: 0 auto;}
.clearfix:after {display: block;content: " ";height: 0;visibility: hidden;clear: both;}

.banner{height: 430px;background: url(../../images/hishop/about/banner.png) center top no-repeat;text-align: center;}
.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_01{height: auto;overflow: hidden;padding-bottom: 99px;background: #F8F8F8;}
.floor_01 .fl{height: auto;overflow: hidden;}
.floor_01 .fl p{display: block;font-size: 16px;color: #000000;line-height: 28px;font-weight: 400;text-indent: 2em;}

.floor_01 .fr{height: auto;background: url(../../images/hishop/about/fl1_video.png) right top no-repeat;}
.floor_01 .fr .video{width: 467px;height: 262px;margin: 0 0 0 18px;background: #000;position: relative;margin-bottom: 30px;}
.floor_01 .fr .video img{display: block;position: absolute;top: 0;left: 0;z-index: 1;}

.floor_01 .fr .context{width: 467px;float: right;}

.floor_01 .fr .context i{height: 23px;font-size: 30px;font-family: PingFang SC;font-weight: 500;color: #1B4DCC;line-height: 30px;margin-right: 72px;}

.floor_01 .fr .context i:nth-child(4){margin-right:0;}

.floor_01 .fr .context i em{font-size: 14px;color: #1B4DCC;}

.floor_01 .fr .context b{height: 14px;font-size: 14px;font-family: PingFang SC;font-weight: 400;color: #616161;line-height: 30px;margin-right: 56px;}

.floor_01 .fr .context b:nth-child(8){margin-right:0;}



.floor_01 ul{display: flex;justify-content: space-between;flex-wrap: wrap;margin-top: 60px;}

.floor_01 ul li{width: 280px;height: 143px;border: 1px solid #ffffff;}

.floor_01 ul li span{display: block;height: 23px;font-size: 24px;font-family: PingFang SC;font-weight: 500;color: #000000;line-height: 38px;margin-top: 30px;margin-left: 19px;}

.floor_01 ul li p{display: block;height: 38px;font-size: 14px;font-family: PingFang SC;font-weight: 500;color: #717171;line-height: 24px;margin-top: 18px;margin-left: 19px;}

.floor_01 ul li:nth-child(1){background: url(../../images/hishop/about/fl1_li1.png)center top no-repeat;background-size: 100%;}

.floor_01 ul li:nth-child(2){background: url(../../images/hishop/about/fl1_li2.png)center top no-repeat;background-size: 100%;}

.floor_01 ul li:nth-child(3){background: url(../../images/hishop/about/fl1_li3.png)center top no-repeat;background-size: 100%;}

.floor_01 ul li:nth-child(4){background: url(../../images/hishop/about/fl1_li4.png)center top no-repeat;background-size: 100%;}

.floor_01 ul li:hover{border: 1px solid #1B4DCC;cursor: pointer;}

.floor_02{padding-bottom: 100px;height: auto;overflow: hidden;}
.floor_02 dl{display: flex;justify-content: space-between;flex-wrap: wrap;width: 1180px;margin:0 auto;}
.floor_02 dl dd{display: block;width: 281px;height: 533px;background: #FFFFFF;box-sizing: border-box;}
.floor_02 dl dd:first-child{width: 578px;}
.floor_02 dl dd .bigboxShow{display: none;}
.floor_02 dl dd:first-child .bigboxShow{display: block;}
.floor_02 dl dd:first-child .litboxShow{display: none;}

.floor_02 .bigboxShow{width: 578px;height: 533px;background: url(../../images/hishop/about/fl2_bigbox_bg.png)center top no-repeat;background-size: 100%;box-shadow: 0px 3px 30px 0px rgba(65,82,121,0.3);position: relative;}
.floor_02 .bigboxShow span{display: block;height: 26px;font-size: 26px;font-family: Microsoft YaHei;font-weight: 400;color: #000000;line-height: 26px;margin-left: 28px;padding-top: 50px;}
.floor_02 .bigboxShow b{display: block;height: 15px;font-size: 16px;font-family: Microsoft YaHei;font-weight: 400;color: #7F7F7F;line-height: 26px;margin-top: 16px;margin-left: 28px;}

.floor_02 .bigboxShow ul{display: flex;width: 578px;justify-content:space-between;flex-wrap:wrap;margin: 30px auto 0;} 

.floor_02 .bigboxShow ul li h1{display: flex;height: 15px;font-size: 16px;font-family: Microsoft YaHei;font-weight: 400;color: #000000;line-height: 16px;position: absolute;top: 152px;left: 27px;}
.floor_02 .bigboxShow ul li h1::before{display: inline-block;content: "";width: 30px;height: 30px;background: url(../../images/hishop/about/fl2_swiper1_big_logo1.png);background-size: 100%;margin-right: 9px;}
.floor_02 .bigboxShow ul li h1 em{display: block;width: 43px;height: 19px;background: #FFFFFF;border-radius: 9px;font-size: 14px;font-family: Microsoft YaHei;font-weight: 400;color: #2953DC;line-height: 19px;text-align: center;position: absolute;top: 0;left: 93px;}
.floor_02 .bigboxShow ul li p{display: block;height: 11px;font-size: 12px;font-family: Microsoft YaHei;font-weight: 400;color: #7F7F7F;line-height: 12px;position: absolute;top: 181px;left: 66px;}

.floor_02 .bigboxShow ul li:nth-child(2) h1{top: 152px;left: 286px;}
.floor_02 .bigboxShow ul li:nth-child(2) h1::before{background: url(../../images/hishop/about/fl2_swiper1_big_logo2.png);background-size: 100%;}
.floor_02 .bigboxShow ul li:nth-child(2) h1 em{top:0;left: 123px;}
.floor_02 .bigboxShow ul li:nth-child(2) p{top: 181px;left: 328px;}
.floor_02 .bigboxShow ul li:nth-child(3) h1{top:223px;left: 27px;}
.floor_02 .bigboxShow ul li:nth-child(3) h1::before{background: url(../../images/hishop/about/fl2_swiper1_big_logo3.png);background-size: 100%;}
.floor_02 .bigboxShow ul li:nth-child(3) h1 em{top:0;left: 123px;}
.floor_02 .bigboxShow ul li:nth-child(3) p{top: 251px;left: 66px;}
.floor_02 .bigboxShow ul li:nth-child(4) h1{top: 222px;left: 286px;}
.floor_02 .bigboxShow ul li:nth-child(4) h1::before{background: url(../../images/hishop/about/fl2_swiper1_big_logo4.png);background-size: 100%;}
.floor_02 .bigboxShow ul li:nth-child(4) h1 em{top:0;left: 108px;}
.floor_02 .bigboxShow ul li:nth-child(4) p{top: 251px;left: 328px;}
.floor_02 .bigboxShow ul li:nth-child(5) h1{top:292px;left: 27px;}
.floor_02 .bigboxShow ul li:nth-child(5) h1::before{background: url(../../images/hishop/about/fl2_swiper1_big_logo5.png);background-size: 100%;}
.floor_02 .bigboxShow ul li:nth-child(5) h1 em{top:0;left: 110px;}
.floor_02 .bigboxShow ul li:nth-child(5) p{top: 320px;left: 66px;}
.floor_02 .bigboxShow ul li:nth-child(6) h1{top: 292px;left: 286px;}
.floor_02 .bigboxShow ul li:nth-child(6) h1::before{background: url(../../images/hishop/about/fl2_swiper1_big_logo6.png);background-size: 100%;}
.floor_02 .bigboxShow ul li:nth-child(6) h1 em{top:0;left: 108px;}
.floor_02 .bigboxShow ul li:nth-child(6) p{top: 321px;left: 328px;}
.floor_02 .bigboxShow ul li:nth-child(7) h1{top:362px;left: 27px;}
.floor_02 .bigboxShow ul li:nth-child(7) h1::before{background: url(../../images/hishop/about/fl2_swiper1_big_logo7.png);background-size: 100%;}
.floor_02 .bigboxShow ul li:nth-child(7) h1 em{top:0;left: 145px;width: 59px;}
.floor_02 .bigboxShow ul li:nth-child(7) p{top: 390px;left: 66px;}
.floor_02 .bigboxShow ul li:nth-child(8) h1{top: 362px;left: 286px;}
.floor_02 .bigboxShow ul li:nth-child(8) h1::before{background: url(../../images/hishop/about/fl2_swiper1_big_logo8.png);background-size: 100%;}
.floor_02 .bigboxShow ul li:nth-child(8) h1 em{top:0;left: 128px;}
.floor_02 .bigboxShow ul li:nth-child(8) p{top: 390px;left: 328px;}
.floor_02 .bigboxShow ul li:nth-child(9) h1{top:431px;left: 27px;}
.floor_02 .bigboxShow ul li:nth-child(9) h1::before{background: url(../../images/hishop/about/fl2_swiper1_big_logo9.png);background-size: 100%;}
.floor_02 .bigboxShow ul li:nth-child(9) h1 em{top:0;left: 110px;}
.floor_02 .bigboxShow ul li:nth-child(9) p{top: 460px;left: 66px;}
.floor_02 .litboxShow{width: 281px;height: 533px;background: url(../../images/hishop/about/fl2_lit2.png)top center no-repeat;background-size: 100%;}
.floor_02 .no3 .litboxShow{background: url(../../images/hishop/about/fl2_lit3.png)top center no-repeat;background-size: 100%;}
.floor_02 .no1 .litboxShow{background: url(../../images/hishop/about/fl2_lit1.png)top center no-repeat;background-size: 100%;}
.floor_02 .litboxShow span{display: block;height: 26px;font-size: 26px;font-family: Microsoft YaHei;font-weight: 400;color: #FFFFFF;line-height: 26px;margin-left: 20px;padding-top: 77px;}
.floor_02 .litboxShow p{display: block;height: 16px;font-size: 16px;font-family: Microsoft YaHei;font-weight: 400;color: #FFFFFF;line-height: 22px;margin-left: 20px;margin-top: 19px;}
.floor_02 .litboxShow img{display: block;width: 45px;height: 45px;margin-top: 240px;margin-left: 21px;}
.floor_02 .bigboxShow i{height: 15px;font-size: 16px;font-family: Microsoft YaHei;font-weight: 400;color: #000000;line-height: 38px;position: absolute;}
.floor_02 .bigboxShow i::before{display: inline-block;content: "";width: 7px;height: 7px;background: #96BFF4;border-radius: 50%;margin-right: 8px;vertical-align: 3px;}
.floor_02 .bigboxShow i:nth-child(1){bottom: 82px;left: 30px;}
.floor_02 .bigboxShow i:nth-child(2){bottom: 82px;left: 214px;}
.floor_02 .bigboxShow i:nth-child(3){bottom: 50px;left: 30px;}
.floor_02 .bigboxShow i:nth-child(4){bottom: 50px;left: 214px;}
.floor_02 .no2 .bigboxShow ul li:nth-child(1) h1::before{background: url(../../images/hishop/about/fl2_swiper2_big_logo1.png);background-size: 100%;}
.floor_02 .no2 .bigboxShow ul li:nth-child(2) h1::before{background: url(../../images/hishop/about/fl2_swiper2_big_logo2.png);background-size: 100%;}
.floor_02 .no2 .bigboxShow ul li:nth-child(3) h1::before{background: url(../../images/hishop/about/fl2_swiper2_big_logo3.png);background-size: 100%;}
.floor_02 .no2 .bigboxShow ul li:nth-child(4) h1::before{background: url(../../images/hishop/about/fl2_swiper2_big_logo4.png);background-size: 100%;}
.floor_02 .no2 .bigboxShow ul li:nth-child(5) h1::before{background: url(../../images/hishop/about/fl2_swiper2_big_logo5.png);background-size: 100%;}
.floor_02 .no2 .bigboxShow ul li:nth-child(6) h1::before{background: url(../../images/hishop/about/fl2_swiper2_big_logo6.png);background-size: 100%;}
.floor_02 .no2 .bigboxShow ul li:nth-child(7) h1::before{background: url(../../images/hishop/about/fl2_swiper2_big_logo7.png);background-size: 100%;}
.floor_02 .no2 .bigboxShow ul li:nth-child(8) h1::before{background: url(../../images/hishop/about/fl2_swiper2_big_logo8.png);background-size: 100%;}

.floor_02 .no3 .bigboxShow ul li h1::before{width: 25px;height: 25px;margin-right: 6px;}
.floor_02 .no3 .bigboxShow ul li:nth-child(1) p{top: 181px;left: 61px;}
.floor_02 .no3 .bigboxShow ul li:nth-child(1) h1::before{background: url(../../images/hishop/about/fl2_swiper3_big_logo1.png);background-size: 100%;}
.floor_02 .no3 .bigboxShow ul li:nth-child(2) h1{top: 152px;left: 215px;}
.floor_02 .no3 .bigboxShow ul li:nth-child(2) h1::before{background: url(../../images/hishop/about/fl2_swiper3_big_logo2.png);background-size: 100%;}
.floor_02 .no3 .bigboxShow ul li:nth-child(2) p{top: 181px;left: 245px;}
.floor_02 .no3 .bigboxShow ul li:nth-child(3) h1{top: 152px;left: 391px;}
.floor_02 .no3 .bigboxShow ul li:nth-child(3) h1::before{background: url(../../images/hishop/about/fl2_swiper3_big_logo3.png);background-size: 100%;}
.floor_02 .no3 .bigboxShow ul li:nth-child(3) p{top: 181px;left: 421px;}
.floor_02 .no3 .bigboxShow ul li:nth-child(4) h1{top: 232px;left: 27px;}
.floor_02 .no3 .bigboxShow ul li:nth-child(4) h1::before{background: url(../../images/hishop/about/fl2_swiper3_big_logo4.png);background-size: 100%;}
.floor_02 .no3 .bigboxShow ul li:nth-child(4) p{top: 259px;left: 61px;}
.floor_02 .no3 .bigboxShow ul li:nth-child(5) h1{top: 232px;left: 215px;}
.floor_02 .no3 .bigboxShow ul li:nth-child(5) h1::before{background: url(../../images/hishop/about/fl2_swiper3_big_logo5.png);background-size: 100%;}
.floor_02 .no3 .bigboxShow ul li:nth-child(5) p{top: 259px;left: 245px;}
.floor_02 .no3 .bigboxShow ul li:nth-child(6) h1{top: 232px;left: 391px;}
.floor_02 .no3 .bigboxShow ul li:nth-child(6) h1::before{background: url(../../images/hishop/about/fl2_swiper3_big_logo6.png);background-size: 100%;}
.floor_02 .no3 .bigboxShow ul li:nth-child(6) p{top: 259px;left: 421px;}
.floor_02 .no3 .bigboxShow ul li:nth-child(7) h1{top: 311px;left: 27px;}
.floor_02 .no3 .bigboxShow ul li:nth-child(7) h1::before{background: url(../../images/hishop/about/fl2_swiper3_big_logo7.png);background-size: 100%;}
.floor_02 .no3 .bigboxShow ul li:nth-child(7) p{top: 339px;left: 61px;}
.floor_02 .no3 .bigboxShow ul li:nth-child(8) h1{top: 311px;left: 215px;}
.floor_02 .no3 .bigboxShow ul li:nth-child(8) h1::before{background: url(../../images/hishop/about/fl2_swiper3_big_logo8.png);background-size: 100%;}
.floor_02 .no3 .bigboxShow ul li:nth-child(8) p{top: 339px;left: 245px;}
.floor_02 .no3 .bigboxShow ul li:nth-child(9) h1{top: 311px;left: 391px;}
.floor_02 .no3 .bigboxShow ul li:nth-child(9) h1::before{background: url(../../images/hishop/about/fl2_swiper3_big_logo9.png);background-size: 100%;}
.floor_02 .no3 .bigboxShow ul li:nth-child(9) p{top: 339px;left: 421px;}
.floor_02 .no3 .bigboxShow ul li:nth-child(10) h1{top: 392px;left: 27px;}
.floor_02 .no3 .bigboxShow ul li:nth-child(10) h1::before{background: url(../../images/hishop/about/fl2_swiper3_big_logo10.png);background-size: 100%;}
.floor_02 .no3 .bigboxShow ul li:nth-child(10) p{top: 421px;left: 61px;}
.floor_02 .no3 .bigboxShow ul li:nth-child(11) h1{top: 392px;left: 215px;}
.floor_02 .no3 .bigboxShow ul li:nth-child(11) h1::before{background: url(../../images/hishop/about/fl2_swiper3_big_logo11.png);background-size: 100%;}
.floor_02 .no3 .bigboxShow ul li:nth-child(11) p{top: 421px;left: 245px;}
.floor_02 .no3 .bigboxShow ul li:nth-child(12) h1{top: 392px;left: 391px;}
.floor_02 .no3 .bigboxShow ul li:nth-child(12) h1::before{background: url(../../images/hishop/about/fl2_swiper3_big_logo12.png);background-size: 100%;}
.floor_02 .no3 .bigboxShow ul li:nth-child(12) p{top: 421px;left: 421px;}


.floor_03{height: auto;overflow: hidden;padding-bottom: 0;background: #F9F9F9;}
.floor_03 img{display: block;margin: 0 auto;width: 1071px;height: 550px;}


.floor_04{height: auto;overflow: hidden;padding-bottom: 100px;background: #FFFFFF;}
.floor_04 ul{display: flex;justify-content: space-between;flex-wrap: wrap;}
.floor_04 ul li{width: 280px;height: 503px;background: #FFFFFF;border: 1px solid #FFFFFF;box-shadow: 0px 3px 28px 2px rgba(232,234,241,0.8);border-radius: 6px;position: relative;}

.floor_04 ul li img{display: block;width: 90px;height: 31px;margin-top: 18px;margin-left: 27px;}
.floor_04 ul li:nth-child(2) img{width: 116px;height: 19px;margin-top: 25px;margin-left: 27px;}

.floor_04 ul li:nth-child(3) img{width: 88px;height: 36px;margin-top: 16px;margin-left: 26px;}

.floor_04 ul li:nth-child(4) img{width: 103px;height: 24px;margin-top: 22px;margin-left: 25px;}

.floor_04 ul li span{display: block;height: 40px;font-size: 16px;font-family: PingFang SC;font-weight: 500;color: #2E2E2F;line-height: 24px;margin-top: 29px;margin-left: 27px;}

.floor_04 ul li p{display: block;font-size: 14px;font-family: PingFang SC;font-weight: 400;color: #636363;line-height: 24px;margin-left: 26px;margin-top: 22px;margin-bottom: 22px;}

.floor_04 ul li i{display: block;height: 22px;font-size: 14px;font-family: PingFang SC;font-weight: 400;color: #0D37D6;line-height: 24px;margin-left: 26px;}
.floor_04 ul li:nth-child(2) i{margin-bottom: 6px;}

.floor_04 ul li:nth-child(3) i{margin-bottom: 6px;}

.floor_04 ul li:nth-child(4) i{margin-bottom: 6px;}
.floor_04 ul li:nth-child(3) p{margin-bottom: 38px;}

.floor_04 ul li:nth-child(4) p{margin-bottom: 41px;} 

.floor_04 ul li:nth-child(n) .secImg{display: block;width: 226px;height: 110px;position: absolute;bottom: 24px;}

.floor_04 ul li:hover{border: 1px solid #C0C7FF;cursor: pointer;box-shadow: 0px 3px 33px 2px rgba(209,218,250,0.8);}

.floor_04 .imageView{width: 1180px;height: 484px;position: relative;overflow: hidden;margin: 60px auto 0;}
.floor_04 .imageView .imageView-div{z-index: 2;position: absolute;background: linear-gradient(to right,#FFFFFF 0%,rgba(255,255,255,0) 49%,#FFFFFF 100%);width: 100%;height: 100%;}
.floor_04 .imageView .imageView-img{display: flex;position: absolute;width: 100%;height: 100%;animation: my-move 35s infinite linear; z-index: 1;}
@keyframes my-move{
0%{left: 0px;}
100%{left: -2326px;}
}