@charset "utf-8";

html {
    position: relative;
    min-height: 100%;
}
body {
    line-height:180%;
    font-size:87.5%;;
    background:#fff;
    color:#333;
    margin:0px;
    padding:0px;
    overflow-x: hidden ;
}

*, *::before, *::after {
    box-sizing: border-box;
}

li {list-style: none;}

a {color:#333;}
a:hover {text-decoration: none;}

.container-fluid,
.container {position: relative;}

/* 划过图片放大 */
.img-auto { display:block; overflow:hidden; }
.img-auto img { width:auto; height:auto; margin:0px auto; transition: 600ms; }
.img-auto img:hover { -webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1); }

img {
            position: relative;
        }
        
        img::after {
            content: "";
            height: 100%;
            width: 100%;
            position: absolute;
            left: 0;
            top: 0;
            background: url(iphonex.png) no-repeat center;
        }


.index-online-test .btn {color: #004296;
    text-align: center;
    border: 2px solid #004296;
    margin-right:15px ;
    font-size: 1.0rem;
    padding: 0px 30px;
    border-radius: 3px;background:#eee; }
	.index-online-test .btn:hover {background:#004296; color:#fff;}

/* 通用 */

.blank5,.blank10,.blank15,.blank20,.blank30,.blank50,.blank60 {clear:both;height:5px;overflow:hidden;}
.blank10 {height:10px;}
.blank15 {height:15px;}
.blank20 {height:20px;}
.blank30 {height:30px;}
.blank50 {height:50px;}
.blank60 {height:60px;}


/* 导航 */

.navbar {
    padding-right: 0;
    padding-left: 0;
    position: fixed;
    right: 0;
    left: 0;
    z-index: 1030;
    border-radius: 0;
    top: 0;
    background:#fff;
}

.navbar.gizle
{box-shadow: 0 1px 10px rgba(151, 164, 175, 0.1);}

.navbar.gizle .navbar-nav>li {
    margin: 15px 5px;
}



@media (min-width: 768px){
    #navbar {
        float: right;
        margin:0px -15px 0px 0px;
    }
}
.navbar-default .navbar-nav>li {margin:30px 5px;}
.navbar-default .navbar-nav>li> a {
    color: #000;
    font-size: 1.6rem;
    padding:5px 15px;
    position: relative;
    border:none;
    border-radius: 50px;
}
.navbar-default .navbar-nav>li> a:hover {
    color:#fff;
    background: #004296;
    box-shadow: 0 4px 17px rgba(6, 39, 106, 0.25);
}

.navbar-default .navbar-nav>li> a.active {
    color:#004296;
}

.navbar-default .navbar-nav>li>a>span.icon-fire {
    color:#FF4961;
    font-size:1.0rem;
    position: absolute;
    right:0px;
    top:0px;
}

a.navbar-brand {
    width: 200px;
    margin: 10px 0px 0px 0px;
    padding: 0px;
    overflow: hidden;
}

a.navbar-brand img {
    max-width: 200px;
    max-height: 48px;
    margin: 10px auto 0px auto;
}
.navbar.gizle a.navbar-brand img {margin:0px;}

@media (max-width: 486px) {
    .navbar {padding-right:10px;}
    .navbar-brand {height:auto;}
    .nav_top {margin: 15px -15px 0px -15px !important;}
    a.navbar-brand img {position:absolute; left:10px; top:5px; margin:0px;}
    .navbar-default .navbar-nav>li {float:left; width:40%;margin:5px 15px; text-align:center; border:1px solid #ccc; border-radius: 30px;white-space: nowrap;text-overflow: ellipsis;overflow:hidden; }
    .navbar-default .navbar-nav>li a {

    }

    .navbar-default .navbar-nav>li.head-loginoen {border:none;}
}

.user-panel {

}

.user-panel a, .user-panel a:link, .user-panel a:visited {
    float: left;
    color: #004296;
    padding: 3px 10px;
    text-align: center;
    text-decoration: none;
    border: 1px solid #004296;
    border-radius: 0px 15px 15px 0px;
}

.user-panel a.top-login, .user-panel a.top-login:hover {
    color: #fff;
    background: #004296;
    border-radius: 15px 0px 0px 15px;
}

.user-panel a:hover
{
    transition: all 0.2s ease-in-out;
    transform: translate(0, -5px);
    box-shadow: 0 4px 17px rgba(55, 125, 255, 0.25);
}

@media (max-width: 486px) {
    .navbar-default .navbar-nav>li.head-loginoen .user-panel a {
        display:block;
        width:49%;
        font-size:1.6rem;
        padding: 5px 0px;
    }
}

.bs-slider{
	clear:both;
    overflow: hidden;
    position: relative;
    background: #f8f8f8;
}
.bs-slider:hover {
    cursor: -moz-grab;
    cursor: -webkit-grab;
}
.bs-slider:active {
    cursor: -moz-grabbing;
    cursor: -webkit-grabbing;
}
.bs-slider .bs-slider-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.40);
}
.bs-slider > .carousel-inner > .item > img,
.bs-slider > .carousel-inner > .item > a {
    margin: auto;
    width: 100% !important;

}

