@charset "utf-8";
*{margin:0;padding:0;border:0;outline:0;vertical-align:baseline;background:transparent;font-family:"PingFang SC","Microsoft YaHei","微软雅黑";color: #000000;font-size: 14px;}
body{background: #FFFFFF;}
a{text-decoration: none;cursor: pointer;}
ul,li{list-style:none; text-decoration:none}
i{font-style: normal;}
.fl{float: left;}
.fr{float: right;}
img{border: none;}
em,h1{font-style: normal;}
.fl{float: left;}
.fr{float: right;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{*+height:1%;}
.width{width: 1180px;margin: 0 auto;}

a.btn_s{display: block;margin: 50px auto 0;text-align: center;font-size: 20px;color: #fff;font-weight: 500;line-height: 54px;height: 54px;width: 210px;border-radius: 6px;background: #7177f1;}

a.btn_s::after{display: inline-block;content: "";width: 16px;height: 16px;background: url(../../images/product/scrm/btn_arrow.png);background-size: 100%;margin-left: 5px;}

.banner{background: url(../../images/product/scrm/banner.png)center top no-repeat;height: 400px;background-size: cover;}
.banner i{display: block;font-weight: 500;font-size: 16px;color: #252627;padding-top: 90px;}

.banner i em{display: inline-block;width: 16px;height: 16px;margin-right: 4px;background: url(../../images/product/scrm/b_hash.png);background-size: 100%;vertical-align: -2px;}
.banner span{display: block;font-weight: 500;font-size: 38px;color: #000000;padding: 16px 0;}
.banner p{font-weight: 400;font-size: 20px;color: #5D5F63;padding-bottom: 40px;}
.banner a{display: block;margin: 0 auto;text-align: center;font-size: 20px;color: #fff;font-weight: 500;border-radius: 6px;background: #7177f1;margin-left: 0;width: 112px;height: 48px;line-height:48px;}
	
.title{text-align: center;padding: 100px 0 40px;}
.title span{display: block;font-size: 38px;font-weight: bold;color: #000000;}
.title p{font-size: 20px;color: #5D5F63;padding-top: 10px;}

.floor_1{height: auto;overflow: hidden;padding-bottom: 100px;background: #F3F5F8;}

.floor_1 .title{padding-bottom: 60px;}
.floor_1 ul{display: flex;justify-content:space-between;flex-wrap:wrap;}
.floor_1 ul li{width: 364px;height: 314px;background: #FFFFFF;border: 1px solid #F2F2F2;position: relative;}

.floor_1 ul li:hover{box-shadow: 8px 8px 20px 0px rgba(55,99,170,0.1);}

.floor_1 ul li h5{width: 112px;height: 40px;background: #0E6EFF;border-radius: 4px;margin: -20px auto 20px;font-weight: 500;font-size: 16px;color: #FFFFFF;line-height: 40px;text-align: center;}

.floor_1 ul li h4{display: block;width: 324px;height: 34px;background: rgba(14,110,255,0.1);border-radius: 4px;margin: 0 auto 20px;font-weight: 500;font-size: 14px;color: #0E6EFF;line-height: 34px;text-align: center;}

.floor_1 ul li dl{display: flex;justify-content: space-between;flex-wrap: wrap;width: 324px;margin: 0 auto;}

.floor_1 ul li dl dd{width: 72px;height: 36px;background: #F3F6FB;border-radius: 4px;font-weight: 400;font-size: 13px;color: #262626;line-height: 36px;text-align: center;margin-bottom: 12px;}

.floor_1 ul li:nth-child(2) dl dd{width: 156px;}

.floor_1 ul li:nth-child(3) dl dd{width: 100px;}

.floor_1 ul li:nth-child(3) dl dd:last-child{width: 324px;}

.floor_1 ul li .arrow{position: absolute; width: 32px;height:200px;top: 57px;left: 368px;background: url(../../images/product/scrm/arrow1.png);background-size: 100%;}


.floor_2{height: auto;overflow: hidden;padding-bottom: 100px;}
.floor_2 .pic{width: 1220px;height: 480px;margin: 0 auto;background: url(../../images/product/scrm/fl2_1.png);background-size: 100%;}

.floor_3{height: auto;overflow: hidden;padding-bottom: 100px;background: #F3F5F8;}
.floor_3 ul{display: flex;justify-content:space-between;flex-wrap:wrap;}
.floor_3 ul li{width: 364px;height: 468px;background: #FFFFFF;border: 1px solid #F2F2F2;box-sizing: border-box;position: relative;}

.floor_3 ul li:hover{box-shadow: 8px 8px 20px 0px rgba(55,99,170,0.1);}

.floor_3 ul li i{display: block;margin: 32px auto 24px;width: 120px;height: 120px;background: url(../../images/product/scrm/fl3_ico1.png);background-size: 100%;}

.floor_3 ul li:nth-child(2) i{background: url(../../images/product/scrm/fl3_ico2.png);background-size: 100%;}

.floor_3 ul li:nth-child(3) i{background: url(../../images/product/scrm/fl3_ico3.png);background-size: 100%;}

.floor_3 ul li h5{display: block;text-align: center;width: 112px;height: 40px;background: #0E6EFF;border-radius: 4px;margin: 0 auto 20px;font-weight: 500;font-size: 16px;color: #FFFFFF;line-height: 40px;}

.floor_3 ul li dl{display: flex;justify-content: space-between;flex-wrap: wrap;width: 324px;margin: 0 auto;}

.floor_3 ul li dl dd{width: 100px;height: 36px;background: #F3F6FB;border-radius: 4px;font-weight: 400;font-size: 13px;color: #262626;line-height: 36px;text-align: center;margin-bottom: 12px;}

.floor_3 ul li dl dd:last-child{width: 324px;}

.floor_3 ul li span{display: block;font-weight: 400;font-size: 16px;color: #000000;margin-left: 20px;margin-bottom: 6px;}

.floor_3 ul li span em{display: inline-block;width: 24px;height: 24px;background: url(../../images/product/scrm/fl3_flag1.png);background-size: 100%;vertical-align:-6px;margin-right: 8px;}

.floor_3 ul li span:nth-child(5) em{background: url(../../images/product/scrm/fl3_flag2.png);background-size: 100%;}

.floor_3 ul li p{font-weight: 400;font-size: 13px;color: #5D5F63;line-height: 15px;margin-left: 20px;margin-bottom: 24px;}

.floor_3 ul li>div{margin-left: 20px;display: flex;justify-content: space-between;flex-wrap: wrap;width: 312px;}

.floor_3 ul li b{display: inline-block;font-weight: 400;font-size: 16px;color: #000000;}

.floor_3 ul li b em{display: inline-block;width: 24px;height: 24px;background: url(../../images/product/scrm/fl3_flag3.png);background-size: 100%;vertical-align:-6px;margin-right: 8px;}

.floor_3 ul li b:nth-child(2) em{background: url(../../images/product/scrm/fl3_flag4.png);background-size: 100%;}

.floor_3 ul li .arrow{position: absolute; width: 32px;height:200px;top:77px;left: 348px;background: url(../../images/product/scrm/arrow1.png);background-size: 100%;}



.floor_4{height: auto;overflow: hidden;padding-bottom: 100px;}
.floor_4 .info{width: 1180px;height: 170px;background: linear-gradient( 180deg, #F3F5F8 0%, #FFFFFF 100%);box-shadow: 8px 8px 20px 0px rgba(55,99,170,0.1);border-radius: 8px;border: 1px solid #FFFFFF;margin-bottom: 16px;display: flex;align-items: center;}

.floor_4 .info .t1{width: 253px;height: 170px;background: linear-gradient( 180deg, #EAEFF6 0%, #F8FAFE 100%);border: 1px solid #FFFFFF;font-weight: 500;font-size: 20px;color: #262626;padding: 33px 0 0 26px;box-sizing: border-box;}

.floor_4 .info .t2{width: 746px;height: 170px;border: 1px solid rgba(0,0,0,0);box-sizing: border-box;padding-top: 32px;}

.floor_4 .info .t2 dl{display: flex;justify-content: flex-start;flex-wrap: wrap;width: 682px;height: 106px;margin: 0 auto;}

.floor_4 .info .t2 dl dd{width: 112px;height: 22px;margin-bottom: 20px;}

.floor_4 .info:nth-child(2) .t2 dl dd{width: 130px;height: 22px;margin-bottom: 20px;}

.floor_4 .info:nth-child(3) .t2 dl dd{width: 170px;height: 22px;margin-bottom: 20px;}

.floor_4 .info .t2 dl dd::before{display: inline-block;content: "";width: 14px;height: 14px;background: url(../../images/product/scrm/tick.png);background-size: 100%;margin-right: 7px;vertical-align: -1px;}

.floor_4 .info .t3{width: 181px;height: 170px;border: 1px solid rgba(0,0,0,0);box-sizing: border-box;position: relative;}

.floor_4 .info .t3 a{display: block;text-align: center;width: 116px;height: 36px;background: #005EF4;border-radius: 4px;font-weight: 400;font-size: 12px;color: #FFFFFF;line-height: 36px;margin: 66px auto 0;}

.floor_4 .info .t3 b{position: absolute;width: 1px;height: 106px;background: #E4E7ED;left: 0;top: 32px;}



.floor_5{height: auto;overflow: hidden;padding-bottom: 100px;background: #F3F5F8;}
.floor_5 ul{display: flex;justify-content: space-between;flex-wrap: wrap;}

.floor_5 ul li{width: 380px;height: 180px;background: linear-gradient( 180deg, #F3F5F8 0%, #FFFFFF 100%);box-shadow: 8px 8px 20px 0px rgba(55,99,170,0.1);border-radius: 8px;border: 2px solid #FFFFFF;margin-bottom: 20px;box-sizing: border-box;position: relative;}

.floor_5 ul li:hover{background: linear-gradient( 180deg, #EAEFF7 0%, #F8F9FB 100%);}

.floor_5 ul li i{display: block;font-weight: 500;font-size: 20px;color: #000000;padding: 32px 0 8px 20px;}

.floor_5 ul li:hover i{color: #005EF4;}

.floor_5 ul li p{font-weight: 400;font-size: 14px;color: #5D5F63;line-height: 20px;margin-left: 20px;}

.floor_5 ul li b{position: absolute;width: 68px;height: 68px;background: url(../../images/product/scrm/fl5_ico1.png);background-size: 100%;top: 56px;right: 20px;}

.floor_5 ul li:nth-child(2) b{background: url(../../images/product/scrm/fl5_ico2.png);background-size: 100%;}

.floor_5 ul li:nth-child(3) b{background: url(../../images/product/scrm/fl5_ico3.png);background-size: 100%;}

.floor_5 ul li:nth-child(4) b{background: url(../../images/product/scrm/fl5_ico4.png);background-size: 100%;}

.floor_5 ul li:nth-child(5) b{background: url(../../images/product/scrm/fl5_ico5.png);background-size: 100%;}

.floor_5 ul li:nth-child(6) b{background: url(../../images/product/scrm/fl5_ico6.png);background-size: 100%;}

.floor_5 a{margin-top: 30px;}



.floor_6{height: auto;overflow: hidden;padding-bottom: 100px;}
.floor_6 ul{display: flex;justify-content: space-between;flex-wrap: wrap;}

.floor_6 ul li{width: 280px;height: 271px;border: 1px solid rgba(0,0,0,0);box-sizing: border-box;background: linear-gradient( 180deg, #F3F5F8 0%, #FFFFFF 100%);}

/* .floor_6 ul li:hover{background: #005EF4;} */

.floor_6 ul li b{display: block;width: 280px;height: 180px;background: url(../../images/product/scrm/fl6_1.png);background-size: 100%;}

.floor_6 ul li:nth-child(2) b{background: url(../../images/product/scrm/fl6_2.png);background-size: 100%;}

.floor_6 ul li:nth-child(3) b{background: url(../../images/product/scrm/fl6_3.png);background-size: 100%;}

.floor_6 ul li:nth-child(4) b{background: url(../../images/product/scrm/fl6_4.png);background-size: 100%;}

.floor_6 ul li .info{width: 280px;height: 91px;background: linear-gradient( 180deg, #F3F5F8 0%, #FFFFFF 100%);border-radius: 0px 0px 8px 8px;}

.floor_6 ul li p{display: block;font-weight: 500;font-size: 18px;color: #262626;padding: 16px 0 0 20px;}

.floor_6 ul li i{display: block;font-weight: 400;font-size: 14px;color: #005EF4;padding: 8px 0 0 20px;}

.floor_6 ul li:hover .info{background: #005EF4;}

.floor_6 ul li:hover p{color: #FFFFFF;}

.floor_6 ul li:hover i{color: #FFFFFF;}