@media (max-width: 767px) {
    .about_info dl .content{height:200px!important;}
}
html,body { height: 100%; }
body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: "Roboto", "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC",
    BlinkMacSystemFont, -apple-system, "Segoe UI", "Microsoft Yahei", "Ubuntu", "Cantarell",
    "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-weight: 400;
    webkit-tap-highlight-color: #222222;
}
a { -webkit-transition: all 0.35s; -moz-transition: all 0.35s;  transition: all 0.35s;  color: #000000;}
hr {max-width: 100px; margin: 25px auto 0; border-width: 1px; border-color: rgba(34, 34, 34, 0.1);}
hr.light {  border-color: white;}
h1,h2,h3,h4,h5,h6 {font-weight: 200;margin: 0px;letter-spacing: 1px;}
p { font-size: 16px; line-height: 1.5;}



.navbar-default {
    background-color: #222;
    border-color: rgba(34, 34, 34, 0.05);
    -webkit-transition: all 0.35s;
    -moz-transition: all 0.35s;
    transition: all 0.35s;
    font-family: 'Catamaran', 'Helvetica', 'Arial', 'sans-serif';
    font-weight: 200;
    letter-spacing: 1px;
}
.navbar-default .navbar-header .navbar-brand {
    font-family: 'Catamaran', 'Helvetica', 'Arial', 'sans-serif';
    font-weight: 200;
    letter-spacing: 1px;
    color: #fdcc52;
}
.navbar-default .navbar-header .navbar-brand:hover,
.navbar-default .navbar-header .navbar-brand:focus {
    color: #fcbd20;
}
.navbar-default .navbar-header .navbar-toggle {
    font-size: 12px;
    color: #fff;
    padding: 8px 10px;
}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{
    color: #222;
}
.navbar-default .nav > li > a {
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 14px;
}
.navbar-default .nav > li > a,
.navbar-default .nav > li > a:focus {
    color: rgba(255, 255, 255, 0.7);
}
.navbar-default .nav > li > a:hover,
.navbar-default .nav > li > a:focus:hover {
    color: #fdcc52;
}
.navbar-default .nav > li.active > a,
.navbar-default .nav > li.active > a:focus {
    color: #fdcc52 !important;
    background-color: #31363a;
}
.navbar-default .nav > li.active > a:hover,
.navbar-default .nav > li.active > a:focus:hover {
    background-color: transparent;
}
.navbar-default .navbar-header .navbar-brand {
    padding-top:3px;
}
@media (min-width: 768px) {
    .navbar-default {
        background-color: #222;
        border-color: transparent;margin-bottom: 0px;
    }
    .navbar-default .navbar-header .navbar-brand {
        color: rgba(255, 255, 255, 0.7);
    }
    .navbar-default .navbar-header .navbar-brand:hover,
    .navbar-default .navbar-header .navbar-brand:focus {
        color: #019b90;
    }
    .navbar-default .nav > li > a,
    .navbar-default .nav > li > a:focus {
        color: rgba(255, 255, 255, 0.7);
    }
    .navbar-default .nav > li > a:hover,
    .navbar-default .nav > li > a:focus:hover {color: #01ddd0; }
    .navbar-default.affix {
        background-color: white;
        border-color: rgba(34, 34, 34, 0.1);
    }
    .navbar-default.affix .navbar-header .navbar-brand {
        color: #222222;
    }
    .navbar-default.affix .navbar-header .navbar-brand:hover,
    .navbar-default.affix .navbar-header .navbar-brand:focus {
        color: #fdcc52;
    }
    .navbar-default.affix .nav > li > a,
    .navbar-default.affix .nav > li > a:focus {
        color: #222222;
    }
    .navbar-default.affix .nav > li > a:hover,
    .navbar-default.affix .nav > li > a:focus:hover {
        color: #fdcc52;
    }
}
header {
    position: relative;
    width: 100%;
    min-height: auto;
    overflow-y: hidden;
    background: url("../img/bg-pattern.png"), #7b4397;
    /* fallback for old browsers */
    background: url("../img/bg-pattern.png"), -webkit-linear-gradient(to left, #328944, #247cdc);
    /* Chrome 10-25, Safari 5.1-6 */
    background: url(../img/bg-pattern.png), linear-gradient(to left, #328944, #247cdc);
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    color: white;
}
header .header-content {
    text-align: center;
    padding: 150px 0 50px;
    position: relative;
}
header .header-content .header-content-inner {
    position: relative;
    margin: 0 auto;
}
header .header-content .header-content-inner h1 {
    margin-top: 0;
    margin-bottom: 30px;
    font-size: 80px;
}
header .header-content .header-content-inner .list-badges {
    margin-bottom: 25px;
}
header .header-content .header-content-inner .list-badges img {
    height: 50px;
    margin-bottom: 25px;
}
header .device-container {
    max-width: 300px;
    margin: 0 auto 100px;
}
header .device-container .screen img {
    border-radius: 3px;
}

.about_banner{height:34vh;
    background-image: url("../img/service/about0.jpg");background-position: center top;
}

.about_banner h1{padding: 60px 0px 20px 0px;text-align: center;color:#006351;font-size:50px;font-weight: bold;}
.about_banner p{text-align: center;font-size:30px;color:#01467d;}

.about_title{padding:20px 0px;text-align: center;}
.about_title .btn{border-radius: 30px;width:300px;padding:10px 0px;}
.about_info{padding:0px;background: #f2f2f2;}
.about_info div{padding:0px;}
.about_info .txt{position: relative;}
.about_info dl{position:absolute;height:100%;width:100%;left:0px;top:0px;padding:30px;display: table;}
.about_info dl .content{height:100%;width:100%;overflow:auto;}
.about_info dl .content p{line-height: 22px;text-indent:28px;padding: 3px 0px;font-size:14px;color:#000;}
.about_info dl .mission{height:100%;width:100%;display:table-cell;vertical-align: middle;}
.about_info dl .mission h1{color:#1c699d;padding:10px;}
.about_info dl .mission p{font-size:16px;}
.about_info dl .faith{display:table-cell;vertical-align: middle;}
.about_info dl .faith h1{text-align: center;color:#1c699d;}
.about_info dl .faith h2{font-size:18px;color:#000;}
.about_info dl .faith p{font-size:14px;color:#666}

.about_superiority{margin-bottom: 50px;}
.about_superiority h1{text-align: center;padding:50px 0px;}
.about_superiority h2{padding-bottom: 15px;}
.about_superiority p{font-size:16px;line-height: 30px;color:#676767;}

@media (min-width: 768px) {
    header {
        min-height: 100%;
    }
    header .header-content {
        text-align: center;
        padding: 0;
        height: 100vh;
    }
    header .header-content .header-content-inner {
        width:100%;
        margin: 0;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
    }
    header .header-content .header-content-inner h1 {
        font-size: 35px;
    }
    header .device-container {
        max-width: none;
        max-height: calc(0vh);
        margin: 100px auto 0;
    }
}
@media (min-width: 992px) {
    header .header-content .header-content-inner h1 {
        font-size: 80px;
    }
}

@media (max-width: 767px) {
    header .header-content .header-content-inner h1 {
        font-size: 50px;
    }
}

.index_user{padding:50px 0px;}
.index_user h1{text-align: center;padding:20px 0px;}
.index_user p{text-align: center;}
.index_user .row{padding:10px 0px;text-align: center;}
.index_user .row div{text-align: center;}
.index_user .row div span{display: block;padding:0px;}
.index_user .row a{display:block;padding:10px;text-align: center;vertical-align: middle;border-radius:10px;}
.index_user .row a img{height:100px;border-radius:10px;}

footer {
    background-color: #222222;
    min-height:180px;
    padding: 50px 0;
    color: rgba(255, 255, 255, 0.3);
    text-align: center;
}
footer p {
    font-size: 12px;
    margin: 0;line-height: 20px;
}
footer ul {
    margin-bottom: 0;
}
footer ul li a {
    font-size: 14px;
    color: rgba(255, 255, 255, 0.3);
}
footer ul li a:hover,
footer ul li a:focus,
footer ul li a:active,
footer ul li a.active {
    color:#fff;
    text-decoration: none;
}
footer .left{padding:15px 0px;background:#2d2d2d;}
footer .left h1{font-size:18px;padding-bottom: 10px;}
footer .left h2{color:#fff;font-size:20px;padding-bottom:10px ;}
footer .left img{width:90px;}
footer .right h1{font-size:18px;padding-bottom: 10px;}
footer .right h2{color:#fff;font-size:20px;padding-bottom:10px ;}
footer .right img{width:100px;}
footer .center h1{font-size:18px;padding:10px 0px;}
footer .center p{line-height: 26px;}
footer .center p img{height:16px;}
footer .center p a{color:#fff;}
footer .center .link{padding:10px 0px;}

.bg-primary {
    background: #fdcc52;
    background: -webkit-linear-gradient(#fdcc52, #fdc539);
    background: linear-gradient(#fdcc52, #fdc539);
}
.text-primary {
    color: #fdcc52;
}
.no-gutter > [class*='col-'] {
    padding-right: 0;
    padding-left: 0;
}
.btn-outline {
    color: white;
    border-color: white;
    border: 1px solid;
}
.btn-outline:hover,
.btn-outline:focus,
.btn-outline:active,
.btn-outline.active {
    color: white;
    background-color: #fdcc52;
    border-color: #fdcc52;
}
.btn {
    text-transform: uppercase;
    letter-spacing: 2px;
}
.btn-xl {
    margin-top:20px;
    padding: 10px 45px;
    font-size: 14px;
}
.btn-green {color: #fff;background-color: #01786e; border-color: #01786e;}
.btn-green:hover { background-color: #019b90;color:#fff;}
.btn-blue { background: #1D85D7;color:#fff; border-color: #01786e;}
.btn-blue:hover { background-color:#1d8ee1;color:#fff;border-color:#1d8ee1;}
.btn-hollow-green { color:#01786e; border-color: #01786e;}
.btn-hollow-green:hover { background-color: #d3faff;color:#01786e;border-color:#01786e;}

.bj3{
    background: -webkit-linear-gradient(40deg, #988a92,#84dcab, #c3adbe,#e1f3ef);
    background: -o-linear-gradient(40deg, #988a92,#84dcab, #c3adbe,#e1f3ef);;
    background: -moz-linear-gradient(40deg, #988a92,#84dcab, #c3adbe,#e1f3ef);;
    background: linear-gradient(40deg, #988a92,#84dcab, #c3adbe,#e1f3ef);;
}

.hbj0{
    background: -webkit-linear-gradient(40deg, #33031e,#045277, #303069,#036b57);
    background: -o-linear-gradient(40deg, #33031e,#045277, #303069,#036b57);
    background: -moz-linear-gradient(40deg, #33031e,#045277, #303069,#036b57);
    background: linear-gradient(40deg, #33031e,#045277, #303069,#036b57);
}
.hbj1{
    background: -webkit-linear-gradient(40deg, #33031e,#045277, #303069,#036b57);
    background: -o-linear-gradient(40deg, #33031e,#045277, #303069,#036b57);
    background: -moz-linear-gradient(40deg, #33031e,#045277, #303069,#036b57);
    background: linear-gradient(40deg, #33031e,#045277, #303069,#036b57);
}
.hbj2{
    background: -webkit-linear-gradient(40deg, #33031e,#045277, #303069,#036b57);
    background: -o-linear-gradient(40deg, #33031e,#045277, #303069,#036b57);
    background: -moz-linear-gradient(40deg, #33031e,#045277, #303069,#036b57);
    background: linear-gradient(40deg, #33031e,#045277, #303069,#036b57);
}
.hbj3{
    background: -webkit-linear-gradient(40deg, #33031e,#045277, #303069,#036b57);
    background: -o-linear-gradient(40deg, #33031e,#045277, #303069,#036b57);
    background: -moz-linear-gradient(40deg, #33031e,#045277, #303069,#036b57);
    background: linear-gradient(40deg, #33031e,#045277, #303069,#036b57);
}
.fc_white{color:#fff;}
.fc_green{color:#019b90 !important ;}
.fc_blue{color: #277dbe !important ;}
.fc_pink{color: #be166d !important ;}
.fc_light_green{color: #18ad53 !important ;}
.fc_orange{color: #ff6c00 !important ;}
.fc_size12{font-size:12px;}

.no_blank{margin: 0px;padding: 0px;}
.tabs{border-bottom:1px solid #ddd;background:#f9f9f9;}
.nav-tabs{text-align:center;border: 0px solid;}
.nav-tabs>li{min-height:52px;display: block}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{border-top:3px solid #019b90;}
.nav-tabs>li>a{border-radius: unset;font-size:18px;min-height:52px;border-top:3px solid #fff;}
.nav-tabs>li>a:hover{background:transparent;border-right-color:#f9f9f9;border-left-color:#f9f9f9;color:#019b90;}
.bg_img{background-size: cover; background-repeat: no-repeat; background-position: center center;}

.home_banner .banner {width: 100%; position: relative; height: 50vh; }
.home_banner .banner .content{position:absolute;top:65%;left:10%;margin-top:-163px;color:#999;}
.home_banner .banner .content h1{color:#111;font-size:38px;padding:0px;text-align: left;}
.home_banner .banner .content p{padding:6px 0px;line-height:34px;text-align: left;font-size:18px;}
.home_banner .banner .content .link{text-align: left;}

.home_smart{padding:30px 0px;}
.home_smart h1{text-align: center;padding:20px 0px;}
.home_smart .txt h2{font-size:38px;font-weight: 400;color:#019276;margin: 5px 0px;padding:5px 0px;}
.home_smart .txt h2 i{margin-right: 10px;}
.home_smart .txt p{font-size:16px;padding:5px 0px;margin: 0px;color:#666;}
.home_smart .row{margin: 0px;padding: 10px 10px;background: #f4f4f4;border:#ccc dashed 1px;border-radius: 10px;}
.home_smart .row .btn{margin-top: 10px;}
.home_smart .img img{width:100%;}

.home_cms{background-color:#00335a;background-image:url("../img/index/cms_bj.png");background-position: center top;background-attachment: fixed;}
.home_cms h1{text-align: center;color:#fff;padding:20px 0px;}
.home_cms .lg_img{text-align: center;min-height:500px;position:relative;}
.home_cms .lg_img,.home_cms .xs_img img{max-width:100%;}
.home_cms .lg_img span,.home_cms .xs_img span{position: absolute;color:#fff;font-size:16px;font-weight: bold;background:rgba(3, 162, 133, 0.6);padding:6px }
.home_cms .xs_img{min-height:300px;position: relative;}
.home_cms .lg_img p,.home_cms .xs_img p{color:#fff;position: absolute;left:0px;bottom: 10px;text-align: center;width:100%;}
.home_cms .lg_img .row{position: absolute;bottom: 80px;left:0px;width:100%;}
.home_cms .xs_img .row{position: absolute;bottom:90px;left:0px;width:100%;}

.home_ext h1{text-align: center;color:#000;padding:20px 0px;}
.home_ext .row h2{font-size:20px;padding:10px 0px;font-weight: bold;}
.home_ext .row img{max-width:100%;}
.home_ext .row p{font-size:14px;}

.home_case{background: #036b57;padding:50px 0px;color:#fff;}
.home_case  h1{text-align: center;padding-bottom:20px;font-weight: bold;}
.home_case .row{margin: 0px;padding-left: 15px;padding-right: 15px;}
.home_case .row div{padding-top:10px;padding-bottom: 10px;}
.home_case .row h2{font-size:20px;padding:10px 0px;font-weight: bold;}
.home_case .row img{max-width:100%;opacity:0.64; filter:alpha(opacity=64);}
.home_case .row img:hover{opacity:1.0; filter:alpha(opacity=100);}
.home_case .row p{font-size:14px;}

.banner {position: relative; height: 34vh;background-image: url('../img/banner/banner_cms.png'); }
.banner .content{position:absolute;top:65%;left:14%;margin-top:-133px;color:#999;}
.banner .content h1{font-size:44px;padding:0px;text-align: left;color:#fff;}
.banner .content p{padding:6px 0px;line-height:34px;text-align: left;font-size:18px;color:#fff;}
.banner .content .link{text-align: left;}

.bg_img1{background-image: url('../img/cms/cms_one_2_1.png'); background-position: center right;background-size: unset;}
.tab-content #feature .top{padding: 50px 0px;}
.tab-content #feature .top img{max-width:100%;}
.tab-content #feature h1{font-size:24px;font-weight:400;padding: 30px 0px;}
.tab-content #feature p{padding:10px 0px;font-size:14px;}
.tab-content #feature .row1 .col-xs-12{background:#fff;}
.tab-content #feature .ad_line{height:100px;background:url('../img/cms/bar-bg-1.png') no-repeat center center;}
.tab-content #feature .txt_area{text-align: center;font-size:20px;color:#fff;font-weight: 500;}
.tab-content #feature .txt_area .col-lg-4,
.tab-content #feature .txt_area .col-sm-4,
.tab-content #feature .txt_area .col-md-4{line-height: 100px;}
.tab-content #feature .txt_area .col-xs-12{line-height:30px;text-align: left;padding-left:10px;padding-right: 10px;}
.tab-content #feature .txt_area i{margin-right: 10px;}
.tab-content #feature .txt_line{padding: 10px 0px;text-align: center;color:#fff;}
.tab-content #feature .txt_line h1{font-size:24px;}
.tab-content #feature .txt_line p{font-size:16px;padding: 0px;}
.tab-content #feature .txt_small_line{padding:4px 0px;text-align: center;color:#fff;}
.tab-content #feature .txt_small_line h1{font-size:18px;padding: 0px;line-height: 40px;font-weight: 600;}
.tab-content #feature .txt_small_line p{font-size:16px;padding: 0px;line-height: 20px;}


.tab-content #feature .design{background:url('../img/cms/design2.png') no-repeat center center; text-align: center; }
.tab-content #feature .design .col-lg-12,
.tab-content #feature .design .col-md-12,
.tab-content #feature .design .col-sm-12{padding:60px 0px;}
.tab-content #feature .design .col-xs-12 img{max-width:100%;margin-bottom: 20px;padding:0px;}

.tab-content #feature .scenes{text-align: center;padding:50px 0px;}

.tab-content #feature .scenes h1{font-size:24px;font-weight:400;padding: 10px 0px;}
.tab-content #feature .scenes p{padding:10px 0px;font-size:14px;}
.tab-content #feature .scenes div[class^="col"]{ padding:10px;}
.tab-content #feature .scenes div[class^="col"] .row{box-shadow: 0px 0px 10px 3px #ccc;padding: 0px;margin: 0px;}
.tab-content #feature .scenes div[class^="col"] .title{height:50px;font-size:18px;color:#fff;line-height: 50px;font-weight: 400;}
.tab-content #feature .scenes div[class^="col"] .content{padding:20px;line-height: 30px;}
.tab-content #feature .scenes div[class^="col"] .content li{list-style: none;}
.tab-content #feature .scenes .tag_area{padding: 50px;}
.tab-content #feature .scenes .tag_area h1{padding: 20px 0px;}
.tab-content #feature .scenes .tag{margin-bottom: 20px;}
.tab-content #feature .scenes .tag a{display: block;padding:3px 0px;border:1px solid #ccc;text-decoration: none;cursor: pointer;}
.tab-content #feature .scenes .tag a:hover{background: #169a7f;color:#fff;border-color:#169a7f;}

.tab-content #feature .service{padding:50px 0px;text-align: center}
.tab-content #feature .service .item{text-align: center;margin: 0px;padding: 0px;}
.tab-content #feature .service img{margin-bottom: 10px;}
.tab-content #feature .service span{font-weight:bold;font-size:16px;}
.tab-content #feature .service .team{padding: 50px 0px;background: #e6e1db;margin: 30px 0px;}
.tab-content #feature .service .team .left{margin:10px;}
.tab-content #feature .service .team img{width:300px;margin: 0px;}
.tab-content #feature .message{background:#f9f9f9 url('../img/cms/cms-bot-bg.png') no-repeat bottom center;padding: 50px 0px;}
.tab-content #feature .message h1{margin-bottom:40px;}
.tab-content #feature .message .title{text-align: center;}
.tab-content #feature .message .title .btn{position:relative;border-radius: 30px;padding-left: 50px; padding-right: 50px;}
.tab-content #feature .message .title .btn::after{content: ""; position: absolute; bottom: -20px; left: 50%; width: 0; height: 0; margin: 0 0 0 -10px; font: 0/0 arial; border: 10px dashed transparent; border-top: 10px solid #01786e;}
.tab-content #feature .message .ask label[class^="col"]{padding:0px;text-align: center;}
.tab-content #feature .message .submit{text-align: center;}
.tab-content #feature .message .submit .btn{margin: 3px 10px;}

.tab-content #module .module{padding:60px 0px;}
.tab-content #module .module .row{padding:15px 0px;margin: 0px;background: #f9f9f9;border-radius: 20px;}
.tab-content #module .module .title{font-size:26px;font-weight:500;padding:10px 0px 20px 0px;text-align: center;}
.tab-content #module .module i{margin-right: 5px;}
.tab-content #module .module .base a{margin:5px 0px;display:block;padding:10px 0px;border:1px solid #ccc;text-align: center;text-decoration:none;cursor: pointer;color:#999;background: #fff;}
.tab-content #module .module .base a:hover{background: #dcf7ff;}
.tab-content #module .module .base a span{color:#0d0d0d;}
.tab-content #module .module .base div[class^="col"]{padding:10px 4px;text-align: center;}
.tab-content #module .module .base i{font-size:16px;}
.tab-content #module .module .manage{line-height:45px;margin:10px 0px;}
.tab-content #module .module .manage a{color:#999;font-size:16px;}
.tab-content #module .module .manage i{color:#169a7f;}

.tab-content #module .technology  span{font-size:18px;color:#fff;font-weight: 500;display: inline-block;padding-top: 10px;}
.tab-content #module .technology .terminal{text-align: center;padding:50px 0px;}
.tab-content #module .technology .terminal .title{padding:20px 0px 40px 0px;}
.tab-content #module .technology .terminal a{display:inline-block;height:100px;width:100px;padding-top:15px;
    text-align: center;text-decoration:none;cursor: pointer;color:#999;border-radius: 50%;background:#fff;}
.tab-content #module .technology .terminal a:hover{background: #dcf7ff;}

.tab-content #module .technology .terminal .row div{padding:10px 0px;}

.tab-content #module .technology .code{text-align: center;padding:0px 0px 50px 0px;}
.tab-content #module .technology .code .title{padding:20px 0px 40px 0px;}
.tab-content #module .technology  .code a{display:inline-block;height:100px;width:100px; text-align: center;text-decoration:none;cursor: pointer;}

.tab-content #module .technology .code .row div{padding:10px 0px;}


.tab-content #service .offer{min-height:26px;padding: 50px 0px;}
.tab-content #service h1{padding-bottom: 20px;font-size:24px;font-weight: 500;color:#333;text-align: center;}
.tab-content #service .offer div[class^="col"]{padding:0px;border:1px solid #e5e5e5;border-right:0px solid #e5e5e5;}
.tab-content #service .offer div.last{border-right:1px solid #e5e5e5;}
.tab-content #service .offer h2{background:#293a4a;color:#fff;font-size:18px;height:50px;line-height: 50px;}
.tab-content #service .offer div[class^="col"] li{list-style: none;text-align: center;border-bottom: 1px dashed #e5e5e5;line-height:50px;color:#666;}
.tab-content #service .offer .price{font-weight: 500;}


.tab-content #service .scenes{padding:50px 0px;}
.tab-content #service .container{padding-left:0px;padding-right:0px;}
.tab-content #service .scenes p{padding:10px 0px;font-size:14px;}
.tab-content #service .scenes div[class^="col"]{ padding:10px;text-align: center;}
.tab-content #service .scenes div[class^="col"] .row{box-shadow: 0px 0px 10px 3px #ccc;padding: 0px;margin: 0px;cursor: pointer;}
.tab-content #service .scenes div[class^="col"] .row:hover{box-shadow: 0px 0px 10px 3px #777c7c;}
.tab-content #service .scenes div[class^="col"] .title{height:50px;font-size:18px;color:#fff;line-height: 50px;font-weight: 400;}
.tab-content #service .scenes div[class^="col"] .title i{margin-right: 5px;}
.tab-content #service .scenes div[class^="col"] .content{padding:20px;line-height: 30px;}
.tab-content #service .scenes div[class^="col"] .content li{list-style: none;}
.tab-content #service .scenes .tag_area{padding: 50px;}
.tab-content #service .scenes .tag_area h1{padding: 20px 0px;}
.tab-content #service .scenes .ask{border-top:1px dashed #e5e5e5;padding-top:10px;margin-top: 10px;}

.chooseArea{margin-bottom:30px;box-shadow: 0 0 8px 0 rgba(38, 38, 38, .16);padding:20px;}
.imageItem{padding:20px 0px 0px 0px;background:#f6f6f6;margin-bottom: 30px;}
.imageItem a{text-decoration: none;color: #555555;position: relative;box-shadow: 0 0 8px 0 rgba(0, 0, 0, .1);}
.imageItem .info{background: #fff;padding: 10px;position: absolute;left:0px;bottom: 0px;width:100%;
    -webkit-transition: 0.6s;height:0px;overflow: hidden; -moz-transition: 0.6s; -ms-transition: 0.6s; -o-transition: 0.6s;
    transition: 0.6s; opacity: 0;}
.imageItem a:hover{color: #555555;box-shadow: 0 0 10px 0 rgba(0, 0, 0, .2);border-color: #a8a8a8;}
.imageItem a:hover .info{display:block;opacity: 1; height:59px;}
.imageItem h2{font-size:14px;font-weight:600;}
.imageItem a label{color: #858585;font-weight: normal;font-size:12px;}

.tplItem{padding:20px 0px 0px 0px;margin-bottom: 30px;}
.tplItem .img{height:200px;overflow:hidden;margin-bottom:10px;text-align: center; }
.tplItem .info{background: #fff;padding: 10px;text-align: center;}
.tplItem .thumbnail{text-decoration: none;position: relative;box-shadow: 0 0 8px 0 rgba(0, 0, 0, .1);}
.tplItem .info h2{ font-size:14px;font-weight:500;color: #555555;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;height:16px;overflow: hidden;}
.tplItem .info label{color: #858585;font-weight: normal;font-size:12px;font-weight:200;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;height:16px;overflow: hidden;}
.tplItem .thumbnail:hover{color: #555555;box-shadow: 0 0 10px 0 rgba(0, 0, 0, .2);border-color: #a8a8a8;}



.smart_banner{background-image:url('../img/smart/banner.jpg');}
.smart_power{padding:50px 0px;}
.smart_power h1{font-size:26px;font-weight:500;padding: 30px 0px 50px 0px;}
.smart_power .ico_area{padding:0px;text-align: center;}
.smart_power .txt_area{}
.smart_power .txt_area h2{font-size:16px;font-weight: 600;padding-bottom:10px;padding-top:10px;color:#2c3838;}
.smart_power .txt_area p{line-height: 24px;overflow: hidden;text-overflow:ellipsis;display:-webkit-box;
    -webkit-line-clamp:3;-webkit-box-orient:vertical;height:78px;font-size:14px;color:#5a5a5a;}
.smart_power .item{padding: 20px 0px;cursor: pointer;}
.smart_power .item:hover{box-shadow: 0px 0px 10px 3px #ccc;}
.smart_power .fa{color:#a7ca81;}

.smart_industry{background:url('../img/smart/star.jpg') no-repeat center center;background-attachment:fixed;background-size:cover;padding:50px 0px;}
.smart_industry .container{padding: 0px;}
.smart_industry h1{color:#fff;text-align: center;padding:0px 0px 50px 0px;}
.smart_industry .item{height:300px;padding-top: 10px;padding-bottom: 10px;background:rgba(255, 255, 255, 0.7);color:#333;overflow: hidden;text-overflow:ellipsis;display:-webkit-box;
    -webkit-line-clamp:6;-webkit-box-orient:vertical;}
.smart_industry img{height:90px;}
.smart_industry .bg1{background:rgba(255, 13, 13, 0.7);color:#fff;}
.smart_industry .bg2{background:rgba(12, 148, 245, 0.7);color:#fff;}
.smart_industry .bg3{background:rgba(9, 181, 125, 0.7);color:#fff;}
.smart_industry .item h2{padding:10px 0px;}
.smart_industry .item p{line-height:30px;}
.smart_show{padding:50px 0px;}
.smart_show h1{text-align: center;padding: 20px 0px;}
.smart_show .swiper-slide{text-align: center;width:auto;}
.smart_show .swiper-slide img{max-height:500px;margin: 0px auto;}

.smart_tech h1{text-align:center;padding:50px 0px;}
.smart_tech .row{text-align: center;padding:0px 0px 50px 0px;}
.smart_tech .row span{padding:10px 0px;font-weight: bold;display: inline-block;font-size:16px;}
.smart_tech .row p{color:#666;font-size:14px;overflow: hidden;text-overflow:ellipsis;display:-webkit-box;
    -webkit-line-clamp:3;-webkit-box-orient:vertical;}
.smart_tech .row a{display:inline-block;height:100px;width:100px; text-align: center;text-decoration:none;cursor: pointer;}
.smart_tech .row .row div{padding:10px 0px;}

.ask_message{background:#f9f9f9 url('../img/cms/cms-bot-bg.png') no-repeat bottom center;padding: 50px 0px;}
.ask_message h1{margin-bottom:40px;}
.ask_message .title{text-align: center;}
.ask_message .title .btn{position:relative;border-radius: 30px;padding-left: 50px; padding-right: 50px;}
.ask_message .title .btn::after{content: ""; position: absolute; bottom: -20px; left: 50%; width: 0; height: 0; margin: 0 0 0 -10px; font: 0/0 arial; border: 10px dashed transparent; border-top: 10px solid #01786e;}
.ask_message .ask label[class^="col"]{padding:0px;text-align: center;}
.ask_message .submit{text-align: center;}
.ask_message .submit .btn{margin: 3px 10px;}

.custom_banner{background-image:url('../img/custom/banner.png'); background-position: center right;background-color:#075b84;}
.custom_banner p{color:#a9b6b9;}
.custom_scope{padding:50px 0px;}
.custom_scope h1{text-align: center;padding:20px 0px;}
.custom_scope .row{padding:10px 0px;text-align: center;}
.custom_scope .row div{text-align: center;}

.custom_scope .row div span{display: block;padding:10px 0px 3px 0px;}
.custom_scope .row a{background:#1c699d;display:inline-block;width:108px;height:108px;text-align: center;vertical-align: middle;border-radius:50%;padding-top:25px;}
.custom_scope .row a img{width:60px;height:60px;}
.custom_scope .row .green{background: #167031;}
.custom_scope .row .app{background:#1c859d;}
.custom_scope .row .web{background:#9d1c58;}
.custom_scope .row .dev{background:#f33105;}

.custom_scope .zz{padding:10px 0px;text-align: center;}
.custom_scope .zz div{text-align: center;}
.custom_scope .zz div span{display: block;padding:10px 0px 3px 0px;}
.custom_scope .zz a{display:inline-block;width:80%;text-align: center;vertical-align: middle;border-radius:10px;}
.custom_scope .zz a img{width:100%;border-radius:10px;}


.custom_extend{padding:50px 0px;background: #18bc9c;}
.custom_extend h1{text-align: center;padding:10px 0px 20px 0px;color:#fff;}
.custom_extend .container{padding: 0px;}
.custom_extend .row{padding:10px 0px;text-align: center;}
.custom_extend .row div{text-align: center;}
.custom_extend .row div span{display: block;padding:10px 0px 3px 0px;color:#fff;font-size:16px;}
.custom_extend a{background:#57d4c2;display:inline-block;width:108px;height:108px;text-align: center;vertical-align: middle;border-radius:50%;padding-top:25px;}
.custom_extend a img{width:60px;height:60px;}


.step{width:100%;padding:5% 0px;}
.step h1{padding-bottom:30px;}
.time-horizontal {
    list-style-type: none;
    max-width: 1000px;
    height:1px;
    padding: 0px;
    margin: 0px auto;
    background: -webkit-linear-gradient(left, #ff3140,#0284ff, #01d9ad);
    background: -o-linear-gradient(right, #ff3140,#0284ff, #01d9ad);
    background: -moz-linear-gradient(right,#ff3140, #0284ff,#01d9ad);
    background: linear-gradient(to right, #ff3140, #0284ff , #01d9ad);
}
.time-horizontal li {float: left; position: relative; text-align: center;
    width: 16.6666%; font-size:16px; padding-top: 10px;}

.time-horizontal li b:before {
    content: ''; position: absolute;top: -10px;
    left: 47%; width: 12px; height: 12px;
    border: 2px solid #4c4c4c; border-radius: 8px; background: #4c4c4c;
}
.time-horizontal li:nth-child(1){color:#b6082a;}
.time-horizontal li:nth-child(1) b:before {
    border: 2px solid #b6082a;
    background: #b6082a;
}
.time-horizontal li:nth-child(2) b:before {
    border: 2px solid #b6075e;
    background: #b6075e;
}
.time-horizontal li:nth-child(2){color:#b6075e;}
.time-horizontal li:nth-child(3) b:before {
    border: 2px solid #3175db;
    background: #3175db;
}
.time-horizontal li:nth-child(3){color:#3175db;}
.time-horizontal li:nth-child(4) b:before {
    border: 2px solid #07a9ff;
    background: #07a9ff;
}
.time-horizontal li:nth-child(4){color:#07a9ff;}
.time-horizontal li:nth-child(5) b:before {
    border: 2px solid #02add7;
    background: #02add7;
}
.time-horizontal li:nth-child(5){color:#02add7;}
.time-horizontal li:nth-child(6) b:before {
    border: 2px solid #01cfb7;
    background: #01cfb7;
}
.time-horizontal li:nth-child(6){color:#01cfb7;}

.ask_form{padding:50px 0px;}
.ask_form .row{box-shadow: 0 0 24px 2px rgba(0, 0, 0, .3);padding:50px;margin:10px;position:relative;}
.ask_form .row .lib{position: absolute;top:-50px;left:50%;margin-left:-50px;width:100px;text-align: center;background:#029486;border-radius: 100%;height:100px;padding-top:15px;}
.ask_form .row .lib i{color:#fff;}
.ask_form .row h2{padding:30px 0px;}
.ask_form .row p{font-size:16px;padding-bottom:10px;}

.overflow-hide {
    overflow: hidden;
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}