@media (min-width:1200px) {
    .container {
        width:1200px
    }
}
.navbar {
    border-bottom:none !important;
    z-index:1000;
    padding:0;
    margin-bottom:0;
    background:transparent;
    top:0;
    left:0;
    width:100%;
}
.navbar-brand {
    height:60px;
}
.cronitor-logo {
    padding:30px 0 20px 15px;
    color:#26B7D5;
    letter-spacing:2px;
    font-weight:700;
    font-size:18px;
    text-transform:uppercase;
}
.navbar-left {
    padding:20px 0 0 30px
}
.navbar-member {
    padding:30px 0;
    list-style:none
}
.navbar-member li {
    float:left;
    margin-left:10px;
}
.navbar-member_login {
    padding:20px 0;
    list-style:none
}
.navbar-member_login li {
    float:left;
    margin-left:10px;
}
.nav_botton_color {
    padding-top:30px;
}
.navbar-toggle .icon-bar {
    background-color:#1cc7d0;
}
.navbar-ecisp .navbar-nav > li > a {
    padding:16px 15px;
    font-size:16px;
    color:#333
}
.navbar-ecisp .navbar-nav > li > a:hover {
    text-decoration:none;
    background:none !important;
    color:#00aeff
}
.navbar-ecisp .navbar-nav > li > a:focus {
    background:none;
    outline:none;
    text-decoration:none;
    color:#00aeff;
    background:none !important;
}
.navbar-ecisp .navbar-nav > li > a:active {
    background:none !important;
}
.navbar-ecisp .navbar-nav > li > a.active {
    text-decoration:none;
    background:none;
    color:#00aeff
}
.navbar-ecisp .navbar-nav > li > a.active:after {
    content:'';
    display:block;
    position:absolute;
    width:calc(100% - 30px);
    height:2px;
    background:#00aeff;
    bottom:16px;
    left:0;
    right:0;
    margin:auto
}
/*弹开子菜单*/
.transparent-navbar .nav .dropdown-menu {
    background:white;
    border:none;
    padding:0;
    -ms-transform:translate(0px, 0);
    transform:translate(0px, 0);
    display:block;
    opacity:0;
    transition:250ms ease;
    visibility:hidden;
    pointer-events:none;
    box-shadow:0 16px 32px 0 rgba(62, 57, 107, 0.2), 0 0 10px rgba(0, 0, 0, 0.05);
    border-top-left-radius:6px;
    border-top-right-radius:6px;
}
.transparent-navbar .nav .dropdown.open .dropdown-menu {
    -ms-transform:translate(0px, -6px);
    transform:translate(0px, -6px);
    opacity:1;
    visibility:visible;
    pointer-events:auto
}
.transparent-navbar .nav .dropdown.open .dropdown-menu:before {
    content:"";
    position:absolute;
    width:0;
    height:0;
    border-color:transparent;
    border-style:solid;
    left:35px;
    bottom:100%;
    border-width:0 10px 10px;
    border-bottom-color:#fff;
}
.transparent-navbar .nav .dropdown-menu li {
    border-bottom:solid 1px #eee
}
.transparent-navbar .nav .dropdown-menu li:first-child a {
    border-top-left-radius:6px;
    border-top-right-radius:6px
}
.transparent-navbar .nav .dropdown-menu li:last-child {
    border:none
}
.transparent-navbar .nav .dropdown-menu li:last-child a {
    border-bottom-left-radius:6px;
    border-bottom-right-radius:6px
}
.transparent-navbar .nav .dropdown-menu li a {
    text-transform:none;
    margin:0;
    padding:15px 20px 15px 16px;
    width:100%;
    border:none;
    color:#5b549d;
    font-size:16px;
    text-align:center;
}
.transparent-navbar .nav .dropdown-menu li a:focus, .transparent-navbar .nav .dropdown-menu li a:hover {
    color:#3e396b !important;
    background:#eef0f7 !important
}
.transparent-navbar .nav .dropdown-menu li .integrations-list-max-height {
    max-height:400px;
    overflow-y:auto
}
.transparent-navbar .nav .dropdown-menu li .integrations-list-max-height li a {
    padding:5px 5px;
    display:block
}
.transparent-navbar .nav .dropdown-menu li .integrations-list-max-height li a:hover {
    text-decoration:none;
    background-color:#f3e332
}
.transparent-navbar .nav .dropdown-menu li .integrations-list-max-height img {
    margin-right:5px
}
@media (max-width:767px) {
    .navbar {
        margin-bottom:20px;
    }
    .navbar-left {
        padding:0
    }
    .navbar-ecisp .navbar-collapse ul li {
        background-color:#fff;
    }
    .navbar-ecisp .navbar-collapse ul li a {
        border-bottom:1px solid #e7e7e7;
        margin:0;
        padding:15px 0;
        text-align:center;
        color:#666;
    }
    .navbar-ecisp .navbar-toggle:focus, .navbar-ecisp .navbar-toggle:hover {
        background-color:transparent
    }
    .navbar-ecisp .navbar-nav > .click > a {
        color:#333 !important;
        border-bottom:1px solid #fff !important
    }
    .navbar-member {
        display:none
    }
    .navbar-collapse.in {
        overflow-y:hidden;
    }
}
/*广告条*/
/*.nav_bann{position: relative;top:0;min-height: 600px;background-color: #edf3fc;padding-top:100px;background-image: linear-gradient(180deg, #f8faff, #dfedf3)}*/
.page_bann {
    position:relative;
    top:0;
    min-height:450px;
    padding-top:20px;
    background-size:100%;
}
.nav_bann {
    background-color:#edf3fc;
    background-size:100%;
    overflow:hidden;
    position:relative;
}
.nav_bann ul {
    list-style:none;
    margin:0;
    padding:0;
}
.nav_bann ul li {
    margin:0;
    padding:0;
    position:relative;
    background-size:100% 100%;
}
.nav_bann .hd {
    width:100%;
    position:absolute;
    bottom:20px;
    left:0;
    height:30px;
    line-height:30px;
    z-index:10;
}
.nav_bann .hd ul {
    text-align:center;
    padding:0;
    margin:0;
}
.nav_bann .hd ul li {
    cursor:pointer;
    display:inline-block;
    *display:inline;
    zoom:1;
    width:40px;
    height:10px;
    margin:0 3px;
    overflow:hidden;
    background:#000;
    filter:alpha(opacity=50);
    opacity:0.6;
    line-height:999px;
}
.nav_bann .hd ul .on {
    background:#23a0e7;
}
.fullSlide {
    position:relative;
    background:#000;
    margin:0 auto;
}
.fullSlide ul {
    list-style:none;
    margin:0;
    padding:0;
}
.fullSlide ul li {
    margin:0;
    padding:0;
    position:relative;
    background-size:100% 100%;
}
.fullSlide .prev, .fullSlide .next {
    z-index:1;
    display:block;
    width:55px;
    height:55px;
    position:relative;
    margin:-16% 0 0 1%;
    float:left;
    background:url(../images/arrow.png) 0 0 no-repeat;
    filter:alpha(opacity=10);
    opacity:0.1
}
.fullSlide .next {
    background-position:right 0;
    float:right;
    margin-right:3%
}
.fullSlide .prev:hover, .fullSlide .next:hover {
    filter:alpha(opacity=80);
    opacity:0.8
}
.fullSlide .hd {
    width:100%;
    position:absolute;
    bottom:10px;
    left:0;
    height:10px;
    line-height:10px;
    z-index:10;
}
.fullSlide .hd ul {
    text-align:center;
    padding:0;
    margin:0;
}
.fullSlide .hd ul li {
    cursor:pointer;
    display:inline-block;
    *display:inline;
    zoom:1;
    width:40px;
    height:10px;
    margin:0 3px;
    overflow:hidden;
    background:#000;
    filter:alpha(opacity=50);
    opacity:0.6;
    line-height:999px;
}
.fullSlide .hd ul .on {
    background:#23a0e7;
}
/*首页幻灯片*/
.bann_button_next {
    background:url(../images/banner_arrow.png) no-repeat left bottom;
    position:absolute;
    right:20px;
    top:55%;
    margin-top:-35px;
    width:70px;
    height:70px;
    z-index:999;
}
.bann_button_prev {
    background:url(../images/banner_arrow.png) no-repeat left top;
    position:absolute;
    left:20px;
    top:55%;
    margin-top:-35px;
    width:70px;
    height:70px;
    z-index:999;
}
section.pillars {
    position:relative;
}
section.pillars .btn.fill-white {
    background:white !important
}
section.pillars:before {
    content:'';
    display:block;
    position:absolute;
    width:100%;
    height:20px;
    background:white;
    top:-65px;
    z-index:100;
    box-shadow:rgba(194, 194, 194, 0.2) 0 -16px 20px;
}
.elevation {
    margin:0;
    padding:0;
}
.elevation .col-md-3 {
    margin:0;
    padding:5px;
}
.elevation div {
    padding:30px 10px 30px 10px;
}
.elevation1 {
    width:100%;
    margin:0;
    padding:30px 10px;
    vertical-align:top;
    -ms-flex:0 1 30%;
    flex:0 1 30%;
    transition:transform 0.2s ease, box-shadow 0.2s ease;
    -will-change:transform, box-shadow;
    box-shadow:0 10px 40px 0 rgba(62, 57, 107, 0.07), 0 2px 9px 0 rgba(62, 57, 107, 0.06);
}
.elevation1 h3 {
    color:#fff;
    padding-top:10px
}
.elevation1 article {
    text-align:left;
    color:#fff;
    padding-top:5px;
}
.elevation2 {
    width:100%;
    padding:0;
    margin:0;
    vertical-align:top;
}
.elevation2 img {
    margin:0 auto;
}
.elevation2 h3 {
    color:#374051;
    padding-top:10px;
}
.elevation2 article {
    text-align:left;
    color:#959595;
    padding-top:5px;
    font-size:15px;
    line-height:2.0em;
}
section.home_espcms {
    position:relative;
    background-color:white !important;
}
/*templates*/
section.home_espcms_tempate {
    position:relative;
    background-color:#ffffff !important;
	max-width: 1220px;
	width: 100%;
	margin: 0  auto;

}
.templates_list {
    width:100%;
    padding:0;
    margin:0;
}
.templates_list .col-md-3 {
    margin-top:30px
}
.elevation3 {
    width:100%;
    padding:0;
    margin:0;
    vertical-align:top;
}
.elevation3 img {
    width:100%;
    padding:0;
    margin:0;
    vertical-align:top;
    max-height:413px;
	min-height: 413px;
}
.elevation3 a.img {
	display: block;
	width: 232px;
	height: 413px;
	overflow: hidden
}
.elevation3 article {
    padding:15px 10px;
    margin:0;
    overflow:hidden
}
.elevation3 article .templates_title {
    float:left;
    font-size:16px;
}
.elevation3 article .templates_price {
    float:right;
    color:#fd9233;
    font-size:14px;
    font-weight:bold;
}
@media (max-width:992px) {
    .elevation3 article .templates_title {
        float:left;
        font-size:16px;
        overflow:hidden;
        height:25px;
    }
    .elevation3 article .templates_price {
        float:left;
        color:#fd9233;
        font-size:14px;
        font-weight:bold;
    }
}
.espcms_mover_about {
    padding-top:55px;
}
.espcms_templates {
    margin-top:10px;
}
@media (max-width:992px) {
    .espcms_templates {
        margin-top:10px;
    }
    .espcms_mover_about {
        padding-top:0;
        text-align:center
    }
}
.espcms_mover_about article {
    font-size:18px;
    line-height:180%;
}
.templates_mover {
    display:block;
    width:100%;
    box-shadow:0 6px 16px rgba(62, 57, 107, 0.3);
    z-index:10;
    background-color:#fff;
    padding:10px;
    overflow:hidden;
}
.templates_mover ul {
    list-style:none;
    padding:0;
    margin:0;
}
.templates_mover ul li {
    float:left;
    padding:0;
    margin:0;
    text-align:center;
}
.templates_mover ul li img {
    max-width:100%
}
.home_espcms_ts {
    background-color:#e6f2fa !important;
    padding-top:50px;
}
.espcms_about_list {
    list-style:none;
    margin-top:35px;
    padding:0;
}
.espcms_about_list li {
    margin:0;
}
.espcms_about_list li .espcms_demo_pic {
    margin:0;
    padding:2px;
    transition:transform 0.2s ease, box-shadow 0.2s ease;
    -will-change:transform, box-shadow;
    box-shadow:0 10px 40px 0 rgba(62, 57, 107, 0.07), 0 2px 9px 0 rgba(62, 57, 107, 0.06);
}
.espcms_about_list li .espcms_demo_pic img {
    max-width:100%;
}
.botton_more {
    float:left;
    width:100%;
    padding:30px 0 30px 0;
}
.home_espcms_case_bann {
    background:url('../images/home_case_bg.jpg') no-repeat center;
    background-size:cover;
    margin-top:1px;
    height:480px;
}
/*客户解说*/
#home_espcms_case_bann_list > .swiper-container {
    width:88%;
    padding:100px 25px 0 15px;
}
@media (max-width:992px) {
    #home_espcms_case_bann_list > .swiper-container {
        width:100%;
        padding:100px 15px 0 15px;
    }
}
.home_espcms_case_bann_list {
    top:0;
    min-height:480px;
    margin:0 auto;
}
.home_espcms_case_bann_list ul {
    list-style:none;
    height:290px;
    margin:0 auto;
    padding:0;
    transition:transform 0.3s ease, box-shadow 0.3s ease;
    -will-change:transform, box-shadow;
    box-shadow:0 10px 40px 0 rgba(62, 57, 107, 0.07), 0 2px 9px 0 rgba(62, 57, 107, 0.06);
}
.home_espcms_case_bann_list ul li {
    margin:0;
    padding:0;
    height:290px;
    position:relative;
    background-color:#fff;
}
.home_espcms_case_bann_list ul li .case_logo {
    padding:25px 15px 10px 15px;
    text-align:left;
}
.home_espcms_case_bann_list ul li .case_logo img {
    max-height:35px;
}
.home_espcms_case_bann_list ul li .case_str {
    text-align:left;
    line-height:200%;
    font-size:14px;
    padding:0 15px;
}
.home_espcms_case_bann_list ul li .case_company {
    position:absolute;
    bottom:0;
    width:100%;
    height:80px;
    padding:10px 15px;
    background-color:#1cc7d0;
    border-top:2px solid #1A767C;
    border-bottom-right-radius:6px;
    border-bottom-left-radius:6px;
    text-align:left;
    overflow:hidden;
}
.home_espcms_case_bann_list ul li .case_company img {
    float:left;
}
.home_espcms_case_bann_list ul li .case_company article {
    float:left;
    height:56px;
    line-height:56px;
    padding-left:15px;
    color:#fff;
    font-size:16px;
    overflow:hidden
}
#home_espcms_case_bann_list .hd {
    width:100%;
    position:absolute;
    bottom:10px;
    left:0;
    height:30px;
    z-index:10;
}
#home_espcms_case_bann_list .hd ul {
    text-align:center;
    padding:0;
    margin:0;
}
#home_espcms_case_bann_list .hd ul li {
    cursor:pointer;
    display:inline-block;
    *display:inline;
    zoom:1;
    width:15px;
    height:15px;
    margin:0 3px;
    border-radius:50% !important;
    overflow:hidden;
    background:#d8d8d8 none repeat scroll 0% 0%;
    line-height:999px;
}
#home_espcms_case_bann_list .hd ul .on {
    background:#23a0e7;
}
/*新闻列表*/
.home_news_list {
    padding:0
}
.home_news_list .news_list_at {
    padding:0 5px;
}
.home_news_list .news_list_at .news_at {
    padding:0 5px
}
.home_news_list .news_list_at .news_at {
    min-height:310px;
    background-color:#fff;
    border:1px solid #eef0f7;
    padding:10px;
    margin:15px 0;
    -will-change:transform, box-shadow;
    box-shadow:0 10px 40px 0 rgba(62, 57, 107, 0.07), 0 2px 9px 0 rgba(62, 57, 107, 0.06);
}
.news_at .i-title {
    font-size:20px;
    color:#616161;
    border-bottom:1px solid #f5f5f5;
    padding:5px 0 5px 10px;
    position:relative;
    z-index:1;
    margin:0;
}
.news_at .i-title .i-icon-more {
    position:absolute;
    right:0;
    top:5px;
    width:65px;
    height:15px;
}
.news_at .i-title .i-icon-more:after {
    font-size:14px;
    content:"查看更多";
}
.news_at ul {
    list-style:none;
    margin:10px 0 0 0;
    padding:0;
}
.news_at ul li {
    height:45px;
    line-height:45px;
    background:url(../images/icon2.gif) no-repeat left;
    padding-left:10px;
    overflow:hidden
}
.news_at ul li h4 {
    float:left;
    height:45px;
    line-height:45px;
    margin:0;
    padding:0;
    font-size:16px;
    overflow:hidden;
}
.news_at ul li .i-author {
    float:right;
    width:80px;
    overflow:hidden;
    color:#9d9d9d;
}
/*新闻列表2*/
.home_espcms_news_bg {
    margin-top:1px;
    background-color:#F6F6F6
}
.home_news_list_table {
    padding:50px 0
}
.home_news_list_table .news_list_at {
    padding:0 5px;
}
.home_news_list_table .news_list_at .news_at {
    padding:0 0;
    overflow:hidden;
}
.home_news_list_table .news_list_at .news_at {
    min-height:310px;
    background-color:#fff;
    border:1px solid #eef0f7;
    padding:0;
    margin:15px 0;
}
.home_news_list_table .news_list_at .news_list_content {
    padding:10px 15px;
}
.news_at .i-title {
    font-size:20px;
    color:#616161;
    border-bottom:1px solid #f5f5f5;
    padding:5px 0 5px 10px;
    position:relative;
    z-index:1;
    margin:0;
}
.news_at .i-title .i-icon-more {
    position:absolute;
    right:0;
    top:5px;
    width:65px;
    height:15px;
}
.news_at .i-title .i-icon-more:after {
    font-size:14px;
    content:"查看更多";
}
.news_at ul {
    list-style:none;
    margin:10px 0 0 0;
    padding:0;
}
.news_at ul li {
    height:45px;
    line-height:45px;
    background:url(../images/icon2.gif) no-repeat left;
    padding-left:10px;
    overflow:hidden
}
.news_at ul li h4 {
    float:left;
    height:45px;
    line-height:45px;
    margin:0;
    padding:0;
    font-size:16px;
    overflow:hidden;
}
.news_at ul li .i-author {
    float:right;
    width:80px;
    overflow:hidden;
    color:#9d9d9d;
}
/*版权*/
.footer_bk {
    padding-top:40px;
    background-color:#27374d;
}
.footer_nav dl {
    float:left;
}
.footer_nav dl dt {
    font-size:16px;
    color:#fff;
    font-weight:bold;
    margin-bottom:10px;
}
.footer_nav dl dd {
    float:left;
    margin-top:15px;
    margin-right:25px;
    color:#7b7d8a;
}
.footer_contact dl {
    float:left;
}
.footer_contact dl dt {
    font-size:16px;
    color:#fff;
    font-weight:bold;
    margin-bottom:20px;
}
.footer_contact dl dd {
    margin-top:10px;
    color:#7b7d8a;
}
.footer_pic {
    float:right
}
.footer_pic ul {
    list-style:none;
    padding-top:35px;
}
.footer_pic ul li {
    float:right;
    padding-left:15px;
    text-align:center;
}
.footer_pic ul li img {
    width:90px;
    border:5px solid #fff;
}
.footer_pic ul li p {
    padding-top:10px;
    text-align:center;
    color:#7b7d8a;
}
.footer_str {
    padding-top:25px;
    padding-bottom:20px;
}
.footer_service {
    border-bottom:1px solid #40506A;
    margin-bottom:15px;
    padding-bottom:25px;
}
.footer_service figure {
    text-align:center;
    width:80%;
    margin:auto;
    margin-bottom:20px;
}
.footer_service figure .iconfont {
    font-size:68px;
    color:#7d8da7;
    padding-bottom:20px;
}
.footer_service figure .figure-title {
    font-size:18px;
    margin-bottom:10px;
    color:#fff;
}
.footer_service figure .figure-detail {
    font-size:14px;
    color:#7b7d8a
}
.footer_service figure .figure-link {
    font-size:12px;
    color:#7d8da7;
}
.footer_bottom_list {
    background-color:#1a2636;
    padding:15px 0;
    border-top:1px solid #37465e
}
.footer_bottom_list .footer_bottom_str {
    line-height:200%;
    color:#3B4B5A
}
.footer_bottom_list .footer_bottom_str a {
    color:#3B4B5A
}
.footer_bottom_list .footer_bottom_str a:hover {
    color:#00a0eb
}
.footer_bottom_list .footer_bottom_link {
    padding-bottom:10px;
}
.footer_bottom_list .footer_bottom_link ul {
    list-style:none;
    margin:0;
    padding:0;
}
.footer_bottom_list .footer_bottom_link ul li {
    float:left;
    padding-right:5px;
}
.footer_bottom_list .footer_bottom_link ul li a {
    color:#3B4B5A
}
.footer_bottom_list .footer_bottom_link ul li a:hover {
    color:#00a0eb;
    text-decoration:underline;
}
@media (max-width:767px) {
    #float-bottom, #share {
        display:none;
    }
}
.table_read td, .table_read th {
    border:1px solid #BBDEFB !important;
    padding:5px;
}
.table_read th {
    background-color:#E3F2FD;
    text-align:center;
    color:#1E88E5
}
.table_read td ul {
    padding:0;
    margin:0;
    list-style:none;
}
.table_read td ul li {
    padding:5px;
    margin:0;
    text-align:left;
    color:#999999
}
.table_read td ul li:before {
    float:left;
    padding-right:3px;
    font-family:'Glyphicons Halflings';
    content:"\e080";
    font-size:7px !important;
    padding-top:2px;
    color:#ababab
}
.table_read tr td:first-child {
    font-weight:bold;
}
.table_read tr th.orange {
    color:#F57C00;
}
.table_read .table_read_orange tr td {
    color:#9E9E9E;
    line-height:180%;
}
.table_read .table_read_orange tr td:first-child {
    color:#212121;
    text-align:center;
    font-size:16px;
}
.table_read .table_read_orange tr td:nth-child(2) {
    color:#F57C00
}
/*im*/
.espcms_im {
    position:fixed;
    bottom:20px;
    right:20px;
    width:50px;
    zoom:1;
    z-index:10000;
}
.espcms_im a {
    display:block;
    border-radius:5px;
    width:50px;
    height:50px;
    padding:5px;
    margin-bottom:6px;
    overflow:hidden;
    box-shadow:0 2px 4px 0 rgba(0, 0, 0, 0.05);
    border:solid #D7DCDF 1px;
    background-color:#fff;
}
.espcms_im a i {
    font-size:30px;
    text-align:center;
    width:100%;
    color:#CFD8DC;
    padding-top:4px;
}
.espcms_im a:hover {
    background-color:#B3E5FC;
    border:0;
}
.espcms_im a:hover i {
    color:#fff;
}
.espcms_im a p {
    display:none
}
.espcms_im .espcms_im_top {
    cursor:pointer;
}
.weixin_wrap img {
    max-width:140px;
}
.home_top_new {
    background-color:#F5F5F5;
    border-top:#fff solid 1px;
    padding:15px 0;
    overflow:hidden;
}
.home_top_new ul {
    padding:0;
    margin:0;
    list-style:none
}
.home_top_new ul li {
    float:left;
    width:33%;
    text-align:center;
    font-size:14px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
@media (max-width:767px) {
    .home_top_new {
        background-color:#F5F5F5;
        border-top:#fff solid 1px;
        padding:15px 0;
        overflow:hidden;
    }
    .home_top_new ul {
        padding:0;
        margin:0;
        list-style:none
    }
    .home_top_new ul li {
        float:left;
        width:100%;
        padding:5px 0;
        text-align:left;
        font-size:14px;
        overflow:hidden;
        text-overflow:ellipsis;
        white-space:nowrap;
    }
    .home_top_new ul li .home_top_news_data {
        font-size:12px;
        color:#9E9E9E;
    }
    .espcms_im {
        display:none;
    }
}
.title_h1 {
    overflow:hidden;
    padding:50px 0;
    width:100%;
}
.at_title {
    font-size:30px;
    text-align:center;
    width:100%;
}
.at_subhead {
    font-size:18px;
    text-align:center;
    width:100%;
    overflow:hidden;
    padding-top:10px;
}
.color_9e {
    color:#9E9E9E;
}
/*专业CMS建站管理平台*/
.ele_row_list {
    margin:0;
    padding:0;
    list-style:none;
    background-color:#E3F2FD;
    border-radius:5px;
    height:350px;
    position:relative;
    z-index:30;
    top:0;
    overflow:hidden;
}
.ele_row_list li {
    float:left;
    width:25%;
    height:350px;
    position:relative;
    z-index:0;
    overflow:hidden;
    cursor:pointer;
    text-align:center;
    padding-top:55px;
}
.ele_row_list li i.icon {
    display:block;
    margin:auto;
    position:relative;
    z-index:0;
    width:120px;
    height:120px;
    top:0;
}
.ele_row_list li p.text {
    font-size:16px;
    color:#333;
    height:40px;
    padding-top:15px;
    padding-bottom:15px;
    position:relative;
    top:0;
}
.ele_row_list li div.text {
    font-size:12px;
    color:#999;
    position:relative;
    top:0;
    line-height:22px;
    padding-bottom:40px;
    text-align:left;
    margin:0 40px;
}
.ele_row_list li a {
    position:relative;
    top:0;
    display:block;
    width:90px;
    height:30px;
    background:#33D174;
    border-radius:4px;
    text-align:center;
    margin:auto;
    color:#fff;
    line-height:30px;
}
.ele_row_list li a:hover {
    background:#26c166
}
.ele_row_list li p.bg {
    padding:10px 0;
    background-color:#03A9F4;
    z-index:-1;
    top:-10px;
}
.ele_row_list li .hr {
    position:absolute;
    right:0;
    top:0;
    overflow:hidden;
    width:1px;
    height:100%;
    background:#fff;
}
.ele_row_list li a, .ele_row_list li p.bg, .ele_row_list > p.text {
    opacity:0;
    filter:alpha(opacity=0)
}
.ele_row_list li:hover {
    overflow:inherit
}
.ele_row_list li:hover .hr {
    display:none
}
.ele_row_list li:hover p.bg {
    margin:0;
    position:absolute;
    left:0;
    top:0;
    z-index:-1;
    background:#03A9F4;
    width:100%;
    height:100%;
    opacity:.5;
    filter:alpha(opacity=50)
}
.ele_row_list li:hover .text, .ele_row_list li:hover a, .ele_row_list li:hover i.icon {
    top:-80px;
    opacity:1;
    filter:alpha(opacity=100);
    color:#fff
}
.ele_row_list li:hover i.icon {
    opacity:0;
    filter:alpha(opacity=0);
    -webkit-filter:blur(5px);
    -ms-filter:blur(5px);
    top:-30px
}
.icon {
    background:url(../images/espcms_icon.png?v=20191208);
    display:inline-block;
    overflow:hidden;
    position:relative;
    z-index:5;
    width:120px;
    height:120px
}
.icon_template {
    background-position:0 0
}
.icon_admin {
    background-position:-120px -0px
}
.icon_module {
    background-position:-240px -0px
}
.icon_safety {
    background-position:-360px -0px
}
.transition_1 {
    transition:all .5s cubic-bezier(0, 0, .36, 1.06) 0s;
    -o-transition:all .5s cubic-bezier(0, 0, .36, 1.06) 0s;
    -moz-transition:all .5s cubic-bezier(0, 0, .36, 1.06) 0s;
    -webkit-transition:all .5s cubic-bezier(0, 0, .36, 1.06) 0s;
    transform-origin:center
}