.btn-primary { background:#004296; color:#fff;}
.btn-primary.btn-lg {clear:both; display:inline-block; width:200px; height:42px; line-height:42px; border-radius: 42px; margin:0px auto; padding:0px 30px; font-size:1.6rem; border:1px solid #004296;}
.btn-primary.btn-lg:hover {
    background:#004296; color:#fff;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
    transform: translate(0, -5px);
    box-shadow: 0 4px 17px rgba(6, 39, 106, 0.25);
}





.banner { position: relative; clear:both;  padding:118px 0px 0px 0px; text-align:center; background:#fff;  border-bottom:1px solid #eee;  color:#999;}

.banner h1 { font-size:3.6rem;color:#333;}
.banner h2 {font-size:2.6rem; color:#333; margin:0px 0px 15px 0px; }
.banner h3 {clear:both; font-size:22px; margin-bottom:30px; }
.banner p { font-size:1.4rem; margin-bottom: 5px;}
.banner strong {color:#333;}
#banner-bg-1 {
    position: absolute;
    bottom:0px;
    left:0px;
    right:0px;

}

.banner-bg {
    display:none;
}

#banner-bg-1 .banner-bg {
    display:block !important;
}


.banner a.btn-default {
    display:inline-block; height:42px; line-height:42px;  border-radius: 42px; margin:0px 8px; padding:0px 30px; font-size:1.4rem; border:1px solid #77838e;
}
.banner a.btn-blue {color: #fff;
    background-color: #004296;
    border-color: #004296;}
@media (max-width:786px) {
    .banner a.btn-default {margin-bottom:15px;}
}
.banner a.btn-default:hover {
    background: #77838e;
    color: #fff;
    text-decoration: none;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
    transform: translate(0, -5px);
    box-shadow: 0 4px 17px rgba(6, 39, 106, 0.25);
}

.banner a.btn-blue:hover {
    box-shadow: 0 4px 17px rgba(6, 39, 106, 0.25);
}

.banner a.btn-blue:hover {color: #fff;
    background-color: #004296;
    border-color: #004296;}




.banner .container {
    position: relative;
    min-height:788px;
}

.banner-txt h2 {color: #111; line-height:150%; }
.banner-txt h3 {font-size: 18px;color: #999; margin-top: 20px; line-height:180%;}


@media (max-width: 486px) {
    .banner .container {min-height: 588px;}
    .banner h1 { font-size:2.2rem;}
    .banner h2 {margin-top:18px; font-size:1.8rem;}
    .banner h3 {font-size:2.6rem;}
    .banner-info {right:0px;left:0px;}
    .index-section1 {margin:55px 0px 0px 0px}
    .banner-txt {padding:35px 15px; }
    .banner-txt h1 {font-size:2.4rem;}
    .banner-txt h3 {font-size:1.6rem;}
}

@media (max-width: 768px) {
    .banner-txt {padding:70px 15px; }
    .banner-txt h2 {font-size:1.2rem;}
}

/*鼠标滚动图标*/
.scroll-icon {    margin: 88px auto 0px auto; display: flex; flex-direction: column; align-items: center; justify-content: center; background: #ffffff linear-gradient(transparent 0%, transparent 50%, #ffffff 50%, #ffffff 100%); position: relative; width: 32px; height: 58px; border-radius: 100px; background-size: 100% 200%; -webkit-animation: colorSlide 5s linear infinite, nudgescroll-icon 5s ease-out infinite; animation: colorSlide 5s linear infinite, nudgescroll-icon 5s ease-out infinite; }
        .scroll-icon:before, .scroll-icon:after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; }
        .scroll-icon:before { width: 28px;
    height: 54px; background-color: #ffffff; border-radius: 100px; }
        .scroll-icon:after { background-color: #004296; width: 8px; height: 8px; border-radius: 100%; -webkit-animation: trackBallSlide 5s linear infinite; animation: trackBallSlide 5s linear infinite; }

        @-webkit-keyframes colorSlide {
            0% { background-position: 0% 100%; }
            20% { background-position: 0% 0%; }
            21% { background-color: #004296; }
            29.99% { background-color: #ffffff; background-position: 0% 0%; }
            30% { background-color: #004296; background-position: 0% 100%; }
            50% { background-position: 0% 0%; }
            51% { background-color: #004296; }
            59% { background-color: #ffffff; background-position: 0% 0%; }
            60% { background-color: #004296; background-position: 0% 100%; }
            80% { background-position: 0% 0%; }
            81% { background-color: #004296; }
            90%, 100% { background-color: #ffffff; }
        }

        @keyframes colorSlide {
            0% { background-position: 0% 100%; }
            20% { background-position: 0% 0%; }
            21% { background-color: #004296; }
            29.99% { background-color: #ffffff; background-position: 0% 0%; }
            30% { background-color: #004296; background-position: 0% 100%; }
            50% { background-position: 0% 0%; }
            51% { background-color: #004296; }
            59% { background-color: #ffffff; background-position: 0% 0%; }
            60% { background-color: #004296; background-position: 0% 100%; }
            80% { background-position: 0% 0%; }
            81% { background-color: #004296; }
            90%, 100% { background-color: #ffffff; }
        }

        @-webkit-keyframes trackBallSlide {
            0% { opacity: 1; -webkit-transform: scale(1) translateY(-20px); transform: scale(1) translateY(-20px); }
            6% { opacity: 1; -webkit-transform: scale(0.9) translateY(5px); transform: scale(0.9) translateY(5px); }
            14% { opacity: 0; -webkit-transform: scale(0.4) translateY(40px); transform: scale(0.4) translateY(40px); }
            15%, 19% { opacity: 0; -webkit-transform: scale(0.4) translateY(-20px); transform: scale(0.4) translateY(-20px); }
            28%, 29.99% { opacity: 1; -webkit-transform: scale(1) translateY(-20px); transform: scale(1) translateY(-20px); }
            30% { opacity: 1; -webkit-transform: scale(1) translateY(-20px); transform: scale(1) translateY(-20px); }
            36% { opacity: 1; -webkit-transform: scale(0.9) translateY(5px); transform: scale(0.9) translateY(5px); }
            44% { opacity: 0; -webkit-transform: scale(0.4) translateY(40px); transform: scale(0.4) translateY(40px); }
            45%, 49% { opacity: 0; -webkit-transform: scale(0.4) translateY(-20px); transform: scale(0.4) translateY(-20px); }
            58%, 59.99% { opacity: 1; -webkit-transform: scale(1) translateY(-20px); transform: scale(1) translateY(-20px); }
            60% { opacity: 1; -webkit-transform: scale(1) translateY(-20px); transform: scale(1) translateY(-20px); }
            66% { opacity: 1; -webkit-transform: scale(0.9) translateY(5px); transform: scale(0.9) translateY(5px); }
            74% { opacity: 0; -webkit-transform: scale(0.4) translateY(40px); transform: scale(0.4) translateY(40px); }
            75%, 79% { opacity: 0; -webkit-transform: scale(0.4) translateY(-20px); transform: scale(0.4) translateY(-20px); }
            88%, 100% { opacity: 1; -webkit-transform: scale(1) translateY(-20px); transform: scale(1) translateY(-20px); }
        }

        @keyframes trackBallSlide {
            0% { opacity: 1; -webkit-transform: scale(1) translateY(-20px); transform: scale(1) translateY(-20px); }
            6% { opacity: 1; -webkit-transform: scale(0.9) translateY(5px); transform: scale(0.9) translateY(5px); }
            14% { opacity: 0; -webkit-transform: scale(0.4) translateY(40px); transform: scale(0.4) translateY(40px); }
            15%, 19% { opacity: 0; -webkit-transform: scale(0.4) translateY(-20px); transform: scale(0.4) translateY(-20px); }
            28%, 29.99% { opacity: 1; -webkit-transform: scale(1) translateY(-20px); transform: scale(1) translateY(-20px); }
            30% { opacity: 1; -webkit-transform: scale(1) translateY(-20px); transform: scale(1) translateY(-20px); }
            36% { opacity: 1; -webkit-transform: scale(0.9) translateY(5px); transform: scale(0.9) translateY(5px); }
            44% { opacity: 0; -webkit-transform: scale(0.4) translateY(40px); transform: scale(0.4) translateY(40px); }
            45%, 49% { opacity: 0; -webkit-transform: scale(0.4) translateY(-20px); transform: scale(0.4) translateY(-20px); }
            58%, 59.99% { opacity: 1; -webkit-transform: scale(1) translateY(-20px); transform: scale(1) translateY(-20px); }
            60% { opacity: 1; -webkit-transform: scale(1) translateY(-20px); transform: scale(1) translateY(-20px); }
            66% { opacity: 1; -webkit-transform: scale(0.9) translateY(5px); transform: scale(0.9) translateY(5px); }
            74% { opacity: 0; -webkit-transform: scale(0.4) translateY(40px); transform: scale(0.4) translateY(40px); }
            75%, 79% { opacity: 0; -webkit-transform: scale(0.4) translateY(-20px); transform: scale(0.4) translateY(-20px); }
            88%, 100% { opacity: 1; -webkit-transform: scale(1) translateY(-20px); transform: scale(1) translateY(-20px); }
        }

        @-webkit-keyframes nudgescroll-icon {
            0% { -webkit-transform: translateY(0); transform: translateY(0); }
            20% { -webkit-transform: translateY(8px); transform: translateY(8px); }
            30% { -webkit-transform: translateY(0); transform: translateY(0); }
            50% { -webkit-transform: translateY(8px); transform: translateY(8px); }
            60% { -webkit-transform: translateY(0); transform: translateY(0); }
            80% { -webkit-transform: translateY(8px); transform: translateY(8px); }
            90% { -webkit-transform: translateY(0); transform: translateY(0); }
        }

        @keyframes nudgescroll-icon {
            0% { -webkit-transform: translateY(0); transform: translateY(0); }
            20% { -webkit-transform: translateY(8px); transform: translateY(8px); }
            30% { -webkit-transform: translateY(0); transform: translateY(0); }
            50% { -webkit-transform: translateY(8px); transform: translateY(8px); }
            60% { -webkit-transform: translateY(0); transform: translateY(0); }
            80% { -webkit-transform: translateY(8px); transform: translateY(8px); }
            90% { -webkit-transform: translateY(0); transform: translateY(0); }
        }

        @-webkit-keyframes nudgeText {
            0% { -webkit-transform: translateY(0); transform: translateY(0); }
            20% { -webkit-transform: translateY(2px); transform: translateY(2px); }
            30% { -webkit-transform: translateY(0); transform: translateY(0); }
            50% { -webkit-transform: translateY(2px); transform: translateY(2px); }
            60% { -webkit-transform: translateY(0); transform: translateY(0); }
            80% { -webkit-transform: translateY(2px); transform: translateY(2px); }
            90% { -webkit-transform: translateY(0); transform: translateY(0); }
        }

        @keyframes nudgeText {
            0% { -webkit-transform: translateY(0); transform: translateY(0); }
            20% { -webkit-transform: translateY(2px); transform: translateY(2px); }
            30% { -webkit-transform: translateY(0); transform: translateY(0); }
            50% { -webkit-transform: translateY(2px); transform: translateY(2px); }
            60% { -webkit-transform: translateY(0); transform: translateY(0); }
            80% { -webkit-transform: translateY(2px); transform: translateY(2px); }
            90% { -webkit-transform: translateY(0); transform: translateY(0); }
        }

        @-webkit-keyframes colorText {
            21% { color: #004296; }
            30% { color: #ffffff; }
            51% { color: #004296; }
            60% { color: #ffffff; }
            81% { color: #004296; }
            90% { color: #ffffff; }
        }

        @keyframes colorText {
            21% { color: #004296; }
            30% { color: #ffffff; }
            51% { color: #004296; }
            60% { color: #ffffff; }
            81% { color: #004296; }
            90% { color: #ffffff; }
        }


.index-section2 { position: relative; }
.index-section2 .s2-item { margin-top:118px; text-align:center;-webkit-transition: 1s;
    transition: 1s;}

.index-section2 .s2-item h2 {font-size: 2.2rem; margin-bottom:30px;}
.index-section2 .s2-item .s1-text {}
.index-section2 .s2-item .s1-img {}
.index-section2 .s2-item p { font-size: 1.4rem; color: #999;}
@media (max-width: 486px) {
    .index-section2 .s2-item {margin-top:30px;}
    .index-section2 .s2-item h4 {font-size:1.6rem; padding:0px 15px; line-height:160%;}
    /*.edition-1-bg {display:none;}*/
}

.index-section2 .s2-player{ text-align:center; margin:30px 0px}
.index-section2 .s2-player .video{ font-size:1.8rem; color:#004296; text-decoration:none; padding-left:35px; display:inline-block; line-height:30px;}
.index-section2 .s2-player span{border-radius: 100%;-moz-border-radius: 100%;-webkit-border-radius: 100%;}
.index-section2 .s2-player i {display:block; float:left; width:22px; height:22px; line-height:22px;  text-align:center; background:#004296; border-radius:50%;  -webkit-animation-name: scaleDraw; /*关键帧名称*/
    -webkit-animation-timing-function: ease-in-out; /*动画的速度曲线*/
    -webkit-animation-iteration-count: infinite;  /*动画播放的次数*/
    -webkit-animation-duration: 5s; /*动画所花费的时间*/}
.index-section2 .s2-player i.glyphicon { font-size:0.8rem; color:#fff; margin:0px auto; }

@keyframes scaleDraw {  /*定义关键帧、scaleDrew是需要绑定到选择器的关键帧名称*/
    0%{
        transform: scale(1);  /*开始为原始大小*/
    }
    25%{
        transform: scale(1.2); /*放大1.1倍*/
    }
    50%{
        transform: scale(1);
    }
    75%{
        transform: scale(1.2);
    }
}
.index-section2 .edition-1-bg {
    position: absolute;
    left: 0px;
    top: 0px;
    right:0px;
    bottom:0px;
    z-index: -1;
    background-position: center 388px;
    background-repeat: no-repeat;

}



.index-section2 .edition-1-2-bg {
    max-width: 723px;
    margin: 0px auto;
    padding: 35px 15px 15px 15px;
    border-radius: 0.5rem;
    border:1px solid #ddd;
    overflow: hidden;
    background:#fff url("https://www.cmseasy.cn/skin/images/2021/video-bg-2.png") top center no-repeat;
    z-index: -1;
}

.index-section2 .edition-1-2-bg a {
    display:block;
    max-height:513px;
    overflow: hidden;
    border:1px solid #ddd;
}

@media (max-width: 486px) {
    .index-section2 .edition-1-bg {padding:15px 0px ;min-height:auto;}
    .index-section2 .edition-1-2-bg { width:auto; margin:0px 30px;height:auto;}
}

.index-section2 .edition-1-2-bg:hover {box-shadow: 0 0px 20px  rgba(140, 152, 164, 0.175);}


.character {clear:both; padding:88px 0px; overflow:hidden;}
@media (max-width: 486px) {
    .character {padding:30px 0px;}
}
.character h2 {font-size:2.6rem;margin-bottom:50px;text-align: center;}
.character h2 small {display:block;margin-bottom:15px; font-size:16px;}


.character .item { min-height:160px; margin-bottom:15px; padding:15px;}
@media (max-width: 768px){
    .character .item {min-height: 140px; margin-bottom:0px;}
}
.character .item:hover {
    /*background-image: linear-gradient(150deg, #06276a 0%, #004296 100%);*/
    background:#004296;
    border-radius: 3px;
    color:#fff;
    transition: all 0.2s ease-in-out;
    transform: translate(0, -5px);
    box-shadow: 0 4px 17px rgba(6, 39, 106, 0.25);
}
.character .item .item-ico {float:left; width:50px; line-height: color:#004296; font-size:3.0rem; color:#004296;}

.character .item h3 {display:inline-block;float:left;font-size:20px; color:#000; margin:5px 0px 0px 0px;}
.character .item p {clear:both; padding-top:15px; margin: 0px; font-size:1.4rem; color:#888;}

.character .item:hover .item-ico,
.character .item:hover h3,
.character .item:hover p {color:#fff;}

.index-section2-bg {
    position: absolute;
    top:80px;
    bottom:0px;
    left:0px;
    right:0px;
    z-index: -2;
    background-position: center center;
    background-repeat:no-repeat ;
}

.index-section3 {
    position: relative;
}
.index-section4 {position: relative;}
.index-section4 .title {margin-top:88px;}
@media (max-width: 768px){
    .index-section4 .title {margin-top:30px;}
}


.index-section4 .title h2 {
    font-size: 2.6rem;
    text-align: center;
}

.index-section4 .template-type-index {margin:15px 15px 30px 15px; text-align: center;}
.index-section4 .template-type-index a {display:inline-block; word-wrap:break-word; word-break:normal;}
.tempalte-box-index {margin-bottom:30px; position: relative;transition: all 0.2s ease-in-out;}
.tempalte-box-index p { margin-bottom:0px; text-align: center;font-size:1.4rem; line-height:21px; height:42px;overflow:hidden;}
.tempalte-box-index-img {position: relative; }
.tempalte-box-index-img a {display:block; overflow:hidden;}
.tempalte-box-index-subtitle {position:absolute; top:-10px; left:30px; 
    width: 49px;
    height: 49px;
    text-align: center;
    line-height: 49px;
    font-size: 12px;
    color: white;
	margin:-55px 0px 0px 0px;
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    background: #004296;
	opacity: 0;
	z-index:999
	}
.tempalte-box-index-title {opacity:0; padding:5px 0p 15px 0px; text-align:center; transition: all .1s;font-size:1.4rem;}
.tempalte-box-index-title span {background:#f5f5f5; padding:5px 15px; border-radius: 3px;  }
.tempalte-box-title a {color:#c60925;}
.tempalte-box-index:hover {-webkit-transform: translateY(-3px);
    transform: translateY(-3px);}
.tempalte-box-index:hover .tempalte-box-index-title {opacity:1; }

.tempalte-box-index:hover .tempalte-box-index-subtitle {margin:-5px 0px 0px 0px; box-shadow:0 5px 20px 0 #999;  transition: all 0.7s; opacity: 1;}

.template-info {
    width: 70%;
    border-radius: 3px;
    padding: 1.2% 0;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -35%;
    margin-top: 0;
    background: #fff;
    text-align:center;
    opacity: 0;
    transition: all .6s cubic-bezier(.215,.61,.355,1) 0s;
    box-shadow: 0 20px 40px rgba(0,0,0,.4);
}




.tempalte-box-index .template-info a.preview, .tempalte-box-index .template-info a.ontrial, .tempalte-box-index .template-info a.pro-details { width: 31%; border: 1px solid #198DDD; border-radius: 3px; height: auto; padding: 0px; text-align: center; line-height: 30px; display: inline-block; background: #198DDD; margin: 0; color: #fff; font-size: 1.4rem; transition: all 0.3s ease-out 0s; }
.tempalte-box-index .template-info a.preview { background-color: #26c79d; border: 1px solid #26c79d; }
.tempalte-box-index .template-info a.preview:hover { background-color: #00C0FF; border: 1px solid #00C0FF; }
.tempalte-box-index .template-info a.pro-details { background-color: #fff; border: 1px solid #00C0FF; color: #00C0FF; }
.tempalte-box-index .template-info a.pro-details:hover { background-color: #00C0FF; color: #fff; }
.tempalte-box-index .template-info a.ontrial:hover { background-color: #00C0FF; border: 1px solid #00C0FF; }
.tempalte-box-index .template-info { width: 70%; border-radius: 3px; padding: 1.2% 0; position: absolute; top: 50%; left: 50%; margin-left: -35%; margin-top: 0px; background: rgba(255, 255, 255, 1); opacity: 0; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; box-shadow: 0px 20px 40px rgba(0, 0, 0, 0.4); }
#projectlist .projectitem .project_img:hover .template-info { opacity: 1; }


.tempalte-box-index:hover .template-info {opacity:1;}

@media (max-width: 768px) {
    .tempalte-box-index .template-info {opacity:1;bottom:-10px;top:auto;box-shadow:none;}
}

.index-section4 .btn-default { height:52px; line-height:52px; padding:0px 88px;}
@media (max-width: 486px) {
.index-section4 {margin:30px 0px}
}





.index-section5 { position:relative; padding-bottom:30px; }

@media (max-width: 486px) {
    .index-section5 {padding-top:50px; padding-bottom: 30px;}
}
.index-section5 .title h2 {
    font-size: 2.6rem;
    text-align: center;
    margin-bottom:50px;
}
.index-section5 .title p {
    color:#999;
    font-size:1.4rem;
}

.index-section5 dl dt {position: relative;  margin:0px 0px 15px 0px; height: 64px;
    line-height: 64px;
    border-bottom: 1px solid #e5e5e5;font-weight:normal; font-size:1.6rem; }

.index-section5 dl dt a i {padding:5px;background: rgba(55, 125, 255, 0.1);
    border-radius: 50%; color:#004296; font-size:1.8rem; margin:0px 10px 0px 0px;}

.index-section5 dl dt:before {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 8px;
    margin: auto;
    content: "\e258";
    font-family: "glyphicons halflings";
    font-size: 0.6rem;
    color:#ccc;
}
.index-section5 dl dd {margin-bottom:15px; font-size:1.4rem;position: relative; }
.index-section5 dl dd span.date {display:block; margin-top:10px; color:#ccc;font-size:1.2rem; font-weight:normal;}



.footer { position: relative; padding:0px 0px 50px 0px;  color:#999; border-top:1px solid #eee; font-size:0.8rem;}
.footer a {color:#999;}
.footer p { line-height:1.8; margin:0px; text-align:center;}
.footer .container {z-index:2;}
.footer .foot-logo {max-width:128px;}
.nav_footer { padding-top:30px; }
#footer-bg {position: absolute;
    left: 0px;
    right:0px;
    bottom: -18px;
    z-index: -1;
}
.footer-bg {
    max-height: 138px;
    width: 50%;
    overflow: hidden;
}


.nav_footer dt{ font-size:1.8rem; color:#333; padding-bottom:10px; font-weight:normal;}
.nav_footer dd { line-height:200%; font-size:1.2em; color:#999;}
.nav_footer dd a {color:#999;}
.nav_footer a,.nav_footer a:visited,.nav_footer a:link{
    font-size: 1.4em;
    line-height: 2;
    text-decoration: none;
}
.nav_footer a:hover{color:#333;}

.foot-right-certificate-box {margin:5px 10px 5px 0px; padding:15px 0px; border:1px solid #eee;text-align:center;  }
.nav_footer .foot-right-certificate dd a {position: relative; display:block; width:70%; margin:0px auto; font-size:0.8rem; }

.foot-right-certificate dd a:after{
    content: "";
    width: 100%;
    height: 1px;
    background: #eee;
    position: absolute;
    top: 100%;
    left: 0%;
    transition: all .8s;
}

.foot-right-certificate-box:hover {
    background:#fff;
    color:#333;
}

.foot-right-certificate-box:hover a {
    color:#333;
}

.friendlink {text-align:center;}

@media (max-width: 486px) {
    .footer p span {
        display:block;
        clear:both;
        text-align:left;
    }
    .footer p,
    .friendlink {
        text-align:left;
    }
}

#section1-bg {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: none;
    /*background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1600 900'%3E%3Cpolygon fill='%23215de6' points='957 450 539 900 1396 900'/%3E%3Cpolygon fill='%23111315' points='957 450 872.9 900 1396 900'/%3E%3Cpolygon fill='%230069e8' points='-60 900 398 662 816 900'/%3E%3Cpolygon fill='%2317212c' points='337 900 398 662 816 900'/%3E%3Cpolygon fill='%230074e8' points='1203 546 1552 900 876 900'/%3E%3Cpolygon fill='%231d3044' points='1203 546 1552 900 1162 900'/%3E%3Cpolygon fill='%23007ee7' points='641 695 886 900 367 900'/%3E%3Cpolygon fill='%23243e5e' points='587 900 641 695 886 900'/%3E%3Cpolygon fill='%230787e5' points='1710 900 1401 632 1096 900'/%3E%3Cpolygon fill='%232f4d79' points='1710 900 1401 632 1365 900'/%3E%3Cpolygon fill='%232890e2' points='1210 900 971 687 725 900'/%3E%3Cpolygon fill='%233f5b95' points='943 900 1210 900 971 687'/%3E%3C/svg%3E");*/
    background-image: url("https://www.cmseasy.cn/skin/images/2021/section1-bg.png") ;
    background-position: center bottom;
    background-attachment: scroll;
    background-size: cover;
    opacity: 0.5;
    z-index: 1;

}







.servers-wap {
    display: none;
}
.dropdown-menu>li>a {padding:10px 20px;}

.navbar .nav > li.oen ul.two {
	margin: 0;
}


}

@media (max-width: 768px) {
/* 手机菜单圆形按钮颜色 */
.plug-menu {
background: #004296;
}

/* 手机菜单弹出按钮颜色 */
.top_menu>li {
background: #004296;
}

/* 手机菜单平铺背景颜色 */
.foot_mp {
background: #004296;
}


.servers,
.foot-share,
.content_tools_box
{display:none;}

}

.line94 {clear:both; height:94px;}
.line125 {clear:both; height:125px;}
@media (max-width: 486px) {
    .line125 {height:88px;}
}
.banner-txt { padding: 70px 0px 35px 0px; text-align:center; }
.banner-txt h1 {font-size:26px;}
.banner-txt h2 {font-size: 2.2rem;color: #111; line-height:180%; }
.banner-txt h3 {font-size: 1.4rem;color: #999; margin-top: 20px; line-height:180%;}
@media (max-width: 768px) {
.banner-txt {padding:70px 15px; }
.banner-txt h2 {font-size:1.2rem;}
}

@media (max-width: 486px) {
    .banner-txt {padding:35px 15px 0px 15px; }
	.banner-txt h1 {width:80%;margin:20px auto 0px auto; font-size:18px; line-height: 1.8;text-align: center;}
	.banner-txt h3 {font-size:14px;}
}

.search-template {margin:30px auto;max-width:750px; }
.search-template-input {height: calc(3rem + 2px);
    padding: 0.75rem 1rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #1e2022;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #d5dae2;
    box-shadow: 0 0 20px rgba(0,0,0,0.08);
	height:50px;
	border-radius: 0px;
	}

.search-template-input:hover {border-color: rgba(55, 125, 255, 0.5);}
.search-template .btn-default {height: 50px;box-shadow: 0 0 20px rgba(0,0,0,0.08);}
.search-template-btn {padding:0px 20px;color:#fff; height:50px; box-shadow: 0 0 20px rgba(0,0,0,0.08); background:#004296;}
.search-template-btn:hover {color:#fff;}
.search-template h5 {font-weight:bold; font-size:16px; color:#333;}
.search-template small {font-size:12px; color:#ccc; }

.tempalte-type,.down-system-environment {height:60px; line-height:60px; margin:30px 0px; padding:0px 50px;box-shadow: 0 0 20px rgba(0,0,0,0.08); border-radius: 5px; text-align:center; }
.tempalte-type li {float:left;width:20%; text-align:center;}
@media (max-width:768px) {
    .tempalte-type li {width:33.3%;  }
}
.tempalte-type a {display:inline-block; font-size:1.6rem;}
.tempalte-type a.active {border-bottom:2px solid #004296;}
@media (max-width: 486px) {
    .tempalte-type a {}
}


.tempalte-type-i {height:60px; line-height:60px; margin:60px 0px 0px 15px; padding:0px 50px;box-shadow: 0 0 20px rgba(0,0,0,0.08); border-radius: 5px; text-align:center; }

.tempalte-type-i a {display:inline-block; width:19.3%; text-align:center;}
.tempalte-type-i a.active {border-bottom:2px solid #004296;}


.template-type-box-btn { display: block;
    width:100px;
    height: 38px;
    line-height: 38px;
    margin: 0px auto;
    border-radius: 30px;
    border: 1px solid #ccc;
    color:#ccc;
    text-align: center;
    font-size: 0.8rem; font-weight:bold;
    border: 1px solid #ccc;
}

@media (max-width:768px) {
    .tempalte-type,.down-system-environment {height:auto;}
    .template-type-box-btn {display:none;}
}
.template-type-box-btn:hover {background:#004296; color:#fff;}


/* 颜色选择 */
.color {clear:both; padding-left:10px; }
.color strong,.template_type strong {float:left; font-weight:bold;}
.color a {float:left;display:block;width:24px;height:24px;margin:0px 5px; background:url(../images/base/color.png);}
.color .black {background-position:0 0;}
.color .black:hover{background-position:0 -32px;}
.color .blue {background-position:-32px 0;}
.color .blue:hover{background-position:-32px -32px;}
.color .green {background-position:-64px 0;}
.color .green:hover{background-position:-64px -32px;}
.color .yellow {background-position:-96px 0;}
.color .yellow:hover{background-position:-96px -32px;}
.color .red {background-position:-128px 0;}
.color .red:hover{background-position:-128px -32px;}
.color .purple {background-position:-160px 0;}
.color .purple:hover{background-position:-160px -32px;}


.template_type span {padding-left:10px;}
.template_type a {display: block; margin-bottom:10px; padding:3px 10px; font-size:1.4rem; border-radius: 2px; border:1px solid #eee;}
.template_type a:hover {background:#f5f5f5;}

.color span,.template_type span {font-weight:bold;font-size:1.4rem;}




@media (max-width: 486px) {
    .template_type {display:none;}
    .tempalte-type-i,.tempalte-type,.down-system-environment {height:auto; margin:30px -15px 0px -15px; padding:0px; box-shadow:none; }
    .tempalte-type-i a {width:24.3%;}
}

.pagination li a {
    height: 38px;
    padding: 8px 14px;
    border: 1px solid #004296;
    text-decoration: none;
    margin: 0 3px 10px;
    color: #004296;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 0px;
}

.pagination li.active a {border: 1px solid #004296; color:#fff; background:#004296; border-radius: 0px;}
.pagination>li:last-child>a, .pagination>li:last-child>span {border-radius: 0px;}

@media (max-width: 486px) {
.pagination {margin:0px 15px;}
}
/* 内页文字大小按钮 */
.content_tools {
float:right;
margin:30px 0px; 
padding:5px 15px;
background:#eee;
text-align:right;
font-size:14px;
}
.content-box h1.content-title {text-align:center; font-size:2.2rem;}
.content-txt {clear:both; margin:30px 0px; font-size:1.6rem; line-height:200%;}
.content-txt img {max-width:100%;}
.content-title-subtitle {margin:15px 0px; padding:15px 0px; border-top: 1px dashed #ccc;
    border-bottom: 1px dashed #ccc; text-align:center; }
.content-title-subtitle span {padding:0px 15px;}



.pager li>a, .pager li>span { border-radius: 0px;}


.conent-relevant-list dd a {  display:block; margin:0px 10px 0px 0px; padding:10px 0px 10px 5px; border-bottom: 1px dashed #ededee; font-size:1.6rem;}


.conent-relevant-list dd:before {
       content:"";
	position:absolute;
	left:5px;
	top:20px;
	width: 5px;
	height: 5px;
	background: #26c79d;
	border-radius: 10px;
}

.content-right-box {background:#f5f5f5; margin-bottom:15px;  padding:15px;}
.content-right-box h5 { margin-bottom:15px; font-size:1.2rem;}

.content-right-jianzhan {margin-bottom:15px; padding-bottom:15px; border:1px solid #ccc; }
.content-right-jianzhan h5 {padding:15px 0px 15px 15px;  border-bottom:1px solid #ccc; font-size:1.8rem;}
.content-right-jianzhan h5 i {color:#26c79d;}
.content-right-jianzhan ul li {float:left; width:50%; text-align:left;}
.content-right-jianzhan ul li a {display:block;padding:5px 0px 5px 0px; font-size:1.6rem;}

.checkout {max-width:200px;}

.collection-fabulous {margin:80px 0px 30px 0px; text-align:center; font-size:2.0rem;}
.collection-btn,.fabulous-btn { margin:0px 15px; padding:6px 20px; background:none; border:none;}

.visual-inline-block {display: inline-block;}


.down-system-environment { padding:30px 50px ; text-align:left; height:240px;}

.badge {background-color:#f5f5f5; border-radius: 2px; color:#999;font-weight: normal;}


.buy_title {height:52px;line-height:52px; margin:50px 0px; padding-left:15px; border-left:5px solid #2769B5; font-size:30px; color:#000; background:#eee;}

.buy_box,.buy_box a {color:#555;}
.buy_box h5 {clear:both; height:37px;line-height:37px; padding-left:55px; font-size:20px; font-weight:bold;}

.buy_box p {clear:both; line-height:40px; padding-left:55px; }
.buy_box p span {float:left;}
.buy_box p strong {padding:0px 5px; font-size:14px; font-weight:bold; text-decoration:underline;}



.buy_box .buy_btn,.buy_box .buy_reg,.buy_box .buy_b,.buy_box .buy_f,a.btn-down,.btn-buy {display:block; padding:8px 50px 8px 20px;  font-size:1.0em; color:white; background:#004296;color:white; border-radius:2px; text-align:center;}
.buy_box .buy_btn:hover,.buy_box .buy_reg:hover,.buy_box .buy_b:hover,.buy_box .buy_f:hover,a.btn-down:hover,.btn-buy:hover {background:#004296; }
a.btn-buy {display:inline-block;  margin:50px auto 20px auto;color:white;}
a.btn-down {display:inline-block;  margin:50px auto 20px auto;}

.buy_box .q {font-size:22px; font-weight:bold; color:#4A90D8; }



.agent {clear:both;  }
.agent .buy_title {background:#F5F5F5;}
.agent_1 { line-height:250%;padding:140px 100px 50px 100px; background:url(../images/buy/agent_1.gif) center top no-repeat;}
.agent_1 p {clear:both;  margin-bottom:10px; font-size:16px;}
@media (max-width: 768px) {
.agent_1 {padding:40px 15px; background:#fff; border-radius: 3px; }
}

.zx_box {clear:both; margin:30px 0px 0px 0px; height:256px;background:url(../images/index/zx_box.gif);}
.flash_list_div {height:156px; padding:50px 80px 20px 160px; color:#5E8EBC;font-size:14px;}
.flash_list_div h5 { font-size:20px; line-height:66px;}
.flash_list_div:first-letter {font-size:40px;}
.flash_list_div a.more {float:right; width:133px; height:40px; line-height:34px; text-align:center; color:white; right:85px; bottom:8px; background:url(../images/buy/more.gif) ;}
.flash_list_div .date {padding-top:10px;}
@media (max-width: 768px) {
.zx_box {height:auto;  background:#fff; border-radius: 3px;}
.flash_list_div {height:auto; padding:20px 15px;}
.flash_list_div h5 {font-size:16px;}
}






.business {clear:both; padding:55px 0px; background:#485053 url(../images/index/business_bg.jpg) center center no-repeat; color:#e4e4e4; }
@media (max-width: 768px) {
.business { background:#485053; }
}
.business a {color:white; padding:6px 10px; border:1px solid white;border-radius:3px; font-size:1.6rem;}
.business a:hover {color:#333; background:white; padding:3px 10px; border:1px solid white;}
.business_info {float:left; }
.business_info h3 {font-size:2.2em; margin-bottom:20px; color:white;}
.business_info p {margin-bottom:20px;}
@media (max-width: 768px) {
.business_recommend {margin-top:20px;}
.business_recommend h4 {text-align:left;line-height:180%;}
}
.business_recommend {text-align:center;}
.business_recommend ul {float:right; margin:50px 0px 0px 0px;}
.business_recommend ul li {float:left; width:120px; height:150px; }
.xinnet {background:url(../images/buy/xinnet.png) center top no-repeat;}
.web360 {background:url(../images/buy/web360.png) center top no-repeat;}
.chinaz {background:url(../images/buy/chinaz.png) center top no-repeat;}
.zkeys {background:url(../images/buy/zkeys.png) center top no-repeat;}

.buy_table { margin:80px 0px; padding:0px; background:url(../images/buy/buy_table_bg.gif) left 22px; line-height:54px; text-align:center; overflow:hidden; }
.buy_table div,.buy_table ul {margin:0px;padding:0px;}
@media (min-width: 768px) {
.buy_table .ul0,.buy_table .ul1,.buy_table .ul2,.buy_table .ul3,.buy_table .ul4 {width:20%;}
}
.buy_table ul li {height:54px;line-height:54px;padding:0px 15px;font-size:1.4rem;}
.buy_table .ul0 ul {margin:0px;padding:0px;}
.buy_table .ul1 {padding:0px 10px 0px 0px;}
.buy_table .ul2 {padding:0px 10px 0px 0px;}
.buy_table .ul3 {padding:0px 10px 0px 0px;}
.buy_table .ul4 {padding:0px 0px 0px 0px;}

.buy_table .ul1 ul {border:1px solid #2BB45C;}
.buy_table .ul2 ul {border:1px solid #33A0A3;}
.buy_table .ul3 ul {border:1px solid #0697D8;}
.buy_table .ul4 ul {border:1px solid #1475b9;}

.buy_table .ul0 div {height:238px; margin:0px; padding:10px 20px; background:white;border-radius: 3px;overflow:hidden;}
.buy_table .ul1 div {height:238px;padding:10px 20px;background:#2BB45C;color:white; text-align:left;overflow:hidden;}
.buy_table .ul2 div {height:238px;padding:10px 20px;background:#33A0A3;color:white; text-align:left;overflow:hidden;}
.buy_table .ul3 div {height:238px;padding:10px 20px;background:#0697D8;color:white; text-align:left;overflow:hidden;}
.buy_table .ul4 div {height:238px;padding:10px 20px;background:#1475b9;color:white; text-align:left;overflow:hidden;}
@media (max-width: 768px) {
.buy_table .ul0,.buy_table .ul1,.buy_table .ul2,.buy_table .ul3,.buy_table .ul4 {clear:both;margin:0px 0px 20px 0px;padding:0px;}
}

.buy_table a {
display: block;
    height: 38px;
    line-height: 38px;
	margin-top:10px;
    background: white;
    border-radius: 3px;
    text-align: center;
    font-size:1.6rem;
}
.buy_table h3 {
    font-size: 2.2em;
    line-height: 2.2em;
    margin: 0px;
    padding: 0px;
}
.buy_table div.buy-box-info {
	height:68px;
    line-height: 1.4em;
    font-size: 1.4rem;
	overflow:hidden;
    padding: 0px;
}

.buy_table h5 {
clear: both;
    height: 37px;
    line-height: 37px;
    font-size: 20px;
    font-weight: normal;
    border-top: 1px solid #6cc58d;
    border-bottom: 1px solid #6cc58d;
}

.buy_table .ul2 h5 {
    border-top: 1px solid #6cb7ba;
    border-bottom: 1px solid #6cb7ba;
}
.buy_table .ul3 h5 {
    border-top: 1px solid #51b0dc;
    border-bottom: 1px solid #51b0dc;
}

.buy_table a.buy_btn1,.buy_table a.buy_btn2,.buy_table a.buy_btn3 {
    display: block;
    height: 38px;
    line-height: 38px;
    text-align: center;
    color: white;
    background: #33A0A3;
    border-radius: 3px;
	box-shadow: 0 4px 17px #ccc;
}

.buy_table a:hover {
background:#2BB45C;color:white;
}

.buy_table a.buy_btn2 {
    background: #0697D8;
}

.buy_table a.buy_btn3 {
    background: #1475b9;
}
.buy_table_b {background:white;}

#accordion .panel{
    border: none;
    border-top: 1px solid #f5f5f5;
    box-shadow: none;
    border-radius: 0;
    margin: 0;
}
#accordion .panel:last-child{
    border-bottom: 1px solid #f5f5f5;
}
#accordion .panel-heading{
    padding: 0;
}
#accordion .panel-title a{
    display: block;
    font-size: 16px;
    font-weight: bold;
    line-height: 24px;
    color: #635858;
    background: #fff;
    padding: 15px 20px 15px 47px;
    position: relative;
    transition: all 0.5s ease 0s;
}
#accordion .panel-title a:before{
    content: "\2212";

    display: block;
    width: 30px;
    height: 30px;
    line-height: 32px;
    border-radius: 50%;
    background: #f5f5f5;
    font-size: 14px;
    color: #004296;
    text-align: center;
    position: absolute;
    top: 25%;
    left: 0;
    transition: all 0.3s ease 0s;
}
#accordion .panel-title a.collapsed:before{
    content: "\002b";
}
#accordion .panel-body{
    font-size: 15px;
    color: #635858;
    line-height: 25px;
    border: none;
    padding: 14px 20px 14px 47px;
}


.explain {clear:both; background:#f3f3f3; line-height:2.2em; padding:50px 0px; font-size:2.2rem; text-align:center; }
.explain a { display:inline-block;padding:5px 50px; background:#004296; text-align:center; color:white;box-shadow: 0 4px 17px rgba(55, 125, 255, 0.35);}
.explain a:hover { background:#004ba0; }

.go_agent {clear:both; line-height:180%; padding:30px 0px; font-size:3.0em; text-align:center; }
.go_agent a {color:#fff; background:#FF5C00; padding:10px 20px; border-radius:3px; font-size:20px; }
@media (max-width: 768px) {
.go_agent {padding:30px 50px; font-size:2.0em; }
.go_agent a {display:block;}
}
.go_agent a:hover {background:#ffd700;}


.down_ico {float:left; padding:0px 50px 0px 0px;}
.down_list {float:left;  }
.down_list li {line-height:40px; padding-left:10px; background:url(images/base/dot_gray.gif) left center no-repeat;font-size:16px; }
.down_info_list strong {font-weight:bold;}
.down_info_list a.btn-down {padding:8px 20px !important;}
.download_left4con{  height:auto; border:1px solid #ececec; border-right:none; border-bottom:none; box-shadow: 0 4px 17px #eee;}
.download_left4con .t_left {text-align:right;}
.download_left4con td{ border:1px solid #ececec; border-left:none; border-top:none; padding:5px 18px;}


.down_info_list {clear:both; } 




.template-type-visual,
.template-type-responsive,
.template-type-wap,
.template-type-pc,
.template-type,
.template-type-pc a
{float:left;}

.template-type-wap {margin:0px 25px;}
.template-type-visual,.template-type-pc {margin-right:25px;}




.news_list,.help_list {padding:30px; border:1px solid #eee; border-top:0px;  font-size:16px; }
.news_list li,.help_list li {line-height:50px; border-bottom:1px dotted #ccc;}

.news_list li {background:url(images/base/icon01.gif) left center no-repeat;padding-left:15px;}



.hr {
    clear: both;
    height: 1px;
    border-bottom:1px dotted #ccc;
}
.down_info_list-right {margin-top:60px; font-size:1.6rem;}
@media (max-width: 468px) {
.down_info_list-right {margin-top:30px; }
}

.down_box p {font-size:1.6rem;}


.nav .open>a,.nav .open>A:focus,.nav .open>a:hover {background:none;}


.show_now{
	text-align:center;
	color:#FFF;
	padding:188px 0px 188px 0px;
}
.show_now div{
	}
.show_now strong{ font-size:50px; padding:10px; font-weight:normal; color:#198DDD;}
.show_now p{ font-size:16px; padding:30px 10px 60px 10px; color:#888;}


a.btn-demo,
a.btn-demo:visited,
a.btn-demo:link{
    background-color: #198DDD;
    color: #FFF;
    padding: 20px 100px;
    text-align: center;
    font-size: 18px;

    text-decoration: none;
    display:inline-block;
    margin:10px auto;

}
a.btn-demo:hover,
a.btn-demo:active{ background-color:#0070FF;    box-shadow: 0 8px 15px #ccc;}

.show_now a.btn{padding:10px 30px;font-size:16px;    box-shadow: 0 8px 15px #ccc;}

.anli {text-align:center; padding:88px 0px;}
.anli strong{ font-size:1.0em;  font-weight:normal;padding:10px 10px 70px 10px; }
.anli h2 { font-size:1.0em; font-weight:normal;}
.anli h3{ font-size:3.2em; padding:10px; font-weight:normal;color:#198DDD;}
@media (max-width: 768px) {
    .anli h3{font-size:1.4em;line-height:150%;}
}


.template-tag {clear:both; margin:55px 0px;}
.template-tag a {
    color: #333;
    background-color: #fff;
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 6px 10px #eee;
}

.template-tag a:hover {
    background:#555; color:white;
}

.content-right-pic-list {text-align:center; font-size:0.8rem;}
.template-item-pic {display:block; max-height:180px; overflow:hidden; margin-bottom:15px;}
.content-right-pic-list p {margin-bottom:5px;}
.content-right-pic-list p a {display:block; height:14px; line-height:14px; overflow:hidden; }
.content-right-pic-list .item {margin:0px 15px;}
.content-right-pic-list .text-list dl {text-align:left;}
.content-right-pic-list .text-list li { clear:both; width:100%; margin-bottom:15px; padding:0px; text-align:left; font-size:1.4rem; list-style-type:square}
.content-right-pic-list .text-list li a {padding:0px;font-size:1.4rem;}
.content-right-pic-list .text-list dd {line-height: 1.8; }
/*.content-right-pic-list .text-list dd:before {content:"•";font-weight:bold;}*/
.content-right-pic-list .text-list dd a {/*padding-left:5px;*/ font-size:1.4rem;}

@media (max-width: 768px) {
.title h2 {font-size:26px;text-align:center;}

}

.content-right-jianzhan .template-item a {font-size:1.4rem;}


.system_down{ padding:15% 0px 10% 0px; text-align:center; border-top:1px solid #f0f2f5;  }
@media (max-width: 486px) {
    .system_down{ padding:25% 0px 10% 0px;}
}
.system_down img {margin:0px auto;}
.system_down h1{ line-height:120%; color:#2a333c; font-size:5.0em; margin-bottom:20px; }
.system_down h2.desc{ line-height:180%; font-size:2.2em;  color:#77838f;}
.system_down h3 {margin-top:30px;}
.system_down a.btn-down{ clear:both; display:inline-block;  margin:50px auto 20px auto;  font-size:2.4em; padding:14px 30px; background:#004296;color:white; border-radius:2px; transition: all 0.2s ease-in-out;}
@media (max-width: 486px) {
    .system_down a.btn-down {margin: 0px auto;}
}
.system_down a.btn-down:hover { -webkit-transform: translateY(-3px);
    transform: translateY(-3px); box-shadow: 0 4px 17px rgba(6, 39, 106, 0.25); }
.system_down p {clear:both;  margin:30px auto 0px auto; padding:0px; text-align:center; }

.system_down p.info-down{ color:#999; margin:15px auto; font-size:16px; text-align:center;}
.system_down .btn-a{ display:inline-block; padding:5px 10px; border:1px solid #77838f; border-radius:2px; color:#333; margin:0px 5px;  font-size:1.4rem;transition: all 0.2s ease-in-out;}
.system_down .btn-a:hover {background:#77838f;color:#fff;-webkit-transform: translateY(-3px);
    transform: translateY(-3px);}
#go-setup {font-size:2.0rem;}
@media (max-width: 486px) {
    .system_down p {width:80%;}
    .system_down h1 {font-size:3.0rem;}
    .system_down .btn-a {float:left; display:block; width:46%; padding:5px 0px; margin-bottom:15px;}
}

.service-page {position: relative;}

.demo-buy-price {clear:both;color:#333;margin-top:30px;}

.shop-type{max-width:420px; border-top:1px solid #ccc;border-bottom:1px solid #ccc;margin: 20px auto 30px auto; padding:15px 0px; text-align:left; color:#333;}
.shop-type .shop-type-info {clear:both; color: #333;}
.shop-type .shop-type-info:after{content:"";display:table;clear:both;}
.shop-type dt {display: inline-block; float:left; width: 80px;vertical-align:middle;font-size:0.8rem;}
.shop-type dd {margin-left:80px;}
.shop-type #columntype .btn,.shop-type #columntype .btn:visited {position: relative; display: inline-block;line-height: 38px;margin:1px 6px 16px 1px; padding: 0 15px; border-color:#ccc;color: #333; background:#fff; border-radius: 0px;}
.shop-type #columntype .btn img {margin-left:-14px;}
.shop-type #columntype .btn:hover,
.shop-type #columntype .btn:active,
.shop-type #columntype .btn:focus { }
.shop-type #columntype .btn-focus:before{
    display:block;
    content:'';
    width: 0;
    height: 0;
    border-bottom: 10px solid #FF6801;
    border-left: 10px solid transparent;
    position:absolute;
    right:0px;
    bottom:0px;
}


li#login a span.login-txt {display:none;}
@media (max-width: 486px) {
    li#login a span.login-txt {display:inline-block;}
    li#login a img.headimage {display:none;}
}




.dropdown-menu-user {right:0px; left:auto;min-width:320px;padding:0px;border:none;border-radius: 0px;border-top: 3px solid #004296;}
.dropdown-menu-user>li>a {padding:0px;}
.dropdown-menu-user p {line-height:22px; margin:0px;color:#999;font-size:0.6rem;}
.header-buy-li {line-height:22px; padding:15px 0px 15px 68px; margin:5px 30px 0px 30px; background:url(../images/base/header-buy-li.svg) left top no-repeat; background-size:60px auto; border-bottom:1px solid #eee; }
.header-buy-li span {display:inline-block; margin:0px 0px 0px 8px; background:#004296;color:#fff; border-radius: 15px;font-size:0.6rem;font-weight:normal;padding:1px 5px;}

.header-buy-search-li{line-height:22px; padding:15px 0px 15px 68px; margin:5px 30px 0px 30px; background:url(../images/base/header-buy-search.svg) left top no-repeat; background-size:60px auto; border-bottom:1px solid #eee; }
.header-user-operation-li {padding-bottom:15px;}
.header-user-operation-li .header-user-operation-div dt {font-weight:bold;}
.dropdown-menu-user .header-user-operation-li dl {margin-bottom:0px}
.dropdown-menu-user .header-user-operation-li dl dd {line-height:1.6;display:inline-block; float:left;width:50%;}
.header-user-operation-li .header-user-operation-div a { padding:0px; line-height:28px; }
.header-user-operation-li {margin:5px 30px 0px 30px;}
.head-loginoen .dropdown-menu-user li a,.head-loginoen>.dropdown-menu-user>li>a {padding:0px;}

.header-user-logout-li {padding:15px; background:#f5f5f5; text-align:center;}
.dropdown-menu-user>.header-user-logout-li>a {clear:none; display:inline-block; float:left; width:50%; border-right:1px solid #ccc; color: #004296}

#getto_page {float:left; width:38px; height:38px; line-height:38px; border:1px solid #004296; border-radius:0px; text-align:center; color:#333; font-weight:600;cursor: auto;}
nav .pagination .btn-primary {float:left; height:38px; line-height:26px; padding:6px 12px; border:1px solid #004296; border-radius:0px; background:#004296; }

.navbar {
padding-right:0;
padding-left:0;position:fixed;
right:0;
left:0;
z-index:1030;
border-radius:0;
top:0;
}

#bootstrap-touch-slider,.banner-txt,.banner-img {margin-top:64px;}
@media (max-width: 768px) {
#navbar {margin-top:0px;}
.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {margin-left:0px;}
}
@media (max-width: 468px) {
#navbar {margin-top:60px;}
#bootstrap-touch-slider {margin-top:62px;}
}



.footer-banner {
    position: relative;
    min-width: 1200px;
    background: #0af url(../images/base/footer_bg.jpg) no-repeat center;
    height: 180px;
    overflow: hidden;
    color: #fff;
    text-align: center;
}
@media (max-width: 768px) {
    .footer-banner {min-width:auto; padding:0px 10px;}
}
.bubble-1 {
    top: -120px;
    left: 50%;
    z-index: 10;
    margin-left: -120px;
    width: 240px;
    height: 240px;
    background: url(../images/base/footer_bubble_1.png);
    animation: bubble-animate-1 linear 10s infinite;
}
.bubble-2 {
    top: 50px;
    left: 34%;
    z-index: 11;
    width: 360px;
    height: 360px;
    background: url(../images/base/footer_bubble_2.png);
    animation: bubble-animate-2 linear 12s infinite;
}
.bubble-3 {
    top: 50px;
    left: 48%;
    z-index: 12;
    width: 300px;
    height: 300px;
    background: url(../images/base/footer_bubble_3.png);
    animation: bubble-animate-3 linear 11s infinite;
}
.footer-banner-text {
    position: relative;
    padding-top: 46px;
    z-index: 20;
    font-size: 24px;
}
.footer-banner-button {
    position: relative;
    z-index: 20;
}

.footer-bubble {
    position: absolute;
}

.footer-banner-button a {
    display: inline-block;
    margin-top: 24px;
    width: 220px;
    height: 44px;
    line-height: 44px;
    border: 1px solid #fff;
    color: #fff;
}

@keyframes bubble-animate-1 {
    from {
        top:-120px
    }
    50% {
        top:-180px
    }
    to {
        top:-120px
    }
}@keyframes bubble-animate-2 {
     from {
         top:50px;
         left:34%
     }
     50% {
         top:80px;
         left:24%
     }
     to {
         top:50px;
         left:34%
     }
 }@keyframes bubble-animate-3 {
      from {
          top:50px;
          left:48%
      }
      50% {
          top:80px;
          left:58%
      }
      to {
          top:50px;
          left:48%
      }
  }




.section1 {}
.section1 .s1-item {}
.section1 .s1-item h4 {}
.section1 .s1-item .s1-text {}
.section1 .s1-item .s1-img {}
.section1 .s1-item p {}


.section1 {margin:55px 0px}
.section1 .s1-item {display:block; margin:0px 10px 30px 10px; border:1px solid #ddd; border-radius:0px; padding:45px 15px; text-align:center; box-sizing:border-box;}
.section1 .s1-item .s1-text a {font-size:1.6rem;}
.section1 .s1-item .s1-text h4 { font-size:2.2rem; color:#111; text-align:center;}
.section1 .s1-item .s1-text h4 a {font-size:2.2rem;}
.section1 .s1-item span.free {background-color: #f5f5f5; border-radius:2px; padding:2px 15px;}
.section1 .s1-item span.business {background:#004296; border-radius:2px; padding:5px 15px; color:#fff;}
.section1 .s1-item .s1-text { font-size:1.4rem; text-align:center; color:#555; line-height:30px; margin-top:25px;}

.section1 .s1-item .btn{ color:#004296; text-align:center; border:2px solid #004296; margin:30px auto 0px auto; font-size:1.6rem; padding:8px 30px; border-radius:3px;}
.section1 .s1-item:hover{ box-shadow:0 0 20px 0 #ccc; border:1px solid #004296;}
.section1 .s1-item:hover .btn{ background:#004296; color:#fff;}
@media (max-width: 486px) {
    .section1 {margin:55px 0px 0px 0px}
}


.section2 {position: relative; }
.section2 .s2-item {margin-top:30px; text-align:center;}
@media (max-width: 486px) {
    .section2 .s2-item {margin-top:0px;}
}
.section2 .s2-item h4 {font-size: 3.6rem; margin-bottom:30px;}
.section2 .s2-item h5 {font-size:2.6rem;}
.section2 .s2-item .s1-text {}
.section2 .s2-item .s1-img {}
.section2 .s2-item p { font-size: 1.6rem; color: #999;}
@media (max-width: 486px) {
    .section2 .s2-item h4 {font-size:1.6rem; padding:0px 15px; line-height:160%;}
}


.section2 .edition-1-bg {
    margin: 0px 0px 0px 0px;
    background-position: center top;
    background-repeat: no-repeat;
    overflow:hidden;
    min-height:555px;
}

.section2 .edition-1-bg img {}
@media (max-width: 486px) {
    .section2 .edition-1-bg img {width:90%;margin:30px auto 0px auto;}
}
.section2 .edition-1-2-bg {
    width: 723px;
    height: 518px;
    margin: 0px auto;
    padding: 35px 15px 0px 15px;
    no-repeat;
    border-radius: 0.5rem;
    border:1px solid #ddd;
    overflow: hidden;
}

@media (max-width: 486px) {
    .section2 .edition-1-bg {padding:15px 0px ;min-height:auto;}
    .section2 .edition-1-2-bg { width:auto; margin:0px 30px;height:auto;}
}

.section2 .edition-1-2-bg:hover {box-shadow: 0 0px 20px  rgba(140, 152, 164, 0.175);}



.section5 {padding:55px 0px; background:#f8f8f8; }
.section5 .s5-item {padding:0px 50px 0px 300px;}
.section5 .s5-item h4 {font-size: 1.4rem;}
.section5 .s5-item .s5-text {padding:30px 0px;}
.section5 .s5-item p {font-size:1.0rem;}
@media (max-width: 486px) {
    .section5 .s5-item {background-position:-60px top;}
    .section5 .s5-item .s5-text {padding: 30px 0px  30px 50%;}
}

.section5 .s5-item1 a {color:#4f78c2;}
.section5 .s5-item2 a {color:#5f6682;}
.section5 .s5-item3 a {color:#219999;}
.section5 .s5-item4 a {color:#b89a73;}

.section5 .s5-item .btn-default {background:none; border-width:1px;height: 26px; line-height: 26px; font-size:0.8rem; padding:0px 8px;}

.section5 .s5-item1 .btn-default {border-color:#4f78c2;}
.section5 .s5-item2 .btn-default {border-color:#5f6682;}
.section5 .s5-item3 .btn-default {border-color:#219999;}
.section5 .s5-item4 .btn-default {border-color:#b89a73;}

@media (max-width: 486px) {
    .section5 .s5-item {margin-bottom:15px; padding:15px;background-position:}
}


.pager li {font-size:1.4rem;}

/*背景*/
#down-bg-left,
#buy-bg-left,
#index-section4-bg-left {
    position: absolute;
    left:0px;
    top:75px;
    width:20%;
    z-index: -1;
}
#down-bg-right,
#buy-bg-right,
#index-section4-bg-right {
    position: absolute;
    top:0px;
    bottom:0px;
    right:0px;
    width:20%;
    z-index: -1;
}

.down-bg-left,
.down-bg-right,
.buy-bg-left,
.buy-bg-right {
    display:none;
}
#down-bg-left .down-bg-left,
#down-bg-right .down-bg-right,
#buy-bg-left .buy-bg-left,
#buy-bg-right .buy-bg-right,
#index-section4-bg-left .buy-bg-left,
#index-section4-bg-right .buy-bg-right
{
    display:block;
}


/*对比框*/
@media (min-width:786px) {
    #buy_table .tab-content {
        position: relative;

        margin: 55px auto;
        padding: 88px 50px;
    }
}

#buy_table .tab-content h3 {
    font-size: 2.6rem;
}

.u-label {
    background: #e6faf6;
    color: #00c9a7;
    padding: 8px 25px;
    border-radius: 20px;
    font-size: 18px;
    box-shadow: 0 10px 12px #eee
}

@media(max-width:468px) {
    .u-label {
        padding: 5px 15px
    }
}

.edition-tabs {
    border: none
}

.edition-tabs>li {
    margin-left: -2px
}

.edition-tabs>li.active>a,.edition-tabs>li.active>a:focus,.edition-tabs>li.active>a:hover {
    border: 1px solid #333;
    border-radius: 5px;
    font-size: 16px;
    color: #333
}

.edition-tabs li.active a,.edition-tabs>li.active>a:focus {
    color: #fff;
    background-color: #004296
}

.edition-tabs>li>a.product-cloud,.edition-tabs>li>a.product-cloud:focus {
    border-radius: 5px 0 0 5px;
    border: 1px solid #004296
}

.edition-tabs>li>a.product-cloud {
    border-right: 0
}

.edition-tabs>li>a.product-ordinary,.edition-tabs>li>a.product-ordinary:focus {
    border-radius: 0 5px 5px 0;
    border: 1px solid #004296
}

.edition-tabs>li>a.product-ordinary {
    border-left: 0
}

.mt-30 {
    margin-top: 30px
}

.edition-box {
    padding: 0 30px 30px;
    box-shadow: 0 0 35px rgba(140,152,164,.125);
    background: #fff;
}

.edition-box ul {
    padding:0px !important;
}

.edition-box ul li span {
    position: absolute;
    top: 50%;
    left: 0px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #004296;
    background: rgba(55,125,255,.1);
    padding:5px;
    border-radius: 50%;
    font-size:1.2rem;
}



.edition-box ul li span.success {
    color: #00c9a7;
    background: rgba(0,201,167,.1)
}

.edition-box ul li span.danger {
    color: #de4437;
    background: rgba(222,68,55,.1)
}

.rounded-circle {
    border-radius: 50%!important
}



.edition-box .btn {
    display:block;
    margin-top: 30px;
    color: #004296;
    padding: 10px 0px;
    background: rgba(55,125,255,.1);
    border-color: transparent;
    font-size: 1.6rem;
}

.edition-box ul li {
    position: relative;
    padding:8px 0px 8px 30px;
    font-size: 1.4rem;
}

.tab-content .tag-content-box {
    margin:0px -10px;
}

.tab-content .tag-content-box:hover .edition-box .btn {
    color: #fff;
    background: #004296;
    box-shadow: 0 4px 17px rgba(55,125,255,.35)
}

.wave {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0
}


.tab-content .tag-content-box:hover {
    box-shadow: 0 4px 27px rgba(55,125,255,.35)
}

.buy_table_header {
    position: relative;
    color: #fff;
    background-color: #004296;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    padding: 30px 30px 90px 30px;
}

.buy_table_header p {
    line-height: 1.6;
    margin-bottom:0px;
    font-size:1.2rem;
}

.buy_table_header strong {
    font-size:5.0rem;
}

.buy_table_header span {
    position: absolute;
    left:0px;
    top:15px;
    line-height: 1.6rem;
    font-size:1.8rem;
}

.buy_table_header .price {
    position: relative;
    height:60px;
    line-height:60px;
    padding-left:15px;
    font-size:1.6rem;
}

/*主机推荐*/
.host-recommend {

}

@media (min-width: 992px) {
    .host-recommend {
        width:65%;
        margin:30px auto 88px auto;
    }
}

.host-recommend .item {
    padding:3.5rem;
    border-radius: 3px;
    box-shadow: 0 0 35px rgba(140, 152, 164, 0.125) !important;
    transition: all 0.2s ease-in-out;
}

.host-recommend .item:hover {
    margin-top:-5px;
    margin-bottom:5px;
}

.host-recommend .item-left {
    background-color: #004296;
    box-shadow: 0 0 50px rgba(55, 125, 255, 0.4) !important;
    color:#fff;
}

.host-recommend .item span {
    display:block;
    width:88px;
    height:88px;
    position: relative;
    text-align:center;
    padding:15px;
    color: #004296;
    background: rgba(55, 125, 255, 0.1);
    border-radius: 50%;
    margin-bottom:55px;
}

.host-recommend .item span i {
    position: absolute;
    bottom:-15px;
    left:0;
    right:0;
    font-size:5.8rem;
    transition: all 0.2s ease-in-out;
}
.host-recommend .item:hover span i {
    bottom:-5px;
}

.host-recommend .item-left span {
    color:#fff;
    background: rgba(248, 249, 250, 0.1);
}

.host-recommend .item small {
    color:#004296;
    font-size:1.4rem;
}

.host-recommend .item-left small {
color:#fff;
}


.host-recommend .item h4 {
    margin:0px 0px 15px 0px !important;
    font-size:1.6rem;
}

.host-recommend .item-left h4 {
    color:#fff;
}

.host-recommend .item h5 {
    font-size:1.8rem;
}

.host-recommend .item p {
    font-size:1.4rem;
    margin-bottom:0px;
}

.host-recommend .item .btn {
    margin-top:30px;
    padding: 8px 25px;
    line-height: 1.5;
    color: #004296;
    background: rgba(55, 125, 255, 0.1);
    font-size:1.6rem;
    border:none;
    transition: all 0.2s ease-in-out;
    border-radius: 30px;
}

.host-recommend .item:hover .btn {
    background:#004296;
    color:#fff;
}

.host-recommend .item-left .btn {
    background: rgba(255, 255, 255, 0.1);
    color:#fff;
}

.host-recommend .item-left:hover .btn {
    background:#fff;
    color:#333;
}

@media (max-width: 486px) {
    .tab-content .tag-content-box {width:80%;margin:0px auto 30px auto !important;}
    #buy_table {margin-bottom:50px;}
    .pc-show {display:none !important;}
}


.navbar .container {position:static !important;}


@media (max-width: 486px){
    .izl-rmenu {
        display: block !important;
    }
    .show_now {padding-top:30px !important;}
    .show_now .system_down .btn-a {
        float: none;
        clear: both;
        margin:0px auto !important;
    }
    }

.headimage { margin:-5px 5px 0px 0px;}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {background:none !important;}
#login .caret {margin-top:8px;}
#login,#login a {box-shadow:none !important;}

#tempalte-demo .modal-content {border-top: 5px solid #004296 !important; ;
    background-size: 60px auto;}


.content-right-pic-list .extend-item {
    margin-bottom:15px;
    padding-bottom:15px;
border-bottom:1px solid #ccc;
}

.content-right-pic-list .extend-item .extend-item-pic {
    float:left;
    width:100px;
    display:block;
    background:#f5f5f5;

}

.content-right-pic-list .extend-item .extend-item-pic img {
    max-width:100px;
}

.content-right-pic-list .extend-item .extend-item-text {
    float:left;
    margin-left:10px;
    text-align:left;
    width:120px;
}

@media (max-width: 486px) {
    .content-right-pic-list .extend-item .extend-item-text {
        width:220px;
    }
}

.content-right-pic-list .extend-item .extend-item-text a {
    font-size:16px;
}
.content-right-pic-list .extend-item .extend-item-text p.jiage {
    margin:10px 0px 5px 0px;
    color:#dc3545;
    font-size:16px;
}
.content-right-pic-list .extend-item .extend-item-text p.info {
    font-size:14px;
color:#ccc;
}
.content-right-pic-list .extend-item .extend-item-text p span {
    display: inline-block;
    padding: 3px 8px;
    border-radius: 3px;
    color: #fff;
    background: #28d094;
}

.extend-content-info {
    overflow: hidden;
    padding-bottom:30px;
    border-bottom: 1px solid #ccc;
}

.extend-content-info .extend-content-list-info h1 {
    display: inline-block;
    font-size:16px;
}

.extend-content-info h5 {
    font-size:18px;
    color:#dc3545;
}

.extend-content-info .btn-danger {
   padding:8px 60px;
}

.extend-content-info .extend-content-list-info li {
    padding:15px 0px;
    font-size:14px;
    border-bottom: 1px solid #ccc;
}

.extend-content-info .extend-content-list-info li:last-child {
    border:none !important;
}

.extend-content-info .extend-content-list-info li span {
    display:inline-block;
    width:88px;
}

.banner-text {
    margin: 90px 0px 0px 0px;
    text-align: center;
    color: white;
    background: #377dff;
    margin-bottom: 88px;
    padding: 80px 0px;
}

.banner-text strong {
    font-size: 2.8em;
    font-weight: normal;
}

.banner-text p {
    margin: 20px 0px 0px 0px;
    font-size: 1.6em;
}

@media (max-width: 486px) {
    .license-menu-list {
        position: relative !important;
        left:auto;
        top:auto;
        height: 100px;
    }
    .license-menu-list li {
        float:left;
        width:49%;
        margin-bottom: 5px;
    }
    #content {
        max-width:100% !important;
        margin: 15px auto 15px auto !important;
    }
    .system_down a.btn-default {font-size: 18px !important;
    }
    .anli h3,
    .anli p,
    .anli .template-tag {padding:0px 15px !important;}
    .system_down h2.desc {padding:0px 60px !important;}
    .content-txt img, .content-txt p img {width: 100% !important;}
    .izl-rmenu {display: none !important; position:static !important;}
    .content-right-jianzhan {clear: both;}
}