*{margin:0;padding:0;outline:0;border:0;background:0 0;color:#121212;vertical-align:baseline;font-family:Helvetica,PingFang SC,Microsoft YaHei,Tahoma,Arial,STHeiti,sans-serif!important}
body{position:relative;background:#fff}
a{text-decoration:none;cursor:pointer}
.fl{float:left}
.fr{float:right}
img{display:block;border:none}
em,h1,i{font-style:normal}
ul{list-style:none}
.width{margin: 0 auto;width: 1180px;}
.banner{background: url(../../images/product/scrm/banner.png)top center no-repeat;height:430px}
.banner b{display: block;font-size: 52px;line-height: 52px;color: #fff;padding: 120px 0 24.9975px}
.banner b em{font-size: 52px;line-height: 34px;color: #ff9c00;;}
.banner p{font-size: 24px;line-height: 24px;color: #fff;padding-bottom: 78px;}
.banner .btn{width: 160px;height: 56px;border-radius: 15px;text-align: center;color: #fff;line-height: 56px;display: block;font-size: 22px;background: linear-gradient(to right,#f7423c,#f77143);}
.content>div{padding-bottom: 100px;overflow: hidden;}
.content .tit{display: block;margin: 100px auto 60px;text-align: center;font-size:36px;}
.content  .fl_1 .box{display: flex;justify-content: space-between;}
.content  .fl_1 .box dl{width: 273px;height: 431px;position: relative;}
.content  .fl_1 .box dl dt{width: 100%;height:75px;background: url(../../images/product/scrm/fl1_1.png)center top no-repeat;}
.content  .fl_1 .box dl:nth-child(2) dt{background-image: url(../../images/product/scrm/fl1_2.png);}
.content  .fl_1 .box dl:nth-child(3) dt{background-image: url(../../images/product/scrm/fl1_3.png);}
.content  .fl_1 .box dl:nth-child(4) dt{background-image: url(../../images/product/scrm/fl1_4.png);}
.content  .fl_1 .box dl dt em{display: block;font-size: 18px;text-align: center;position: absolute;top: 15px;left: calc(30%);}
.content  .fl_1 .box dl dt em::before{display: block;content: "";width: 103px;height: 103px;background: url(../../images/product/scrm/fl.png)left top;margin: 0 auto;box-shadow: 3px 0 32px #e4e7f0;border-radius: 53px;margin-bottom: 17px;}
.content  .fl_1 .box dl:nth-child(2) dt em::before{background-position-x: -106px;}
.content  .fl_1 .box dl:nth-child(3) dt em::before{background-position-x: -212px;}
.content  .fl_1 .box dl:nth-child(4) dt em::before{background-position-x: -318px;}
.content  .fl_1 .box dl .top{height: 265px;border-radius: 15px;background: #fff;margin-top: -25px;font-size: 14px;line-height:24px;text-align: left;box-sizing: border-box;padding: 0 37px;box-shadow: 3px 0 32px #dde0e8;margin-bottom: 20px;}
.content  .fl_1 .box dl .top b {display: block;font-size: 24px;padding: 129px 0 29px;text-align: center;}
.content  .fl_1 .box dl .top::after{display: block;content: "";width:52px;height: 45px;position: absolute;background: url(../../images/product/scrm/fl.png) -424px 0;bottom: 85px;left: calc(38%);}
.content  .fl_1 .box dl .bottom{height: 69px;border-radius: 15px;background: #fff;box-sizing: border-box;padding: 0 37px;box-shadow: 3px 0 32px #dde0e8;font-size: 24px;color: #fe5c14;line-height: 69px;display: flex;justify-content: center;align-items: center;}
.content  .fl_1 .box dl .bottom::before{display: block;content: "";background: url(../../images/product/scrm/fl.png)left -106px;width: 40px;height: 40px;margin-right:17px}
.content  .fl_1 .box dl:nth-child(2) .bottom::before{background-position-x: -40px;}
.content  .fl_1 .box dl:nth-child(3) .bottom::before{background-position-x: -80px;}
.content  .fl_1 .box dl:nth-child(4) .bottom::before{background-position-x: -120px;}
.content .btn{display: block;margin: 61px auto 0;width: 190px;height: 60px;font-size: 20px;line-height: 60px;color: #fff;background: linear-gradient(to right,#ff7338,#ff9b46);border-radius: 8px;text-align: center;}

.content .fl_2{background: url(../../images/product/scrm/fl_2bg.png)no-repeat center top;}
.content .fl_2 .box {display: flex;justify-content: center;position: relative;}
.content .fl_2 .box div dl{width:247px;height:500px;border: 1px solid #ff9174;border-radius: 10px;background-color: #fff;transition: 0.5s;}
.content .fl_2 .box div dl:nth-child(2){width: 440px;opacity: 0;}
.content .fl_2 .box div dl dt{
    font-size: 22px;text-align: center;
}
.content .fl_2 .box div dl:nth-child(1) dt{margin-bottom: 54px;}
.content .fl_2 .box div dl:nth-child(1) dt::before{display: block;content: "";width:38px;height: 38px;margin: 54px auto 26px;background: url(../../images/product/scrm/fl.png) -160px -106px;}
.content .fl_2 .box div:nth-child(2) dl:nth-child(1) dt::before{background-position-x: -198px;}
.content .fl_2 .box div:nth-child(3) dl:nth-child(1) dt::before{background-position-x: -236px;}
.content .fl_2 .box div:nth-child(4) dl:nth-child(1) dt::before{background-position-x: -274px;}
.content .fl_2 .box div dl dd{font-size: 16px;color: #555555;text-align: center}
.content .fl_2 .box div dl dd b{display: block;font-size: 24px;text-align: center;margin: 30px 0 10px;}
.content .fl_2 .box div dl dd{background: url(../../images/product/scrm/fl2_1.png) no-repeat center 100%;height: 264px;background-size:174px;}
.content .fl_2 .box div:nth-child(2) dl dd{background-image: url(../../images/product/scrm/fl2_2.png);}
.content .fl_2 .box div:nth-child(3) dl dd{background-image: url(../../images/product/scrm/fl2_3.png);background-position-y:84%;}
.content .fl_2 .box div:nth-child(4) dl dd{background-image: url(../../images/product/scrm/fl2_4.png);}
.content .fl_2 .box div dl:nth-child(2){position: absolute;top: 0%;}
.content .fl_2 .box div dl:nth-child(2) dt{font-size: 0;background: url(../../images/product/scrm/fl2_t1.png)center top #f2673d;height: 60px;border-radius: 10px 10px 0 0;}
.content .fl_2 .box div:nth-child(2) dl:nth-child(2) dt{background-image: url(../../images/product/scrm/fl2_t2.png);}
.content .fl_2 .box div:nth-child(3) dl:nth-child(2) dt{background-image: url(../../images/product/scrm/fl2_t3.png);}
.content .fl_2 .box div:nth-child(4) dl:nth-child(2) dt{background-image: url(../../images/product/scrm/fl2_t4.png);}
.content .fl_2 .box div dl:nth-child(2) dd{background-size: 305px;}
.content .fl_2 .box div dl:nth-child(2) dd{height: 75%;}
.select{opacity: 1!important;}
.on{opacity: 0;width: 440px!important;}
.content .fl_3{padding-bottom: 0;}
.content .fl_3>div{overflow: hidden;padding-bottom: 100px;}
.content .fl_3>div .box{display: flex;justify-content: space-between;flex-wrap: wrap;flex-direction: column;height: 380px;}
.content .fl_3>div .box p{font-size: 16px;line-height: 26px;width: 376px;}
.content .fl_3>div .box p b{font-size: 20px;color:#f03c13;display: block;margin-bottom: 12px;display: flex;justify-content: flex-start; align-items: center;width: 180px;}
.content .fl_3>div .box p b::before{display: block;content: "";width: 23px;height: 23px;background: url(../../images/product/scrm/fl.png)left -146px;float: left;margin-right: 20px;}
.content .fl_3 .box1 .box p:nth-child(2) b::before{background-position-x: -23px;}
.content .fl_3 .box1 .box p:nth-child(3) b::before{background-position-x: -46px;}
.content .fl_3 .box1 .box p:nth-child(4) b::before{background-position-x: -69px;}
.content .fl_3>div .box .box_2{width: 620px;height: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;margin-top: 10px;}
.content .fl_3>div .box .box_2 em{width: 190px;height: 109px;display: flex;justify-content: center;align-items: center;box-shadow: 3px 0 20px #e2e5ee;font-size: 20px;flex-direction: column;background-color: #fff;}
.content .fl_3>div .box .box_2 em::before{display: block;content: "";width:32px;height: 32px;background: url(../../images/product/scrm/fl.png) left -169px;margin-bottom: 5px;}
.content .fl_3 .box1 .box .box_2 em:nth-child(2):before{background-position-x: -32px;}
.content .fl_3 .box1 .box .box_2 em:nth-child(3):before{background-position-x: -64px;}
.content .fl_3 .box1 .box .box_2 em:nth-child(4):before{background-position-x: -96px;}
.content .fl_3 .box1 .box .box_2 em:nth-child(5):before{background-position-x: -128px;}
.content .fl_3 .box1 .box .box_2 em:nth-child(6):before{background-position-x: -160px;}
.content .fl_3 .box1 .box .box_2 em:nth-child(7):before{background-position-x: -192px;}
.content .fl_3 .box1 .box .box_2 em:nth-child(8):before{background-position-x: -224px;}
.content .fl_3 .box1 .box .box_2 em:nth-child(9):before{background-position-x: -256px;}
.content  span{display: block;display: flex;justify-content: center;align-items: center;width: 350px;height: 60px;background: linear-gradient(to right,#ff7338,#ff9b46);border-radius: 8px;margin: 50px auto 0;}
.content  span .btn{width: 173px;height:48px;line-height: 48px;background: transparent;margin: 0 6px 0 6px;}
.btn_on{background-color: #fff !important;color: #fe5910 !important;}
.content .fl_3>div:nth-child(2n){background: #f5f8fb;}
.content .fl_3 .box2 .box,.content .box3 .box{height: 436px  !important;}
.content .fl_3 .box2 .box p:nth-child(2) b::before{background-position-x: -92px;}
.content .fl_3 .box2 .box p:nth-child(3) b::before{background-position-x: -115px;}
.content .fl_3 .box2 .box p:nth-child(4) b::before{background-position-x: -138px;}
.content .fl_3 .box2 .box p:nth-child(5) b::before{background-position-x: -69px;}
.content .fl_3 .box2 .box .box_2 em,.content .box3 .box .box_2 em{height: 92px !important;}
.content .fl_3 .box2 .box .box_2 em:before{background-position-x:-288px;}
.content .fl_3 .box2 .box .box_2 em:nth-child(2)::before{background-position-x:-320px;}
.content .fl_3 .box2 .box .box_2 em:nth-child(3)::before{background-position:left -201px;}
.content .fl_3 .box2 .box .box_2 em:nth-child(4)::before{background-position:-32px -201px;}
.content .fl_3 .box2 .box .box_2 em:nth-child(5)::before{background-position:-64px -201px;}
.content .fl_3 .box2 .box .box_2 em:nth-child(6)::before{background-position:-96px -201px;}
.content .fl_3 .box2 .box .box_2 em:nth-child(7)::before{background-position:-128px -201px;}
.content .fl_3 .box2 .box .box_2 em:nth-child(8)::before{background-position:-160px -201px;}
.content .fl_3 .box2 .box .box_2 em:nth-child(9)::before{background-position:-192px -201px;}
.content .fl_3 .box2 .box .box_2 em:nth-child(10)::before{background-position:-224px -201px;}
.content .fl_3 .box2 .box .box_2 em:nth-child(11)::before{background-position:-256px -201px;}
.content .fl_3 .box2 .box .box_2 em:nth-child(12)::before{background-position:-288px -201px;}
.content .fl_3 .box3 .box p:nth-child(1) b::before{background-position-x: -161px;}
.content .fl_3 .box3 .box p:nth-child(2) b::before{background-position-x: -184px;}
.content .fl_3 .box3 .box p:nth-child(3) b::before{background-position-x: -207px;}
.content .fl_3 .box3 .box p:nth-child(4) b::before{background-position-x: -230px;}
.content .fl_3 .box3 .box .box_2 em::before{background-position:-320px -201px;}
.content .fl_3 .box3 .box .box_2 em:nth-child(2)::before{background-position:-0px -233px;}
.content .fl_3 .box3 .box .box_2 em:nth-child(3)::before{background-position:-32px -233px;}
.content .fl_3 .box3 .box .box_2 em:nth-child(4)::before{background-position:-64px -233px;}
.content .fl_3 .box3 .box .box_2 em:nth-child(5)::before{background-position:-96px -233px;}
.content .fl_3 .box3 .box .box_2 em:nth-child(6)::before{background-position:-128px -233px;}
.content .fl_3 .box3 .box .box_2 em:nth-child(7)::before{background-position:-160px -233px;}
.content .fl_3 .box3 .box .box_2 em:nth-child(8)::before{background-position:-192px -233px;}
.content .fl_3 .box3 .box .box_2 em:nth-child(9)::before{background-position:-224px -233px;}
.content .fl_3 .box3 .box .box_2 em:nth-child(10)::before{background-position:-256px -233px;}
.content .fl_3 .box3 .box .box_2 em:nth-child(11)::before{background-position:-288px -233px;}
.content .fl_3 .box3 .box .box_2 em:nth-child(12)::before{background-position:-320px -233px;}
.content .fl_3 .box4 .box p:nth-child(1) b::before{background-position-x: -256px;}
.content .fl_3 .box4 .box p:nth-child(2) b::before{background-position-x: -279px;}
.content .fl_3 .box4 .box p:nth-child(3) b::before{background-position-x: -302px;}
.content .fl_3 .box4 .box p:nth-child(4) b::before{background-position-x: -69px;}
.content .fl_3 .box4 .box .box_2 em::before{background-position: left -265px ;}
.content .fl_3 .box4 .box .box_2 em:nth-child(2)::before{background-position-x: -32px;}
.content .fl_3 .box4 .box .box_2 em:nth-child(3)::before{background-position-x: -64px;}
.content .fl_3 .box4 .box .box_2 em:nth-child(4)::before{background-position-x: -96px;}
.content .fl_3 .box4 .box .box_2 em:nth-child(5)::before{background-position-x: -128px;}
.content .fl_3 .box4 .box .box_2 em:nth-child(6)::before{background-position-x: -160px;}
.content .fl_3 .box4 .box .box_2 em:nth-child(7)::before{background-position-x: -192px;}
.content .fl_3 .box4 .box .box_2 em:nth-child(8)::before{background-position-x: -224px;}
.content .fl_3 .box4 .box .box_2 em:nth-child(9)::before{background-position-x: -256px;}
.content .fl_4 div{display: flex;justify-content: space-between;}

.content .fl_4 .box p,.content .fl_4 .box p em{display: flex;justify-content: center;align-items: center;flex-direction:column;}
.content .fl_4 .box p{width:264px;height: 269px;border-radius: 8px;box-shadow: 2px 0 28px #dde0e8; }
.content .fl_4 .box p em{font-size: 22px;margin-bottom: 17px;}
.content .fl_4 .box p em::before{display: block;content: ""; width: 78px;height: 78px;background: url(../../images/product/scrm/fl.png) -352px -106px;margin-bottom: 37px;}
.content .fl_4 .box p:nth-child(2) em:before{background-position-x: -430px;}
.content .fl_4 .box p:nth-child(3) em:before{background-position-y: -184px;}
.content .fl_4 .box p:nth-child(4) em:before{background-position: -430px -184px;}
.content .fl_4 .box p b{font-size: 22px;}
.content .fl_4 .box2{width: 380px}
.content .fl_4 .box2 .btn{width: 170px;}
.content .fl_4 .box2 .btn:first-child{background: #fff;
    border: 1px solid #fd551b; color: #fd551b;}