@charset "utf-8";

/* service css */
.p-scenes-item,.p-scenes-list{font-size:0}
.lt-item{background-image:url(../images/service/service-left.png);background-size:cover;background-position:center;}
.rt-item{background-size:cover;background-position:center;}
.lt-item .p-scenes-desx,.rt-item .p-scenes-desx{width:330px}
.lt-item,.lt-items.p-scenes-item .p-scenes-inner,.rt-item,.rt-items.p-scenes-item .p-scenes-inner{-webkit-transition:box-shadow .2s linear;-webkit-transition:transform .2s linear;transition:box-shadow .2s linear;transition:transform .2s linear}
.lt-item:hover,.lt-items.p-scenes-item .p-scenes-inner:hover,.rt-item:hover,.rt-items.p-scenes-item .p-scenes-inner:hover{-webkit-transform:translate3d(0,-3px,0);transform:translate3d(0,-3px,0)}
.lt-items.p-scenes-item .p-scenes-inner:first-child{background-image:linear-gradient(-143deg,#100D5C 0,#2D3A96 100%);background-image:-webkit-linear-gradient(-143deg,#100D5C 0,#2D3A96 100%);background-color:#2D3A96\9}
.lt-items.p-scenes-item .p-scenes-inner:nth-child(2){background-image:linear-gradient(135deg,#0B0140 0,#2B3FBC 100%);background-image:-webkit-linear-gradient(135deg,#0B0140 0,#2B3FBC 100%);background-color:#2B3FBC\9}
.rt-items.p-scenes-item .p-scenes-inner:first-child{background-image:linear-gradient(-143deg,#100D5C 0,#2D3A96 100%);background-image:-webkit-linear-gradient(-143deg,#100D5C 0,#2D3A96 100%);background-color:#2D3A96\9}
.rt-items.p-scenes-item .p-scenes-inner:nth-child(2){background-image:linear-gradient(135deg,#0B0140 0,#2B3FBC 100%);background-image:-webkit-linear-gradient(135deg,#0B0140 0,#2B3FBC 100%);background-color:#2B3FBC\9}
.p-scenes-item{padding:30px;width:calc((100% - 20px)/ 2);display:inline-block;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin-bottom:20px;font-size:0;margin-right:10px}
.p-scenes-item .p-scenes-inner{padding:30px;width:calc((100% - 20px)/ 2);display:inline-block;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.p-scenes-item .p-scenes-inner+.p-scenes-inner{margin-left:20px}
.p-scenes-inner>h4,.p-scenes-item>h4{font-size:24px;color:#fff;line-height:33px;margin-bottom:30px}
.p-scenes-inner>.p-scenes-desx,.p-scenes-item>.p-scenes-desx{font-size:14px;color:#fff;line-height:24px;display:block;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;max-height:45px}
.p-scenes-item.rt-items{padding:0;margin-left:10px;margin-right:0}
.p-scenes-item.lt-items{padding:0;margin-left:0;margin-right:10px}
.p-scenes-item.rt-item{margin-left:10px;margin-right:0}

.doamin-box{width:900px;margin:0 auto;}
.search-row{position:relative}
.search-title{position:absolute;left:0;top:0}
.search-title .search-title-mini{display:block;font-size:14px}
.search-title .search-title-big{display:block;font-size:24px}
.search-area{position:relative;width:100%;padding-left:200px;margin:45px 0 0;box-sizing:border-box}
.search-area .single-search{height:50px;width:100%;padding-right:110px;box-sizing:border-box}
.search-area .single-search .search{height:50px;width:100%;padding:0 20px;font-size:16px;line-height:50px;border:none;border-radius:0;-webkit-appearance:none;border:1px #e1e1e1 solid;}
.search-area .search-btn{position:absolute;right:0;top:0;width:110px;color:#fff;background:#00a4ff;height:50px;font-size:16px;}
.search-area .search-btn i {color:#fff;}
.search-area .search-btn:hover {background:#0092ee;}

.service-list {background:#F7F8FA;}
.service-list.solution-top {margin-bottom:-60px;}
.service-list .c-media-img i {font-size:26px;color:#00A4FF;}

.website-list {margin-top:40px;}
.website-list legend {font-size:22px;font-weight:500;padding-bottom:2px;background:#00A4FF;color:#fff;}
.website-list .layui-field-box {padding:20px 25px;position:relative;}
.website-list .layui-field-box span.title-touch-one {position:absolute;left:95px;top:535px;font-size:16px;color:#666;}
.website-list .layui-field-box span.title-touch-two {position:absolute;left:480px;top:290px;font-size:16px;color:#666;}
.website-list .layui-field-box span.title-touch-three {position:absolute;left:400px;top:535px;font-size:16px;color:#666;}
.website-list .layui-field-box img {text-align:center;}
.website-list .layui-field-box li {font-size:16px;}
.website-list .layui-field-box li:before {content:'\f0a4';font-family:FontAwesome;margin-right:6px;color:#00a4ff;}
.website-list .layui-field-box li p {color:#666;text-indent:0;margin:10px 0 10px 22px;line-height:1.5;}
.website-list .layui-field-box li p.none {margin:0 0 0 22px;}
.website-list .layui-field-box.wechat-applets-step {margin-top:20px;background:url(../images/service/wechat/applets-step.png) no-repeat center top;position:relative;height:240px;}
.website-list .layui-field-box.wechat-applets-step span {display:block;width:20%;text-align:center;font-size:16px;font-weight:bold;color:#00A4FF;}
.website-list .layui-field-box.wechat-applets-step span p {text-indent:0;font-size:14px;line-height:1.5;font-weight:normal;color:normal;}
.website-list .layui-field-box.wechat-applets-step span:first-child {position:absolute;top:110px;left:35px;}
.website-list .layui-field-box.wechat-applets-step span:nth-of-type(2) {position:absolute;top:110px;left:228px;}
.website-list .layui-field-box.wechat-applets-step span:nth-of-type(3) {position:absolute;top:110px;left:420px;}
.website-list .layui-field-box.wechat-applets-step span:last-child {position:absolute;top:110px;left:613px;}

.box-article-content img {max-width:100%;margin:10px 0;}
.box-article-content b,.box-article-content span {font-size:16px;}