@charset "utf-8";
*{margin:0;padding:0;border:0;outline:0;vertical-align:baseline;background:transparent;font-family:"Helvetica","PingFang SC","Microsoft YaHei","Tahoma","Arial";color: #121212;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-moz-font-feature-settings:"liga","kern";}
body{background: #FFFFFF;}
a{text-decoration: none;cursor: pointer;}
em,i{font-style: normal;}
.fl{float: left;}
.fr{float: right;}
img{border: none;}
em,h1{font-style: normal;}
.w1180{width: 1180px;margin: 0 auto;}
.width{width: 1180px;margin: 0 auto;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{*+height:1%;}
ul{list-style: none;}

a.btn_o{display: block;width: 200px;height: 56px;line-height: 56px;text-align: center;color: #fff;border-radius: 8px;font-size: 16px;background-image: linear-gradient(to right,#ff8001,#ffa805);margin: 50px auto 0;font-weight: bold;}

.banner{height: 430px;background: url(../../images/o2o_index/banner.jpg) center top no-repeat;}
.banner span{display: block;font-size: 48px;color: #fff;font-weight: bold;padding: 60px 0 24px;}
.banner .width{padding-left: 72px;}
.banner span em{background-image:-webkit-linear-gradient(left,#ff7f00,#ffa805); -webkit-background-clip:text; -webkit-text-fill-color:transparent;font-weight: bold;font-size: 48px;}
.banner p{font-size: 24px;color: #fff;font-weight: 500;padding-bottom: 24px;}
.banner i{display: block;font-size: 16px;color: #fff;margin-bottom: 12px;}
.banner i::before{display: block;content: "";float: left;width: 4px;height: 10px;background: #ff9600;margin: 7px 6px 0 0;}
.banner a.btn_o{margin: 40px 0 0 0;}

.banner-m{display: none;}

.s_nav{height: 45px;line-height: 45px;background: #f5f5f5;}
.s_nav p{height: auto;overflow: hidden;}
.s_nav p a{display: block;float: left;margin-right: 100px;color: #999;}
.s_nav p a:hover,.s_nav p a.on{color: #2575fc;}

.title{text-align: center;padding: 90px 0 50px;font-size: 36px;color: #121212;}

.floor_1{height: auto;overflow: hidden;padding-top: 30px;}
.floor_1 .tit{text-align: center;font-size: 20px;color: #ff7800;font-weight: bold;border-bottom: 2px solid #ff7800;margin: 0 auto 30px;width: 90px;padding-bottom: 6px;}
.floor_1 .ArtCon{width: 1080px;margin: 0 auto 40px;height: auto;overflow: hidden;}
.floor_1 ul{display: flex;justify-content:space-between;flex-wrap:wrap;}
.floor_1 ul li{width: 340px;height: 430px;border-radius: 16px;background: #f6f9fd;}
.floor_1 ul li .img{width: 340px;height: 100px;background: url(../../images/o2o_index/fl1_1.png) center top no-repeat;}
.floor_1 ul li:nth-child(2) .img{background-image: url(../../images/o2o_index/fl1_2.png);}
.floor_1 ul li:nth-child(3) .img{background-image: url(../../images/o2o_index/fl1_3.png);}
.floor_1 ul li span{display: block;text-align: center;font-size: 20px;color: #121212;font-weight: bold;padding: 30px 0 22px;}
.floor_1 ul li i{display: block;font-size: 16px;color: #555555;line-height: 28px;margin-bottom: 20px;}
.floor_1 ul li i::before{display: block;content: "";float: left;height: 20px;width: 20px;overflow: hidden;background-image: url(../../images/o2o_index/icons.png);background-size: 623px;background-position: 0 0;margin: 4px 6px 10px 40px;}
.floor_1 ul li i.i::before{background-position: -27px 0;}
.floor_1 ul li .p{display: none;}
.floor_1 ul li:nth-child(2) i::before{background-position: -50px 0;}
.floor_1 ul li:nth-child(2) i.i::before{background-position: -75px 0;}
.floor_1 ul li:nth-child(3) i::before{background-position: -100px 0;}
.floor_1 ul li:nth-child(3) i.i::before{background-position: -125px 0;}
.floor_1 ul li a{display: block;height: 48px;line-height: 48px;text-align: center;border: 1px solid #ff7800;border-radius: 6px;background: #fff;margin: 12px auto 0;font-size: 16px;color: #ff7800;font-weight: bold;width: 158px;}
.floor_1 dl{display: flex;justify-content:space-between;flex-wrap:wrap;width: 1020px;margin: 0 auto;}
.floor_1 dl dd{width: 120px;text-align: center;font-size: 18px;color: #333333;}
.floor_1 dl dd::before{display: block;content: "";height: 120px;width: 120px;overflow: hidden;background-image: url(../../images/o2o_index/icons.png);background-size: 623px;background-position: 0 -32px;margin: 0 auto 16px;}
.floor_1 dl dd:nth-child(2)::before{background-position: -125px -32px;}
.floor_1 dl dd:nth-child(3)::before{background-position: -251px -33px;}
.floor_1 dl dd:nth-child(4)::before{background-position: -377px -33px;}
.floor_1 dl dd:nth-child(5)::before{background-position: -503px -33px;}

.floor_2{height: auto;overflow: hidden;background: url(../../images/o2o_index/fl2_bg.jpg)center top no-repeat;background-size: cover;padding-bottom: 100px;}
.floor_2 .title{color: #fff;}
.floor_2 .img{background: url(../../images/o2o_index/fl2_1.png)center top no-repeat;width: 1180px;margin: 0 auto;height: 560px;}

.floor_3{height: auto;overflow: hidden;padding-bottom: 100px;}
.floor_3 .tit{display: none;}
.floor_3 .conbox{width: 920px;height: 430px;margin: 0 auto;}
.floor_3 .conbox .left-code{float: left;width: 400px;height: 420px;border-radius: 12px;box-shadow: 0 0 12px 2px rgba(0,0,0,.1);}
.floor_3 .conbox .left-code em{display: block;font-size: 24px;color: #121212;padding: 34px 0 24px;}
.floor_3 .conbox .left-code em::before{display: block;content: "";float: left;height: 30px;width: 30px;overflow: hidden;background-image: url(../../images/o2o_index/icons.png);background-size: 623px;background-position: 0 -167px;margin: 2px 8px 0 74px;}
.floor_3 .conbox3 .left-code em::before{background-position: -86px -167px;}
.floor_3 .conbox .img{margin: 0 auto;width: 340px;height: 180px;background: url(../../images/o2o_index/fl3_1.jpg)center top no-repeat;}
.floor_3 .conbox2 .img{margin: 0 auto;width: 340px;height: 180px;background: url(../../images/o2o_index/fl3_2.jpg)center top no-repeat;}
.floor_3 .conbox3 .img{background-image: url(../../images/o2o_index/fl3_3.jpg);}
.floor_3 .conbox .left-code a.btn_o{margin-top: 40px;}
.floor_3 .conbox .rightbox{width: 430px;float: right;}
.floor_3 .conbox .rightbox .tex{height: auto;overflow: hidden;margin-bottom: 30px;}
.floor_3 .conbox .rightbox .tex i{display: block;font-size: 16px;color: #ff7800;font-weight: bold;margin-bottom: 18px;}
.floor_3 .conbox .rightbox .tex i::before{display: block;content: "";float: left;height: 22px;width: 20px;overflow: hidden;background-image: url(../../images/o2o_index/icons.png);background-size: 623px;background-position: 0 -210px;line-height: 22px;margin-right: 8px;}
.floor_3 .conbox .rightbox .tex:nth-child(2) i::before{background-position: -27px -210px;}
.floor_3 .conbox .rightbox .tex:nth-child(3) i::before{background-position: -54px -210px;}
.floor_3 .conbox .rightbox .tex p{font-size: 14px;color: #555555;line-height: 26px;padding-left: 30px;}
.floor_3 .conbox2{width: 920px;height: 430px;margin: 60px auto;}
.floor_3 .conbox2 .left-code{width: 430px;float: left;}
.floor_3 .conbox2 .left-code .tex{height: auto;overflow: hidden;margin-bottom: 30px;}
.floor_3 .conbox2 .left-code .tex i{display: block;font-size: 16px;color: #ff7800;font-weight: bold;margin-bottom: 20px;}
.floor_3 .conbox2 .left-code .tex i::before{display: block;content: "";float: left;height: 22px;width: 20px;overflow: hidden;background-image: url(../../images/o2o_index/icons.png);background-size: 623px;background-position: -81px -210px;line-height: 22px;margin-right: 8px;}
.floor_3 .conbox2 .left-code .tex:nth-child(2) i::before{background-position: -108px -210px;}
.floor_3 .conbox2 .left-code .tex:nth-child(3) i::before{background-position: -134px -210px;}
.floor_3 .tex .p{display: none;}
.floor_3 .conbox2 .left-code .tex p{font-size: 14px;color: #555555;line-height: 26px;padding-left: 30px;}
.floor_3 .conbox2 .rightbox{float: right;width: 400px;height: 420px;border-radius: 12px;box-shadow: 0 0 12px 2px rgba(0,0,0,.1);}
.floor_3 .conbox2 .rightbox em{display: block;font-size: 24px;color: #121212;padding: 34px 0 24px;}
.floor_3 .conbox2 .rightbox em::before{display: block;content: "";float: left;height: 30px;width: 30px;overflow: hidden;background-image: url(../../images/o2o_index/icons.png);background-size: 623px;background-position: -43px -167px;margin: 2px 8px 0 74px;}
.floor_3 .conbox2 .rightbox img{display: block;margin: 0 auto;}
.floor_3 .conbox2 .rightbox a.btn_o{margin-top: 40px;}
.floor_3 .conbox3 .rightbox .tex:nth-child(1) i::before{background-position: -161px -210px;}
.floor_3 .conbox3 .rightbox .tex:nth-child(2) i::before{background-position: -186px -210px;}
.floor_3 .conbox3 .rightbox .tex:nth-child(3) i::before{background-position: -210px -210px;}
.floor_3 a.btn_o1{display: none;}

.floor_4{height: auto;overflow: hidden;padding-bottom: 100px;background: #f3f6f9;}
.floor_4 ul{display: flex;justify-content:space-between;flex-wrap:wrap;}
.floor_4 ul li{width: 360px;height: 250px;background: #fff;border-radius: 10px;}
.floor_4 ul li .t{padding: 34px 50px 24px;height: auto;overflow: hidden;}
.floor_4 ul li .t::before{display: block;content: "";float: left;height: 35px;width: 90px;overflow: hidden;background-image: url(../../images/o2o_index/icons.png);background-size: 623px;background-position: 0 -246px;}
.floor_4 ul li.li2 .t::before{background-position: -102px -246px;width: 134px;margin-top: 4px;}
.floor_4 ul li.li3 .t::before{background-position: -251px -246px;height: 42px;width: 100px;margin-top: -4px;}
.floor_4 ul li .t i{display: block;float: right;height: 34px;line-height: 34px;text-align: center;width: 98px;border-radius: 50px;border: 1px solid #bac7eb;font-size: 16px;color: #252525;}
.floor_4 ul li p{font-size: 16px;color: #252525;line-height: 26px;padding-left: 50px;}
.floor_4 ul li .tex{padding: 22px 50px 0;height: auto;overflow: hidden;display: flex;justify-content:space-between;flex-wrap:wrap;}
.floor_4 ul li .tex em{display: block;text-align: center;height: 38px;line-height: 38px;width: 116px;border: 1px solid #ff7800;border-radius: 4px;font-size: 16px;color: #ff7800;}
.floor_4 .img{margin: 40px auto 0;width: 1180px;height: 308px;background: url(../../images/o2o_index/fl4_1.png)center top no-repeat;}