/* baidu.html / SEM：主体样式对齐官网 /sem/ ，图片资源使用本地 ../image */
/*slick.css*/
.sqiao_fixed{height: auto !important;}
.sqiao_fixed ul{margin-bottom: 8px;}
.slick-slider{position: relative; z-index: 2;}
.slick-list{position: relative; overflow: hidden;}
.slick-list:focus{outline: 0;}
.slick-list.dragging{cursor: pointer; cursor: hand;}
.slick-track{position: relative;}
.slick-track:before,.slick-track:after{content: ""; display: table;}
.slick-track:after{clear: both;}
.slick-loading .slick-track{visibility: hidden;}
.slick-slide{float: left; height: 100%; min-height: 1px; display: none; position: relative; z-index: 1;}
.slick-slide:focus{outline: 0;}
.slick-slide.slick-active{z-index: 2;}
.slick-slide.slick-loading img{display: none;}
.slick-slide.dragging img{pointer-events: none;}
.slick-initialized .slick-slide{display: block;}
.slick-loading .slick-slide{visibility: hidden;}
.slick-vertical .slick-slide{display: block; height: auto; border: 1px solid transparent;}
.slick-prev,.slick-next{display:block; width: 20px; height: 20px; line-height: 0; font-size: 0; cursor: pointer; position: absolute; top: 50%; margin-top: -10px; z-index: 6;}
.slick-prev:focus,.slick-next:focus{outline: 0;}
.slick-prev{left: -25px;}
.slick-next{right: -25px;}
.slick-dots{width: 100%; font-size: 0; text-align: center; position: absolute; bottom: 30px; z-index: 4;}
.slick-dots li{position: relative; display: inline-block; margin: 0 5px;}
.slick-dots li button{display: block; width: 14px; height: 14px; line-height: 0; font-size: 0; background: #fff; border-radius: 50%; cursor: pointer;}
.slick-dots li.slick-active button{background: #c4273a;}
/* 仅限定本页，避免覆盖 common.css 全局 .container，导致页脚/其它模块被压窄。
* 区块背景全屏，内容容器居中，宽度对齐其它专题页（1500 / 1200）。
*/
.baidu-page{background: #f2f3f7; width: 100%; padding: 0 0 20px;}
.baidu-page .wrapper,
.baidu-page .container,
.baidu-page .container2{width: 1500px; margin: 0 auto; position: relative;}
@media only screen and (max-width: 1549px){
.baidu-page .wrapper,
.baidu-page .container,
.baidu-page .container2{width: 1200px;}
}
@media only screen and (max-width: 1240px){
.baidu-page .wrapper,
.baidu-page .container,
.baidu-page .container2{width: 100%; padding: 0 16px; box-sizing: border-box;}
}
/*首页*/
.intitle{font-size: 30px; font-weight: bold; color: #333; height: 30px; line-height: 30px; border-left: 4px solid #cd000f; padding-left: 10px; position: relative;}
.intitle span{font-size: 18px; font-weight: normal; margin-left: 16px; position: relative; top: 2px;}
.intitle a{height: 20px; line-height: 20px; font-size: 14px; font-weight: normal; color: #666; text-transform: capitalize; position: absolute; right: 0; bottom: 0;}
.intitle a u{font-style: italic;}
/*首页---广告图*/
.banner{position: relative;margin-top: var(--page-header-offset, 110px);}
.banner .site-advert-banner,
.banner .advert-carousel{width:100%;}
.banner .advert-carousel__slide img{width:100%;height:auto;display:block;object-fit:cover;}
#banner{overflow: hidden;}
#banner .slick-slide{width: 100%; position: relative;}
#banner .slick-slide a{display: block; width: 100%; height: 100%;}
/* #banner .slick-slide img{max-width: none; width: 1920px; position: relative; left: 50%; top: 0; margin-left: -960px;} */
#banner .slick-slide img{width: 100%;}
.bans-dots{width: 100%; font-size: 0; text-align: center; position: absolute; left: 0; bottom: 30px; z-index: 10;}
.bans-dots .pos{display: inline-block; vertical-align: top; position: relative;}
.bans-dots .line{width: 100%; height: 1px; background: #fff; filter: alpha(opacity=60); opacity: .6; position: absolute; left: 0; top: 0;}
.bans-dots ul{position: relative; z-index: 2;}
.bans-dots li{width: 90px; float: left; padding-top: 1px; position: relative; font-size: 14px; color: #fff; text-align: center; cursor: pointer;}
.bans-dots li span{display: block; width: 1px; height: 5px; background: #fff; filter: alpha(opacity=60); opacity: .6; position: absolute; left: 0; top: -5px;}
.bans-dots li i{display: block; width: 0; height: 2px; background: #c5394b; position: absolute; left: 0; top: -1px;}
.bans-dots li em{display: block; height: 30px; line-height: 30px;}
.bans-dots li.active{font-weight: bold; color: #c5394b;}
.bans-dots li.active i{width: 100%;}
/*首页---服务项目*/
.inservice{background: #fff; padding: 52px 0; position: relative; overflow: hidden;}
.inservice-box{margin-top: 30px;}
/* 不用 overflow:hidden 当 clearfix，否则会裁掉 box-shadow，四张卡片会挤成细边框、末项右侧被切掉 */
.inservice-box ul{display: flex; margin: 0 -10px; padding: 12px 0; list-style: none;}
.inservice-box li{flex: 1; width: auto; min-width: 0; float: none; margin: 0 10px; background: #fff; box-shadow: 0 0 10px rgba(7,0,2,.1); padding: 40px 0 50px 0; box-sizing: border-box; transition: transform .5s;}
.inservice-box li .icon{width: 40px; height: 40px; background: url(../image/icon1.png) no-repeat; margin: 0 auto;}
.inservice-box li .ico1{background-position: 0 -22px;}
.inservice-box li .ico2{background-position: -40px -22px;}
.inservice-box li .ico3{background-position: -80px -22px;}
.inservice-box li .ico4{background-position: -120px -22px;}
.inservice-box li .title{font-size: 24px; line-height: 30px; font-weight: bold; color: #000; text-align: center; margin-top: 34px;}
.inservice-box li .desc{font-family: "Microsoft Yahei Light"; font-size: 17px; height: 90px; line-height: 30px; text-align: center; margin-top: 12px;}
.inservice-box li .more{display: block; width: 138px; height: 34px; line-height: 34px; color: #666; text-align: center; margin: 28px auto 0; border: 1px solid #999;}
.inservice-box li .more:hover{background: #c4273a; color: #fff!important; border-color: #c4273a;}
.inservice-box li:hover{transform: translateY(-10px);}
/*首页---案例*/
.incase{padding: 38px 0 68px 0; background: url(../image/incase-bg1.jpg) no-repeat center top; position: relative; overflow: hidden; margin-top: 20px;}
.incase .intitle{color: #fff;}
.incase-tabbox{margin-top: 20px;}
.incase-tabtit{position: relative;}
.incase-tabtit ul{margin: 0 -1px; overflow: hidden;}
.incase-tabtit li{float: left; padding: 0 77px; height: 36px; line-height: 36px; margin: 0 1px; background: #fff; cursor: pointer;}
.incase-tabtit li i,.incase-tabtit li span{display: inline-block; vertical-align: middle; font-size: 0;}
.incase-tabtit li i{width: 22px; height: 22px; background: url(../image/icon1.png) no-repeat; margin-right: 4px; margin-top: -2px;}
.incase-tabtit li .ico1{background-position: 0 -143px;}
.incase-tabtit li .ico2{background-position: -22px -143px;}
.incase-tabtit li .ico3{background-position: -44px -143px;}
.incase-tabtit li .ico4{background-position: -66px -143px;}
.incase-tabtit li .ico5{background-position: -66px -143px;}
.incase-tabtit li .ico6{background-position: -66px -143px;}
.incase-tabtit li .ico7{background-position: -66px -143px;}
.incase-tabtit li .ico8{background-position: -66px -143px;}
.incase-tabtit li .ico9{background-position: -66px -143px;}
.incase-tabtit li .ico10{background-position: -66px -143px;}
.incase-tabtit li span{font-size: 14px; vertical-align: top;}
.incase-tabtit li.active{background: #cd000f; color: #fff;}
.incase-tabtit li.active .ico1{background-position: 0 -84px;}
.incase-tabtit li.active .ico2{background-position: -22px -165px;}
.incase-tabtit li.active .ico3{background-position: -44px -165px;}
.incase-tabtit li.active .ico4{background-position: -66px -165px;}
.incase-tabtit li.active .ico5{background-position: -66px -165px;}
.incase-tabtit li.active .ico6{background-position: -66px -165px;}
.incase-tabtit li.active .ico7{background-position: -66px -165px;}
.incase-tabtit li.active .ico8{background-position: -66px -165px;}
.incase-tabtit li.active .ico9{background-position: -66px -165px;}
.incase-tabtit li.active .ico10{background-position: -66px -165px;}
.incase-more{height: 20px; line-height: 20px; font-size: 14px; position: absolute; right: 0; top: -30px;}
.incase-more a{color: #fff; text-transform: capitalize;}
.incase-more a u{font-style: italic;}
.incase-tabcont{margin-top: 30px; position: relative;}
.incase-tabitem ul{margin: -15px; position: relative; overflow: hidden;}
.incase-tabitem li{width: 585px; height: 215px; float: left; margin: 15px; background: #fff;}
.incase-tabitem li .pic{width: 285px; float: left; overflow: hidden;}
.incase-tabitem li .pic img{width: 285px; height: 215px; transition: transform 1s;}
.incase-tabitem li .pic:hover img{transform: scale(1.1);}
.incase-tabitem li .text{width: 254px; float: right; margin-right: 26px; margin-top: 18px;}
.incase-tabitem li .title{height: 28px; line-height: 28px; font-size: 18px; font-weight: bold; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.incase-tabitem li .intro{height: 20px; line-height: 20px; overflow: hidden; font-size: 14px; margin-top: 8px;}
.incase-tabitem li .line{width: 55px; height: 2px; background: #c4273a; margin-top: 16px;}
.incase-tabitem li .desc{font-size: 14px; height: 72px; line-height: 24px; margin-top: 14px; overflow: hidden; display: -webkit-box !important; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 3; line-clamp: 3;}
/*首页---解决方案*/
.insolution{padding: 56px 0 36px 0; background: #fff; margin-top: 20px; position: relative; overflow: hidden;}
.insolution-head{position: absolute; left: 155px; top: 0;}
.insolution-head h3{font-size: 22px;}
.insolution-head p{font-size: 15px; margin-top: 14px;}
.insolution-box{margin-top: 60px;}
.insolution:not(.case-module) .insolution-box ul{display: flex; margin: 0 -6px; list-style: none;}
.insolution:not(.case-module) .insolution-box li{flex: 1; width: auto; min-width: 0; float: none; margin: 0; padding: 20px 8px; box-sizing: border-box; text-align: center; transition: box-shadow .6s;}
.insolution-box ul{margin: 0 -6px;}
.insolution-box li{width: 20%; float: left; margin: 0; padding: 20px 8px; box-sizing: border-box; text-align: center; transition: box-shadow .6s;}
.baidu-page .case-module .insolution-box li{width: 25%;}
.insolution-box li .pic img{height: 136px;}
.insolution-box li .title{font-size: 18px; font-weight: bold; margin-top: 26px;}
.insolution-box li .desc{font-size: 14px; line-height: 24px; margin-top: 22px;}
.insolution-box li .more{display: block; width: 138px; height: 38px; line-height: 38px; border: 1px solid #666; font-size: 14px; color: #666; text-align: center; margin: 24px auto 0;}
.insolution-box li .more i{display: inline-block; vertical-align: middle; width: 24px; height: 7px; background: url(../image/icon1.png) no-repeat -78px 0; margin-left: 9px; position: relative; top: -2px;}
.insolution-box li .more:hover{background: #c4273a; border-color: #c4273a; color: #fff!important;}
.insolution-box li .more:hover i{background-position: -78px -7px;}
.insolution-box li:hover{box-shadow: 0 0 20px rgba(7,0,2,.16);}
/*首页---关键词*/
.inkeyword{padding: 31px 0 48px 0; background: url(../image/inkeyword-bg.jpg) no-repeat center top; margin-top: 20px;}
.inkeyword .intitle{color: #fff;}
.inkeyword .intitle a{color: #fff;}
.inkeyword-item{width: 590px;}
.inkeyword-scroll{margin-top: 20px;}
.inkeyword-scroll ul li{width: 78px; float: left; margin: 0 10px; text-align: center; overflow: hidden;}
.inkeyword-scroll ul li.w1{width: 168px; margin-left: 16px; text-align: left;}
.inkeyword-scroll ul li.w2,.inkeyword-scroll ul li.w3{width: 90px;}
.inkeyword-scroll ul li.w3{width: 72px;}
.inkeyword-scroll ul li.w5{margin-right: 8px;}
.inkeyword-scroll .th{margin-bottom: 1px;}
.inkeyword-scroll .th ul{background: #9baae1; overflow: hidden;}
.inkeyword-scroll .th ul li{height: 50px; line-height: 50px; font-size: 18px; font-weight: bold;}
.inkeyword-scroll .bd{height: 369px; position: relative; overflow: hidden;}
.inkeyword-scroll .bd ul{background: #eaf3ff; overflow: hidden; margin-bottom: 1px;}
.inkeyword-scroll .bd ul.n2{background: #fff;}
.inkeyword-scroll .bd ul li{height: 36px; line-height: 36px; font-size: 14px;}
.inkeyword-scroll .bd ul li.w3{color: #c4273a;}
.inkeyword-item.fr .inkeyword-scroll ul li{margin: 0 10px;}
.inkeyword-item.fr .inkeyword-scroll ul li.w1{width: 168px; margin-left: 16px;}
.inkeyword-item.fr .inkeyword-scroll ul li.w4{width: 122px; margin-right: 18px;}
/*首页---流程*/
.inprocess{padding: 42px 0 48px 0; background: url(../image/inprocess-bg.jpg) no-repeat center top;}
.inprocess .intitle a{color: #282828;}
.inprocess-box{margin-top: 20px;}
.inprocess .tit{width: 100px; height: 320px; float: left;}
.inprocess .tit img{display: block; width: 100px; height: 320px;}
.inprocess .cont{margin-left: 100px; overflow: hidden;}
.inprocess .cont ul{overflow: hidden; margin-left: -1px;}
.inprocess .cont li{width: 219px; float: left; margin-left: 1px; height: 158px; border-top: 2px solid #c4273a; background: #fff;}
.inprocess .cont li .icon{width: 70px; height: 62px; margin: 26px auto 0; background: url(../image/icon1.png) no-repeat; transition: transform .8s;}
.inprocess .cont li .ico1{background-position: 0 -106px;}
.inprocess .cont li .ico2{background-position: -70px -106px;}
.inprocess .cont li .ico3{background-position: -140px -106px;}
.inprocess .cont li .ico4{background-position: -210px -106px;}
.inprocess .cont li .ico5{background-position: -280px -106px;}
.inprocess .cont li .ico6{background-position: 0 -168px;}
.inprocess .cont li .ico7{background-position: -70px -168px;}
.inprocess .cont li .ico8{background-position: -140px -168px;}
.inprocess .cont li .ico9{background-position: -210px -168px;}
.inprocess .cont li .ico10{background-position: -280px -168px;}
.inprocess .cont li .title{font-family: "Microsoft Yahei Light"; font-size: 18px; font-weight: bold; text-align: center; margin-top: 14px;}
.inprocess .cont li:hover .icon{transform: rotateY(180deg);}
/*首页---技术团队*/
.inteam{background: #fff; margin-top: 20px; position: relative; overflow: hidden; width: 100%;}
.inteam .container{position: relative;}
.inteam .text{padding-left: 50px; position: absolute; left:0; top: 46px;}
.inteam .text .title{font-size: 36px; font-weight: bold; line-height: 42px;}
.inteam .text .intro{margin-top: 34px; position: relative;}
.inteam .text .intro h3{font-size: 20px; color: #000;}
.inteam .text .intro p{font-size: 14px; color: #333; margin-top: 6px;}
.inteam .text .intro .num{font-size: 26px; font-weight: bold; line-height: 1; color: #c4273a; position: absolute; left: 274px; top: -2px;}
.inteam .text .intro .num span{font-family: "Arial"; font-size: 56px;}
.inteam .text .more{display: block; width: 138px; height: 36px; line-height: 36px; border: 1px solid #999; font-size: 14px; color: #666; text-align: center; margin-top: 48px;}
.inteam .text .more:hover{background: #c4273a; border-color: #c4273a; color: #fff!important;}
.inteam .pic{width: 846px; float: right;margin-top: 66px;}
.inteam .pic img{width: 100%;}
@media only screen and (max-width: 1549px){
.inteam .text{padding-left: 30px; top: 30px;}
.inteam .text .title{font-size: 32px;}
.inteam .text .intro{margin-top: 28px;}
.inteam .text .more{margin-top: 38px;}
.inteam .pic{width: 700px; margin-right: 20px;}
}
/*首页---关于我们*/
.inabout{position: relative; overflow: hidden; background: #fff; margin-top: 20px; width: 100%;}
.inabout .container{overflow: hidden;}
.inabout .pic{overflow: hidden;}
.inabout .pic img{width: 100%; transition: transform 1.2s;}
.inabout .pic:hover img{transform: scale(1.1);}
.inabout .text{width: auto; max-width: 630px; padding: 40px 20px 40px 50px; position: relative; right: auto; top: auto;}
.inabout .text .title{font-family: "Microsoft Yahei Light"; font-size:38px; font-weight: bold; line-height: 1.25; color: #000;}
.inabout .text .line{width: 50px; height: 4px; background: #c4273a; margin-top: 20px;}
.inabout .text .desc{font-size: 18px; line-height: 30px;; margin-top: 20px; text-align: justify;}
.inabout .text .more{display: block; width: 158px; height: 38px; line-height: 38px; border: 1px solid #999; color: #666; text-align: center; margin-top: 46px;}
.inabout .text .more:hover{background: #c4273a; border-color: #c4273a; color: #fff!important;}
@media only screen and (max-width: 1549px){
.inabout .text{padding-top: 2.2%; padding-right: 40px;}
.inabout .text .title{font-size: 40px;}
.inabout .text .desc{font-size: 16px;}
}
@media only screen and (max-width: 1399px){
.inabout .text .more{margin-top: 32px;}
}
.incase-tabitem li .intro span{
float: left;
font-weight: bold;
color: #cd000f;
font-size: 15px;
}
.incase-tabitem li .intro em{
float: right;
font-weight: bold;
color: #cd000f;
font-size: 15px;
}
/*首页---新闻*/
.innews{overflow: hidden; background: #fff; padding: 50px 0 44px 0; margin-top: 20px; width: 100%;}
.innews .container{width: 1500px; margin: 0 auto; padding: 0;}
.innews ul{margin: 0 -15px;}
.innews li .item{margin: 0 15px;}
.innews li .title{height: 24px; line-height: 24px; font-size: 24px; font-weight: bold; border-left: 4px solid #c4273a; margin-bottom: 20px; padding-left: 12px;}
.innews li .title a{float: right; margin-right: 4px; font-size: 14px; font-weight: normal; color: #666;}
.innews li .dt{margin-bottom: 16px;}
.innews li .dt a{display: block; padding: 20px 34px 26px 40px; background: #fff; border: 1px solid #ccc;}
.innews li .dt .time{height: 30px; line-height: 30px; font-size: 18px; font-weight: bold; color: #c4273a; transition: color .5s;}
.innews li .dt .line{width: 23px; height: 2px; background: #ccc; margin-left: 14px; margin-top: 10px; transition: background .5s;}
.innews li .dt h3{font-size: 24px; height: 68px; line-height: 34px; overflow: hidden; margin-top: 10px;}
.innews li .dt .desc{font-family: "Microsoft Yahei Light"; font-size: 14px; height: 72px; line-height: 24px; color: #666; overflow: hidden; transition: color .5s; margin-top: 10px;}
.innews li .dt a:hover{background: #c4273a; border-color: #c4273a; color: #fff!important;}
.innews li .dt a:hover .line{background: #fff;}
.innews li .dt a:hover .time,.innews li .dt a:hover .desc{color: #fff!important;}
.innews li .dt a:hover .time{border-bottom-color: #fff;}
.innews li .dd{height: 48px; line-height: 48px; border-bottom: 1px solid #ccc; padding: 0 4px; margin-top: 6px;}
.innews li .dd .time{float: right; color: #999;}
.innews li .dd h3{height: 48px; line-height: 48px; font-size: 15px; margin-right: 130px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
@media only screen and (max-width: 1549px){
.innews .container{width: 1200px;}
.innews ul{margin: 0 -10px;}
.innews li .item{margin: 0 10px;}
.innews li .dt a{padding-left: 24px; padding-right: 18px;}
.innews li .dt h3{font-size: 22px;}
}
.insolution{background: #f3f8ff; padding-bottom: 40px; position: relative; overflow: hidden;}
.insolution .inentitle{color: #e9f1fc;}
.insolution .intitle h2:after{display: block; content: ""; width: 30px; height: 30px; border-radius: 50%; background-image: linear-gradient(to right,#77c2fb,#83eefe); position: absolute; right: -36px; bottom: -10px;}
.insolution-box{margin-top: 50px;}
.insolution-box li .item{margin: 0 18px; padding: 20px 10px; transition: box-shadow .6s;display: block}
.insolution-box li .icon{width: 102px; height: 102px; margin: 0 auto; overflow: hidden;}
.insolution-box li .ico1{background-position: 0 -50px;}
.insolution-box li .ico2{background-position: -102px -50px;}
.insolution-box li .ico3{background-position: -204px -50px;}
.insolution-box li .title{font-size: 17px; font-weight: bold; color: #514a7c; margin-top: 22px; text-align: center;}
.insolution-box li .line{width: 40px; height: 2px; background: #cd000f; margin: 24px auto 0;}
.insolution-box li .desc{font-size: 16px; height: 104px; line-height: 26px; text-align: center; margin-top: 22px;}
.insolution-box li .more{display: block; width: 118px; height: 28px; line-height: 28px; color: #666; text-align: center; margin: 24px auto 0; border: 1px solid #999; border-radius: 15px;}
.insolution-box li .more:hover{background: #cd000f; background-image: linear-gradient(to right,#cd000f,#cd000f); color: #fff!important; border-color: #cd000f;}
/* .insolution-box li .item:hover{box-shadow: 0 0 20px rgba(7,0,2,.16);} */
@media only screen and (max-width: 1549px){
.insolution-box ul{margin: 0 -8px;}
.insolution-box li .item{margin: 0 8px;}
/* .insolution-box li .title{font-size: 24px;} */
.insolution-box li .desc{font-size: 14px;}
}
.inabout-show-ibox .incase-tabcont{
margin: 30px -12px 0;
}
@media only screen and (max-width: 1549px){
/* .incase-tabtit li{padding: 0 16px;} */
}
.incust{
background-size: cover;
}
.inabout .text .desc{
font-size: 16px;
line-height:25px;
}
.inabout .text .desc .p1{
margin-bottom: 26px;
}
.inabout .text .line{
background-color: #DE0618;
}
.inabout .text .more{
margin-top: 26px;
}
.incase-tabtit li .ico1{background-position: 0 -143px;}
.incase-tabtit li .ico2{background-position: -133px -143px;}
.incase-tabtit li .ico3{background-position: -87px -143px;}
.incase-tabtit li .ico4{background-position: -108px -143px;}
.incase-tabtit li .ico5{background-position: -66px -143px;}
.incase-tabtit li .ico6{background-position: -201px -143px;}
.incase-tabtit li .ico7{background-position: -154px -143px;}
.incase-tabtit li .ico8{background-position: -41px -143px;}
.incase-tabtit li .ico9{background-position: -23px -143px;}
.incase-tabtit li .ico10{background-position: -175px -143px;}
.incase-tabtit li.active .ico1{background-position: 0 -165px;}
.incase-tabtit li.active .ico2{background-position: -133px -165px;}
.incase-tabtit li.active .ico3{background-position: -87px -165px;}
.incase-tabtit li.active .ico4{background-position: -108px -165px;}
.incase-tabtit li.active .ico5{background-position: -66px -165px;}
.incase-tabtit li.active .ico6{background-position: -201px -165px;}
.incase-tabtit li.active .ico7{background-position: -154px -165px;}
.incase-tabtit li.active .ico8{background-position: -41px -165px;}
.incase-tabtit li.active .ico9{background-position: -23px -165px;}
.incase-tabtit li.active .ico10{background-position: -175px -165px;}
.insolution-box li .ico1 {
background-position:-102px -50px;
}
.insolution-box li .ico2 {
background-position: -204px -50px;
}
.insolution-box li .ico6 {
background-position: -306px -50px;
}
.insolution-box li .ico3, .insolution-box li .ico7,.insolution-box li .ico8 {
background: url(../image/ali-icon2.png) no-repeat;
}
.insolution-box li .ico3{
background-position: 8px 14px;
}
/* .insolution-box li .ico4{
background-position: -118px 14px;
} */
/* .insolution-box li .ico5{
background-position: -255px 14px;
} */
.insolution-box li .ico7{
background-position: -389px 17px;
}
.insolution-box li .ico8{
background-position: -523px 13px;
}
.insolution-box li .ico9{
background-image: url(../image/icon222.png);
background-repeat: no-repeat;
background-size: auto;
background-position: 0 -50px !important;
}
/*转换客户案例*/
.main-cust{padding-bottom: 60px;}
.list-cust{padding: 50px 0 80px 0;}
.list-cust ul{margin: -20px -15px; position: relative; overflow: hidden;}
.list-cust li .item{display: block; min-height: 120px; margin: 20px 15px; overflow: hidden; border-radius: 12px; position: relative;}
.list-cust li img{display: block; width: 100%; transition: transform 1s;}
.list-cust li .mask{width: 100%; height: 100%; opacity: 0; visibility: hidden; position: absolute; left: 0; top: 0; transition: opacity .5s,visibility .5s;}
.list-cust li .bg{width: 100%; height: 100%; background: #ff762e; filter: alpha(opacity=60); opacity: .6; position: absolute; left: 0; top: 0; z-index: 1;}
.list-cust li .icon{width: 74px; height: 74px; background: url(../image/icon222.png) no-repeat 0 -336px; position: absolute; left: 50%; top: 50%; margin-left: -37px; margin-top: -37px; z-index: 2;}
.list-cust li .ico1{background-position: 0 -336px;}
.list-cust li .ico2{background-position: -74px -336px;}
.list-cust li .item:hover img{transform: scale(1.1);}
.list-cust li .item:hover .mask{opacity: 1; visibility: visible;}
.layui-layer-image .layui-layer-content{overflow: hidden!important;}
.layui-layer-video video{display: block; width: 100%; height: 100%; background: #000;}
.layui-layer-video video:focus{outline: 0;}
.layui-layer-cust .layui-layer-setwin{width: 30px; height: 30px; right: 0; top: -30px;}
.layui-layer-cust .layui-layer-setwin a{margin-left: 0; width: 16px; height: 16px; background: url(../image/icon222.png) no-repeat -372px -202px!important; left: 14px; top: 0;}
.cust-ajax{text-align: center;}
.cust-ajax > span{display: inline-block; background: #445268; width: 4px; height: 35px; border-radius: 2px; margin: 2px; animation-fill-mode: both; animation: line-scale-pulse-out-rapid 0.9s 0s infinite cubic-bezier(.11,.49,.38,.78);}
.cust-ajax > span:nth-child(4){animation-delay: 0.25s!important;}
.cust-ajax > span:nth-child(1),.cust-ajax > span:nth-child(5){animation-delay: 0.5s!important;}
@keyframes line-scale-pulse-out-rapid{0%{-webkit-transform: scaley(1); transform: scaley(1);}80%{-webkit-transform: scaley(0.3); transform: scaley(0.3);}90%{-webkit-transform: scaley(1); transform: scaley(1);}}
.cust-ajax > em{display: inline-block; vertical-align: top; margin-left: 14px; height: 46px; line-height: 46px;}
@media only screen and (max-width: 1549px){
.list-cust ul{margin: -14px -10px;}
.list-cust li .item{margin: 14px 10px; border-radius: 8px;}
}
@media only screen and (max-width: 960px){
.incust{padding-bottom:30px !important;}
.incase{background-size: cover;}
.insolution{padding-top:25px;}
.baidu-page .container,
.baidu-page .container2,
.innews .container{width:100% !important;padding:0 16px;box-sizing:border-box;}
.inservice{background: none;padding:10px 0;}
.intitle{font-size:24px !important;}
.intitle span{font-size:16px !important;}
.inservice-box{padding-bottom:0;}
.inservice-box ul{flex-wrap: wrap;}
.inservice-box li{flex: 0 0 48%;width:48%;margin:0 1% 7px;padding: 22px 0 30px 0;}
.inservice-box li .title{font-size:18px;margin-top: 15px;}
.inservice-box li .desc{font-size:14px;line-height: 22px;}
.inservice-box li .desc{height: 40px;}
.inservice-box li .more{width:65%;height: 30px;line-height: 30px;}
.incase-tabtit{display:none;}
.incust-tabcont{margin-top:25px !important;}
.incust-tabtit li span{font-size:16px;}
.incase-tabitem ul{margin:0;width: 100%;}
.incase-tabitem li{width:96%;margin:0 auto;float:none;overflow: hidden;height:auto;padding-bottom: 20px;}
.incase-tabitem li .pic{width:35%;margin-top: 25px;}
.incase-tabitem li .pic img{width:100%;height: auto;}
.incase-tabitem li .text{width:60%;margin-right:2%;}
.incase-tabitem li .title{font-size:16px;}
.incase-tabitem li .intro{margin-top:2px;}
.incase-tabitem li .intro span,.incase-tabitem li .intro em{font-size:12px;}
.incase-tabitem li .desc{font-size: 12px;line-height: 18px;height: auto;margin-top: 5px;}
.insolution-head{left:135px;}
.insolution-head h3{font-size:16px;}
.insolution-head p{font-size:14px;}
.insolution-box ul{margin:0;}
.insolution-box li{width:46%;margin:0 2%;padding: 10px 0px;}
.insolution-box li .icon{transform: scale(0.8);}
.insolution-box li .title{font-size:16px;margin-top: 5px;}
.incust .container{width:96%;margin:0 auto;}
.new_demo .intitle h2{font-size:30px !important; line-height: 39px;}
.incust-tabbox{margin-top:60px !important;}
.col-lg-6{width:100%;margin-bottom:10px;}
.col-lg-3{width:50%;margin-bottom:10px;}
.ali-worry .container{width:100%;}
.new_demo .inhead{padding-top:7px !important;}
.new_demo .inentitle{font-size:64px !important;}
.new_demo .intitle{padding-left:0px;}
.ali-worry-list{margin:30px 0 0 !important;}
.ali-worry-list .item{margin-bottom:0 !important;margin-top:0 !important;}
.ali-worry-list .item .tit{font-size:22px !important;}
.ali-worry-list .item .text{font-size:18px !important;line-height: 28px !important;}
.ali-worry{padding-bottom:25px !important;}
.ali-renke .container{width:100%;}
.renke-list{margin:0;}
}
/* 与官网 SEM 页一致的辅助类与区块（原页面内联样式迁入） */
.hide{display:none!important;}
.ph{display:none;}
.banner_ph{display:none;}
@media only screen and (max-width: 960px){
.ph{display:block!important;}
.banner_ph{display:none!important;}
.banner{display:block!important;}
.banner .site-advert-banner,
.banner .advert-carousel{width:100%;}
.col-lg-4,.col-lg-3,.col-lg-6{width:100%!important;float:none;margin-bottom:12px;}
}
.col-lg-4,.col-lg-3,.col-lg-6,.col-lg-7{float:left;position:relative;min-height:1px;box-sizing:border-box;}
.col-lg-4{width:33.33333333%;}
.col-lg-3{width:25%;}
.col-lg-6{width:50%;}
.col-lg-7{width:58.33333333%;}
.new_demo .inhead{text-align:center;position:relative;padding-top:36px;}
.new_demo .inentitle{font-family:"Arial Black";font-size:120px;color:#f6f5fb;line-height:1;}
.new_demo .intitle{width:100%;color:#514a7c;font-size:0;text-align:center;height:50px;line-height:50px;position:absolute;left:0;top:70px;border-left:none;}
.new_demo .intitle h2{display:inline-block;font-size:48px;position:relative;}
.new_demo .intitle h2 img{height:32px;vertical-align:bottom;margin-right:2px;position:relative;top:-4px;}
.incust{padding:34px 0 72px 0;background:url(../image/inkeyword-bg.jpg) no-repeat center top;background-size:cover;position:relative;overflow:hidden;}
.incust .intitle{position:static;color:#fff;}
.incust-tabbox{margin-top:26px;}
.incust-tabtit ul{font-size:0;text-align:center;}
.incust-tabtit li{display:inline-block;vertical-align:top;margin:0 1px;}
.incust-tabtit li a{display:block;padding:0 22px;height:44px;line-height:44px;margin:0 1px;background:#fff;}
.incust-tabtit li:first-child a{border-radius:18px 0 0 18px;}
.incust-tabtit li:last-child a{border-radius:0 18px 18px 0;}
.incust-tabtit li i,.incust-tabtit li span{display:inline-block;vertical-align:middle;}
.incust-tabtit li i{width:30px;height:30px;background:url(../image/iconssem.png) no-repeat;margin-right:4px;}
.incust-tabtit li .ico1{background-position:-176px -152px;}
.incust-tabtit li .ico2{background-position:-206px -152px;}
.incust-tabtit li .ico3{background-position:-236px -152px;}
.incust-tabtit li .ico4{background-position:-266px -152px;}
.incust-tabtit li .ico5{background-position:-296px -152px;}
.incust-tabtit li span{font-size:18px;}
.incust-tabtit li.active a,.incust-tabtit li a:hover{background:#f20058;color:#fff!important;}
.incust-tabtit li.active .ico1,.incust-tabtit li a:hover .ico1{background-position:-176px -182px;}
.incust-tabtit li.active .ico2,.incust-tabtit li a:hover .ico2{background-position:-206px -182px;}
.incust-tabtit li.active .ico3,.incust-tabtit li a:hover .ico3{background-position:-236px -182px;}
.incust-tabtit li.active .ico4,.incust-tabtit li a:hover .ico4{background-position:-266px -182px;}
.incust-tabtit li.active .ico5,.incust-tabtit li a:hover .ico5{background-position:-296px -182px;}
.incust-tabcont{margin-top:40px;}
.incust-tabitem ul{margin:0 -15px;}
.incust-tabitem li .item{display:block;margin:0 15px;overflow:hidden;border-radius:12px;}
.incust-tabitem li img{display:block;width:100%;transition:transform .8s;}
.incust-tabitem li .item:hover img{transform:scale(1.1);}
@media only screen and (max-width: 1549px){
.incust-tabitem ul{margin:0 -10px;}
.incust-tabitem li .item{margin:0 10px;border-radius:8px;}
}
.ali-worry{padding-bottom:74px;overflow:hidden;}
.ali-worry .intitle h2:after{display:block;content:"";width:30px;height:30px;border-radius:50%;background-image:linear-gradient(to right,#f37b97,#feadce);position:absolute;right:-36px;bottom:-10px;}
.ali-worry-list{margin:-12px 0;padding-top:28px;}
.ali-worry-list .item{height:172px;color:#fff;background:linear-gradient(90deg,rgba(37,60,114,1),rgba(187,76,113,1));border-radius:10px;margin:12px 15px;box-sizing:border-box;}
.ali-worry-list .item .tit{font-weight:bold;font-size:28px;padding-top:38px;background:url(../image/dayi.png) no-repeat 34px 40px;padding-left:80px;padding-bottom:12px;}
.ali-worry-list .item .text{font-weight:300;font-family:MicrosoftYaHeiLight;font-size:22px;line-height:32px;opacity:.8;padding-left:80px;}
.ali-renke{background-color:#F3F8FF;padding-bottom:72px;padding-top:6px;overflow:hidden;}
.ali-renke .inentitle{color:#e9f1fc;}
.ali-renke .intitle h2:after{display:block;content:"";width:30px;height:30px;border-radius:50%;background:linear-gradient(90deg,rgba(119,194,251,1),rgba(131,238,254,1));position:absolute;right:-36px;bottom:-10px;}
.ali-renke .slick-dots{bottom:-35px;}
.ali-renke .slick-dots li.slick-active button{width:12px;height:12px;background-color:#F20058;}
.ali-renke .slick-dots li button{width:8px;height:8px;position:relative;background-color:#e3e3e3;}
.ali-renke .slick-dots li button:after{display:block;content:"";width:16px;height:16px;border:1px solid #e3e3e3;border-radius:50%;position:absolute;left:50%;top:50%;margin-left:-9px;margin-top:-9px;}
.ali-renke .slick-dots li.slick-active button:after{width:24px;height:24px;border-color:#f20058;margin-left:-13px;margin-top:-13px;}
.ali-renke .slick-dots li{margin:0 13px;}
.renke-list{margin:0 -15px;padding-top:30px;}
.renke-list .item{background-color:#fff;border-radius:16px;padding:10px;margin:0 15px;}
.renke-list img{width:100%;}
.picture-popup{position:fixed;width:100%;height:100%;left:-200%;top:0;z-index:999;display:block;}
.picture-popup.show{left:0;}
.picture-popup .bg{background:#000;position:absolute;width:100%;height:100%;opacity:0;transition:0.3s;}
.picture-popup.show .bg{opacity:.8;}
.picture-popup > img{z-index:1;position:absolute;border:10px solid #fff;top:50%;left:50%;border-radius:16px;transition:0.3s;opacity:0;transform:translate(-50%,-50%);max-width:100%;max-height:80%;}
.picture-popup.show > img{opacity:1;}
.picture-popup .off-btn{width:50px;height:50px;border-radius:50%;line-height:50px;text-align:center;font-size:28px;color:#fff;position:absolute;right:23px;top:10px;z-index:3;cursor:pointer;font-family:cursive;transition:.3s;}
.picture-popup .off-btn:hover{opacity:.6;}
@media only screen and (max-width: 960px){
/* 解决方案：标题独占一行，条目每行 2 个 */
.insolution:not(.case-module){padding:24px 0 16px;}
.insolution:not(.case-module) .intitle{
display:block;
width:100%;
height:auto;
line-height:1.4;
margin:0 0 12px;
padding-left:10px;
box-sizing:border-box;
}
.insolution:not(.case-module) .insolution-head{
position:static;
left:auto;
top:auto;
margin:0 0 12px;
padding:0;
}
.insolution:not(.case-module) .insolution-head h3{
font-size:16px;
line-height:1.5;
}
.insolution:not(.case-module) .insolution-head p{
font-size:13px;
line-height:1.6;
margin-top:8px;
}
.insolution:not(.case-module) .insolution-box{margin-top:8px;}
.insolution:not(.case-module) .insolution-box ul{
display:flex;
flex-wrap:wrap;
margin:0 -6px;
}
.insolution:not(.case-module) .insolution-box li,
.insolution:not(.case-module) .insolution-box li.col-lg-3{
flex:0 0 50% !important;
width:50% !important;
float:none !important;
margin:0 0 12px !important;
padding:8px 6px !important;
box-sizing:border-box;
}
.insolution:not(.case-module) .insolution-box li .item{
margin:0;
padding:12px 6px;
}
.insolution:not(.case-module) .insolution-box li .title{
font-size:14px;
margin-top:8px;
line-height:1.4;
}
/* 团队：取消文字叠图，图片铺满屏宽 */
.inteam{overflow:hidden;}
.inteam .container{
display:flex;
flex-direction:column;
width:100% !important;
padding:0 16px;
box-sizing:border-box;
}
.inteam .pic{
order:1;
float:none !important;
width:100% !important;
max-width:100%;
margin:0;
}
.inteam .pic img{
width:100%;
max-width:100%;
height:auto;
display:block;
}
.inteam .text{
order:2;
position:static;
left:auto;
top:auto;
width:100%;
padding:16px 0 24px;
box-sizing:border-box;
}
.inteam .text .title{
font-size:22px;
line-height:1.4;
}
.inteam .text .intro{
margin-top:14px;
}
.inteam .text .intro .num{
position:static;
left:auto;
top:auto;
margin-top:6px;
font-size:20px;
}
.inteam .text .intro .num span{font-size:32px;}
.inteam .text .more{margin-top:20px;}
}