﻿.index-page{width:100%;border-bottom:1px solid #e9e9e9}
.index-page div[class^=am-tab-pane]{padding:0}
.index-page [data-am-widget=tabs]{margin:0}

.index-page .index-banner{width:100%;height:498px;background:url(../image/banner-bg5.jpg);background-size:cover}
.index-page .index-banner .index-mask{height:100%;background:rgba(0,0,0,.5);color:#fff;padding:140px 0 0}
.index-tab,.index-tab .am-active a{background-color:#fff!important}
.index-page .index-banner .slide_simple--title{font-size:46px;color:#fff;font-weight:400}
.index-page .index-banner .slide_simple--text{font-size:18px;line-height:36px;opacity:.6;margin:28px 0 0}
.index-page .index-banner .slide_simple--buttons{margin-top:20px}
.index-page .index-banner .slide_simple--buttons button{font-size:16px;letter-spacing:2px;padding:9px 25px;border-radius:17px}
.index-tab{width:1170px!important;margin:0 auto!important}
.index-tab .am-active{border-bottom:4px solid #59bcdb}
.index-tab a{position:relative;margin:10px 0 10px 10px;border-right:1px solid #e9e9e9}
.index-tab a i{margin-top:20px;color:#59bcdb;font-size:38px}
.index-tab a strong{font-size:16px;display:inline-block;color:#262626;margin-top:7px}
.index-tab a p{color:#969696;font-size:14px;margin-bottom:0;margin-top:-10px}
@media screen and (max-width:640px){
    .index-page .index-banner{height:auto}
    .index-page .index-banner .slide_simple--buttons{margin-bottom:20px}
    .index-page .index-tab{width:100%!important}
    .index-page .index-tab li{display:none!important}
    .index-page .index-tab .am-active{display:block!important}
}

.index-page .index-banner2{width:100%;height:498px;background:url(../image/slide_simple_bg.jpg);background-size:cover}
.index-page .index-banner2 .index-mask{height:100%;background:rgba(0,0,0,.5);color:#fff;padding:140px 0 0}
.index-page .index-banner2 .slide_simple--title{font-size:46px;color:#fff;font-weight:400}
.index-page .index-banner2 .slide_simple--text{font-size:18px;line-height:36px;opacity:.6;margin:28px 0 0}
.index-page .index-banner2 .slide_simple--buttons{margin-top:20px}
.index-page .index-banner2 .slide_simple--buttons button{font-size:16px;letter-spacing:2px;padding:9px 25px;border-radius:17px}
@media screen and (max-width:640px){
    .index-page .index-banner2{height:auto}
    .index-page .index-banner2 .slide_simple--buttons{margin-bottom:20px}
    .index-page .index-tab{width:100%!important}
    .index-page .index-tab li{display:none!important}
    .index-page .index-tab .am-active{display:block!important}
}
.index-page .index-banner3{width:100%;height:498px;background:url(../image/rpa.jpg);background-size:cover}
.index-page .index-banner3 .index-mask{height:100%;background:rgba(0,0,0,.5);color:#fff;padding:140px 0 0}
.index-page .index-banner3 .slide_simple--title{font-size:46px;color:#fff;font-weight:400}
.index-page .index-banner3 .slide_simple--text{font-size:18px;line-height:36px;opacity:.6;margin:28px 0 0}
.index-page .index-banner3 .slide_simple--buttons{margin-top:20px}
.index-page .index-banner3 .slide_simple--buttons button{font-size:16px;letter-spacing:2px;padding:9px 25px;border-radius:17px}
@media screen and (max-width:640px){
    .index-page .index-banner3{height:auto}
    .index-page .index-banner3 .slide_simple--buttons{margin-bottom:20px}
    .index-page .index-tab{width:100%!important}
    .index-page .index-tab li{display:none!important}
    .index-page .index-tab .am-active{display:block!important}
}
.index-page .index-banner4{width:100%;height:498px;background:url(../image/intant.jpg);background-size:cover}
.index-page .index-banner4 .index-mask{height:100%;background:rgba(0,0,0,.5);color:#fff;padding:140px 0 0}
.index-page .index-banner4 .slide_simple--title{font-size:46px;color:#fff;font-weight:400}
.index-page .index-banner4 .slide_simple--text{font-size:18px;line-height:36px;opacity:.6;margin:28px 0 0}
.index-page .index-banner4 .slide_simple--buttons{margin-top:20px}
.index-page .index-banner4 .slide_simple--buttons button{font-size:16px;letter-spacing:2px;padding:9px 25px;border-radius:17px}
@media screen and (max-width:640px){
    .index-page .index-banner4{height:auto}
    .index-page .index-banner4 .slide_simple--buttons{margin-bottom:20px}
    .index-page .index-tab{width:100%!important}
    .index-page .index-tab li{display:none!important}
    .index-page .index-tab .am-active{display:block!important}
}

.solution-page{background:url(../image/solution-banner.jpg);color:#fff;padding:110px 0 160px}
.solution-page .container{padding:0 100px}
.solution-page .container h2{font-size:46px}
.solution-page .container p{font-size:16px}
@media screen and (max-width:640px){
    .solution-page{padding:55px 0 60px}
    .solution-page .container{padding:0 15px}
    .solution-page .container h2{font-size:28px}
    .solution-page .container p{font-size:14px}
}
.footerRoles{
    color: #fff;
    width: 100%;
    height: 50px;
    background: #000;
    line-height: 50px;
    font-size: 16px;
    text-align: center;
}
.solution-container{margin-top:50px}
.solution-container .am-tabs{margin:0 auto;width:1000px}
.solution-container .am-tabs .am-tabs-nav{width:500px;margin:0 auto}
.solution-container .am-tabs .am-tabs-nav li{padding:9px 0}
.solution-container .am-tabs .am-tabs-nav li a{color:#262626}
.solution-container .am-tabs .am-tabs-nav li.am-active{background:#34c1e4;padding:9px 0;border-radius:4px}
.solution-container .am-tabs .am-tabs-nav li.am-active a{color:#fff}
.solution-container .am-tabs .am-tabs-bd{border:0}
.solution-container .am-tabs .am-tabs-bd div[class^=am-tab-pane]{padding:0;margin:30px 0}
.solution-container .am-tabs .am-tabs-bd .am-g div{margin:15px 0}
.solution-container .am-tabs .am-tabs-bd .am-g div a{display:block}
.solution-container .am-tabs .am-tabs-bd .am-g div a img{width:100%}
@media screen and (max-width:640px){
    .solution-container .am-tabs{width:100%}
    .solution-container .am-tabs .am-tabs-nav{width:100%;padding:0 15px}
    .solution-container .am-tabs .am-tabs-nav li a{font-size:14px}
    .solution-container .am-tabs .am-tabs-bd div[class^=am-tab-pane]{margin:15px 0}
}
.o2o-container .am-g {
    margin: 40px auto;
    width: 1200px;
}
.cooperation-container,.o2o-container .am-g .am-u-md-4{margin-top:50px}
.o2o-container .am-g .am-u-md-4 .o2o-box{background:#fff!important;color:#262626}
.o2o-container .am-g .am-u-md-4 .o2o-box img{width:100%}
.o2o-container .am-g .am-u-md-4 .o2o-box .o2o-content{padding:35px 28px 34px}
.o2o-container .am-g .am-u-md-4 .o2o-box .o2o-content h3{font-size:18px}
.o2o-container .am-g .am-u-md-4 .o2o-box .o2o-content p{font-size:14px}
@media screen and (max-width:640px){
    .o2o-container .am-g{width:100%}
    .o2o-container .am-g .o2o-content{padding:0}
}
.cooperation-container .am-tabs{margin:0 auto;width:1000px}
.cooperation-container .am-tabs .am-tabs-nav{width:500px;margin:0 auto}
.cooperation-container .am-tabs .am-tabs-nav li{padding:9px 0}
.cooperation-container .am-tabs .am-tabs-nav li a{color:#262626}
.cooperation-container .am-tabs .am-tabs-nav li.am-active{background:#34c1e4;padding:9px 0;border-radius:4px}
.cooperation-container .am-tabs .am-tabs-nav li.am-active a{color:#fff}
.cooperation-container .am-tabs .am-tabs-bd{border:0}
.cooperation-container .am-tabs .am-tabs-bd div[class^=am-tab-pane]{padding:0;margin:30px 0}
.cooperation-container .am-tabs .am-tabs-bd .am-thumbnails li{border-right:1px dashed #e9e9e9;border-bottom:1px dashed #e9e9e9}
.cooperation-container .am-tabs .am-tabs-bd .am-thumbnails li a{width:180px;height:89px;display:table-cell;text-align:center;vertical-align:middle}
.cooperation-container .am-tabs .am-tabs-bd .am-thumbnails li a img{border:0;margin:10px auto}
@media screen and (max-width:640px){
    .cooperation-container .am-tabs{width:100%}
    .cooperation-container .am-tabs-nav{width:100%!important}
}
.promo_detailed{position:relative;min-height:500px;background:#fafafa}
.promo_detailed .promo_detailed-container{position:relative;z-index:10;height:100%}
.promo_detailed .am-g{margin-left:-15px;margin-right:-15px}
.promo_detailed .am-g .promo_detailed--list{padding:0 0 1px}
.promo_detailed .am-g .promo_detailed--list .promo_detailed--list_item{position:relative;padding:0 100px 0 80px;margin-top:41px;list-style:none}
.promo_detailed .am-g .promo_detailed--list .promo_detailed--list_item .promo_detailed--list_item_icon{display:block;top:9px;left:0;border:2px solid #ed5151;border-radius:3px;width:56px;height:56px;box-sizing:border-box;position:absolute}
.promo_detailed .am-g .promo_detailed--list .promo_detailed--list_item .promo_detailed--list_item_icon i{color:#ed5151;font-size:32px;top:50%;left:50%;margin-top:-2px;margin-left:8px}
.promo_detailed .am-g .promo_detailed--list .promo_detailed--list_item dl,.promo_detailed .am-g .promo_detailed--list .promo_detailed--list_item dl dt{font-size:20px;color:#262626}
.promo_detailed .am-g .promo_detailed--list .promo_detailed--list_item dl dd{font-size:16px;line-height:23px;color:#969696}
.promo_detailed .promo_detailed--cta{padding:0 25px;position:relative;height:514px}
.promo_detailed .promo_detailed--cta .promo_detailed--cta_wrap{position:absolute;top:50%;transform:translate(0,-50%);text-align:center}
.promo_detailed .promo_detailed--cta .promo_detailed--cta_wrap .promo_detailed--cta_text{background:rgba(27,31,32,.7);border-radius:3px;padding:38px 20px 38px 28px;max-width:495px;color:#fff;font-size:20px;line-height:36px;font-weight:300;text-align:left}
.promo_detailed .promo_detailed--cta .promo_detailed--cta_wrap .promo_detailed--cta_footer{padding-top:50px}
.promo_detailed .promo_detailed-img{background-size:cover;width:50%;height:100%;background-color:#7d7e75;position:absolute;top:0;right:0}
.promo_detailed .promo_detailed-img1{
    background-size:cover;
    width:50%;
    height:100%;
    background-color:#7d7e75;
    position:absolute;
    top:0;
    left:0
}
@media screen and (max-width:640px){
    .promo_detailed .promo_detailed--list{padding-left:15px!important}
    .promo_detailed .promo_detailed--list .promo_detailed--list_item{padding:0 0 0 80px!important}
    .promo_detailed .am-g{margin:0}
    .promo_detailed .am-g .am-u-md-6:nth-of-type(2){padding-right:0;padding-left:0}
    .index-container .index-more{padding:35px 0 0}
    .index-page .index-banner .index-mask{padding:70px 0 0}
    .index-page .index-banner .slide_simple--title{font-size:40px}
    .promo_detailed-img{width:100%!important;z-index:-1}
    .promo_detailed--cta_wrap{position:relative!important}
    .promo_detailed .promo_detailed--cta{height:420px}
}
.promo_detailed--title{
    font-size: 30px;
    font-weight: 300;
    text-align: center;
}
.roles{
    margin-top:25px;
}
.promo_detailed .am-g .promo_detailed--list .promo_detailed--list_item1 {
    position: relative;
    padding: 0 100px 0 150px;
    margin-top: 41px;
    list-style: none;
}
.promo_detailed .am-g .promo_detailed--list .promo_detailed--list_item1 .promo_detailed--list_item_icon1 {
    display: block;
    top: 9px;
    left: 70px;
    border: 2px solid #ed5151;
    border-radius: 3px;
    width: 56px;
    height: 56px;
    box-sizing: border-box;
    position: absolute;
}
.promo_detailed .am-g .promo_detailed--list .promo_detailed--list_item1 .promo_detailed--list_item_icon1 i {
    color: #ed5151;
    font-size: 32px;
    top: 50%;
    left: 50%;
    margin-top: -2px;
    margin-left: 8px;   
}