input,
button,
select,
textarea {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

label {
    display: block;
    margin-bottom: 5px;
}

select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
    display: inline-block;
    height: 28px;
    padding: 4px 8px;
    margin-bottom: 20px;
    font-size: 14px;
    line-height: 28px;
    color: #555555;
    vertical-align: middle;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

label,
input,
button,
select,
textarea {
    font-size: 14px;
    font-weight: normal;
    line-height: 20px;
}

    textarea,
    input[type="text"],
    input[type="password"],
    input[type="datetime"],
    input[type="datetime-local"],
    input[type="date"],
    input[type="month"],
    input[type="time"],
    input[type="week"],
    input[type="number"],
    input[type="email"],
    input[type="url"],
    input[type="search"],
    input[type="tel"],
    input[type="color"],
    .uneditable-input {
        background-color: #ffffff;
        border: 1px solid #cccccc;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
        -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
        -o-transition: border linear 0.2s, box-shadow linear 0.2s;
        transition: border linear 0.2s, box-shadow linear 0.2s;
    }

        textarea:focus,
        input[type="text"]:focus,
        input[type="password"]:focus,
        input[type="datetime"]:focus,
        input[type="datetime-local"]:focus,
        input[type="date"]:focus,
        input[type="month"]:focus,
        input[type="time"]:focus,
        input[type="week"]:focus,
        input[type="number"]:focus,
        input[type="email"]:focus,
        input[type="url"]:focus,
        input[type="search"]:focus,
        input[type="tel"]:focus,
        input[type="color"]:focus,
        .uneditable-input:focus {
            border-color: rgba(82, 168, 236, 0.8);
            outline: 0;
            outline: thin dotted \9;
            /* IE6-9 */
            -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
            -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
            box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
        }

.blue {
    color: #1F8FFF;
}

.bb-blue {
    background: #1f8fff;
}

.ws {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

a {
    cursor: pointer;
}

.btn-primary {
    background: #1F8FFF;
}

    .btn-primary:hover {
        background: #107BE6;
    }

.btn-primary2 {
    border: 1px solid #fff;
    border-radius: 2px;
}

    .btn-primary2:hover {
        background: #fff;
        color: #202538 !important;
    }

/*banner样式*/
.index-container {
    background: #1e2437;
    height: 420px;
    overflow: hidden;
}

    .index-container .pagination {
        position: absolute;
        left: 0;
        text-align: center;
        bottom: 15px;
        width: 100%;
        z-index: 15;
    }

    .index-container .swiper-pagination-bullet {
        display: inline-block;
        width: 32px;
        height: 20px;
        font-size: 0;
        background: none;
        line-height: 20px;
        text-align: center;
        cursor: pointer;
        transition: width .8s;
    }

        .index-container .swiper-pagination-bullet:before {
            content: '';
            display: inline-block;
            width: 28px;
            height: 3px;
            background: rgba(255,255,255,0.4);
            vertical-align: middle;
            transition: width .8s, background-color .8s;
        }

        .index-container .swiper-pagination-bullet:before {
            background: #fff;
        }

    .index-container .swiper-slide {
        overflow: hidden;
    }

    .index-container .swiper-slide-active {
        opacity: 1;
    }

    .index-container .swiper-slide .img {
        position: absolute;
    }

    .index-container .inner {
        background: url(../images/index-bg.png) no-repeat center;
    }

    .index-container .inner2 {
        background: url(../images/index-bg2.png) no-repeat center;
    }

    .index-container .inner3 {
        width: 100%;
        vertical-align: middle;
        margin: 0 auto;
    }

.banner-imagea a {
    display: block;
    position: relative;
    left: 50%;
    margin-left: -960px;
    width: 1920px;
}

.banner-imagea img {
    position: absolute;
    top: 0;
    left: 0;
    width: 1920px;
}


.inner {
    position: relative;
    display: block;
    width: 1180px;
    height: 420px;
    margin: 0 auto;
    z-index: 9999;
}

.inner2 .banner-text {
    display: inline-block;
    margin-top: 72px;
    width: 870px;
    float: right;
    position: relative;
}

    .inner2 .banner-text .t4 {
        margin-top: 10px;
        margin-bottom: 10px;
        font-size: 44px;
        color: #fff;
        line-height: 75px;
        font-family: "微软雅黑";
    }

    .inner2 .banner-text .t5 {
        margin-top: 30px;
        font-size: 18px;
        color: #fff;
        line-height: 36px;
    }

.inner3 .banner-text .t5 {
    margin-top: 30px;
    font-size: 18px;
    color: #fff;
    line-height: 36px;
}

.inner2 .banner-image {
    position: absolute;
    right: -88px;
    top: -72px;
}

.index-container .pagination {
    margin-left: 0;
}

/*.banner-image{position:absolute; top:0; left:0; width:100%; height:500px; text-align:center; z-index:9; }*/
.banner-image img.breathing {
    position: absolute;
    top: 0;
    left: 0;
    width: 1920px;
}

@keyframes banner-slide-20 {
    0% {
        opacity: 0;
        transform: translate3d(0, -20px, 0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

@keyframes banner-slide-40 {
    0% {
        opacity: 0;
        transform: translate3d(0, -40px, 0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

@keyframes banner-slide-60 {
    0% {
        opacity: 0;
        transform: translate3d(0, -60px, 0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

@keyframes banner-slide-80 {
    0% {
        opacity: 0;
        transform: translate3d(0, -80px, 0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

@keyframes re-banner-slide-20 {
    0% {
        opacity: 0;
        transform: translate3d(0, 20px, 0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

@keyframes re-banner-slide-40 {
    0% {
        opacity: 0;
        transform: translate3d(0, 40px, 0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

@keyframes re-banner-slide-60 {
    0% {
        opacity: 0;
        transform: translate3d(0, 60px, 0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

lesshat-selector {
    -lh-property: 0
}

@keyframes re-banner-slide-80 {
    0% {
        opacity: 0;
        transform: translate3d(0, 80px, 0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

[not-existing] {
    zoom: 1
}



.ctrl-index-top-banner .module-wrap [banner-container] [data-group].center .breathingLampImage {
    animation: breath 3s infinite ease-in-out alternate
}

@keyframes breath {
    0% {
        opacity: .2
    }

    70% {
        opacity: 1
    }

    to {
        opacity: .2
    }
}

.banner-image .pc-img {
    display: block;
}

.banner-image .breathing {
    opacity: 1;
    position: absolute;
}
/*.breathing {-webkit-animation:breath 3s infinite ease-in-out alternate; 
				animation:breath 3s infinite ease-in-out alternate
			}
@-webkit-keyframes breath {
				0% {
					opacity:1
				}
				70% {
					opacity:.2
				}
				to {
					opacity:1
				}
			}
			
			@keyframes breath {
				0% {
					opacity:1
				}
				70% {
					opacity:.2
				}
				to {
					opacity:1
				}
			}*/

/*波浪遮罩*/
.cover {
    background: url(images/banner-cover.png) no-repeat center center;
    position: absolute;
    z-index: 9;
    bottom: 0;
    left: -1280px;
    right: -1280px;
    width: 2560px;
    height: 60px;
    margin: 0 auto;
}

/*返回顶部样式*/
.goTop > img {
    width: 48px;
    height: 48px;
    cursor: pointer;
}

.goTop {
    position: fixed;
    right: 0px;
    bottom: 20px;
    z-index: 999;
    box-shadow: 0 3px 10px rgba(59,67,73, .1);
    width: 48px;
    height: 48px;
}

.ban-3-xg {
    margin-top: 50%;
}

    .ban-3-xg img {
        width: 80%;
        margin: 0 auto 0 13.5% !important;
    }

/*需求定制*/
.virtualHost-banner {
    width: 100%;
    overflow: hidden;
    position: relative;
    background: url(../images/host-banner-bg.png) no-repeat center;
    height: 400px;
}

    .virtualHost-banner .virtualHost-banner-width {
        width: 1200px;
        margin: 0 auto;
        height: 400px;
    }

    .virtualHost-banner .virtualHost-banner-width01 {
        float: left;
        color: #fff;
        margin-top: 90px;
        /*width: 660px;*/
        width: 700px;
    }

        .virtualHost-banner .virtualHost-banner-width01 p {
            /*font-size: 48px;*/
            font-size: 36px;
            margin: 0 0 0;
            background: url(../images/xuqiu-line.png) no-repeat bottom left;
            padding-bottom: 5px;
        }

        .virtualHost-banner .virtualHost-banner-width01 h2 {
            font-size: 20px;
            font-weight: 100;
        }

        .virtualHost-banner .virtualHost-banner-width01 h3 {
            font-size: 24px;
            font-weight: 100;
            margin-top: 40px;
        }

        .virtualHost-banner .virtualHost-banner-width01 a.btn-primary {
            font-size: 14px;
            width: 122px;
            height: 38px;
            line-height: 36px;
            box-sizing: border-box;
            text-align: center;
            border: 1px solid #1F8FFF;
            transition: all ease-in .5s;
        }

        .virtualHost-banner .virtualHost-banner-width01 a {
            display: inline-block;
        }

            .virtualHost-banner .virtualHost-banner-width01 a.btn-shen {
                font-size: 14px;
                width: 100px;
                height: 38px;
                line-height: 36px;
                box-sizing: border-box;
                text-align: center;
                border: 1px solid #1F8FFF;
                transition: all ease-in .5s;
                color: #1F8FFF;
                margin-right: 40px;
            }

                .virtualHost-banner .virtualHost-banner-width01 a.btn-shen:hover {
                    background: #1f8fff;
                    color: #fff;
                }

    .virtualHost-banner .virtualHost-banner-width02 {
        width: auto;
        float: right;
        margin-right: -114px;
    }

.host-tab-item-bg {
    padding: 57px 0px 58px;
    background: #f5fbff;
}

.yun-demand {
    background: #f5f5f5;
    overflow: hidden;
}

    .yun-demand .yd-title {
        font-size: 12px;
        color: #666666;
        line-height: 40px;
    }

    .yun-demand ul.yd-list {
        overflow: hidden;
    }

        .yun-demand ul.yd-list li {
            width: 385px;
            float: left;
            background: #fff;
            box-sizing: border-box;
            margin-right: 15px;
            margin-bottom: 20px;
        }

            .yun-demand ul.yd-list li:hover {
                box-shadow: 0 10px 10px rgba(135,166,193,.25);
            }

            .yun-demand ul.yd-list li h5 {
                font-size: 14px;
                color: #666666;
                line-height: 30px;
                background: url(../images/yun-dui.png) no-repeat 30px;
                border-bottom: 1px solid #f5f5f5;
                padding: 5px 0 5px 60px;
            }

            .yun-demand ul.yd-list li .yd-text {
                padding: 14px 30px;
                box-sizing: border-box;
            }

                .yun-demand ul.yd-list li .yd-text h3 {
                    font-size: 18px;
                    color: #333;
                    line-height: 30px;
                }

                .yun-demand ul.yd-list li .yd-text p {
                    font-size: 14px;
                    color: #666;
                    line-height: 30px;
                    height: 90px;
                    overflow: hidden;
                }

                .yun-demand ul.yd-list li .yd-text span {
                    font-size: 12px;
                    color: #999;
                    line-height: 24px;
                    display: inline-block;
                    background: #eeeeee;
                    padding: 0 18px;
                    margin-top: 15px;
                }

            .yun-demand ul.yd-list li .yd-yusuan {
                font-size: 14px;
                color: #333;
                line-height: 30px;
                border-top: 1px solid #f5f5f5;
                padding: 5px 0 5px 30px;
            }

                .yun-demand ul.yd-list li .yd-yusuan i {
                    font-size: 18px;
                    font-style: normal;
                }

            .yun-demand ul.yd-list li:last-child {
                margin-right: 0;
            }

.xq-pagination {
    text-align: center;
    margin: 40px 0 70px;
}

    .xq-pagination .xq-pg {
        display: inline-block;
    }

    .xq-pagination ul {
        display: inline-block;
        overflow: hidden;
        float: left;
    }

        .xq-pagination ul li {
            padding: 0 11px;
            height: 30px;
            border: 1px solid #ccdbe9;
            line-height: 30px;
            text-align: center;
            float: left;
            margin-right: 10px;
            color: #333;
            font-size: 12px;
            background: #fff;
        }

            .xq-pagination ul li.xq-active {
                background: #e6f0f9 !important;
                color: #abc3d8 !important;
            }

            .xq-pagination ul li.xq-one {
                background: #1f8fff;
                color: #fff;
            }

            .xq-pagination ul li.xq-sheng {
                background: none;
                color: #333;
                border: none;
            }

            .xq-pagination ul li a {
                display: block;
            }

    .xq-pagination .xq-pg > span {
        display: inline-block;
        line-height: 32px;
        color: #333;
        float: left;
        margin: 0 15px 0 10px;
    }

    .xq-pagination div.xq-sou {
        display: inline-block;
        line-height: 30px;
        float: left;
    }

        .xq-pagination div.xq-sou span {
            display: inline-block;
            width: 50px;
            height: 26px;
            background: #fff;
            border: 1px solid #ccdbe9;
            line-height: 26px;
            border-radius: 4px;
            float: left;
        }

        .xq-pagination div.xq-sou i {
            display: inline-block;
            float: left;
            font-style: normal;
            padding: 0 5px;
        }

    .xq-pagination h3 {
        display: inline-block;
        border: 1px solid #1f8fff;
        padding: 0 10px;
        line-height: 26px;
        color: #1f8fff;
        float: left;
        background: #fff;
        margin-left: 10px;
    }

    .xq-pagination ul li:hover {
        background: #1F8FFF;
        color: #fff;
    }

    .xq-pagination h3:hover {
        background: #1F8FFF;
        color: #fff;
    }

/*发布需求*/
.crumbs {
    border-bottom: 1px solid #ddd;
    padding-bottom: 23px;
    line-height: 30px;
    margin-bottom: 30px;
}

.crumbs-title {
    border-left: 2px solid #1F8FFF;
    padding-left: 10px;
    line-height: 20px;
    margin-top: 20px;
    color: #333;
    font-size: 18px;
}

.c-bg {
    background: #f5f5f5;
    overflow: hidden;
    width: 100%;
}

.c-ruzhu .xq-content {
    background: #fff;
    overflow: hidden;
    padding: 0 40px;
    box-sizing: border-box;
    margin-bottom: 38px;
}

.c-ruzhu .control-group {
    width: 100%;
    overflow: hidden;
}

.c-ruzhu .informate-wrap {
    display: inline-block;
    float: left;
    width: 608px;
    overflow: hidden;
}

    .c-ruzhu .informate-wrap .controls input {
        font-family: "微软雅黑";
        width: 500px;
    }

.c-ruzhu .valid_message {
    color: #a8a8a8;
    font-size: 12px;
    line-height: 41px;
    display: inline-block;
    display: inline-block;
    background: url(../images/c-tip.png) no-repeat 15px #f6f6f6;
    margin-bottom: 14px;
    padding: 0 40px;
    box-sizing: border-box;
}

.c-ruzhu .informate-wrap .controls textarea {
    height: 130px;
    font-family: "微软雅黑";
    resize: none;
    width: 500px;
    padding: 0 8px;
    line-height: 30px;
    margin-bottom: 20px;
}

.c-ruzhu .informate-wrap .controls input::-moz-placeholder {
    color: #9b9b9b;
    font-size: 14px;
}

.c-ruzhu .informate-wrap .controls input::-ms-input-placeholder {
    color: #9b9b9b;
    font-size: 14px;
}

.c-ruzhu .informate-wrap .controls input::-webkit-input-placeholder {
    color: #9b9b9b;
    font-size: 14px;
}

.c-ruzhu .form-horizontal .control-label {
    color: #333;
}

.c-ruzhu .informate-wrap .c-controls input {
    width: 178px;
}
/*.c-ruzhu .informate-wrap .c-controls{width:50%; }*/
.c-ruzhu .informate-wrap .rz-controls {
    position: relative;
}

    .c-ruzhu .informate-wrap .rz-controls input {
        width: 206px;
        height: 38px;
        padding-left: 40px;
        box-sizing: border-box;
    }

    .c-ruzhu .informate-wrap .rz-controls .control-label {
        /*margin-left: 28px;*/
    }

    .c-ruzhu .informate-wrap .rz-controls span {
        display: inline-block;
        width: 28px;
        height: 28px;
        float: left;
        position: absolute;
        left: 106px;
        top: 1px;
        background: #fff;
        line-height: 36px;
    }

    .c-ruzhu .informate-wrap .rz-controls .controls {
        width: 228px;
        margin-left: 0;
        overflow: hidden;
    }

        .c-ruzhu .informate-wrap .rz-controls .controls input {
            float: right;
        }

.ruzhu-right {
    display: inline-block;
    width: 440px;
    height: 450px;
    padding: 0 20px;
    margin-left: 30px;
    background: #F6F6F6;
    float: left;
    font-size: 14px;
    color: #9B9B9B;
    overflow-y: scroll;
}

    .ruzhu-right h3 {
        margin-top: 10px;
        font-size: 14px;
        font-weight: bold;
        color: #333;
    }

    .ruzhu-right p {
        margin: 10px 0;
        line-height: 30px;
    }

.c-ruzhu .form-horizontal .control-label {
    width: 75px;
}

.c-ruzhu .form-horizontal .controls {
    margin-left: 90px;
}

.form-horizontal .control-label {
    float: left;
    width: 150px;
    padding-top: 5px;
    text-align: right;
}

.form-horizontal .controls {
    *display: inline-block;
    *padding-left: 20px;
    *margin-left: 0;
}


.c-ruzhu .control-group-width {
    width: 50%;
    float: left;
}

.control-group .btn-primary {
    width: 286px;
    line-height: 40px;
    color: #fff;
    text-align: center;
    border: none;
    border-radius: 4px;
    font-family: "微软雅黑";
    margin-top: 20px;
    margin-bottom: 75px;
}

.daohang {
    width: 100%;
    overflow: hidden;
    padding: 10px 0;
    font-size: 12px;
    color: #666;
    line-height: 25px;
}

    .daohang a:last-child {
        color: #1f8fff;
    }

    .daohang a:hover {
        color: #1F8FFF;
    }

.c-ruzhu .informate-wrap .control-group-check .c-controls input[type="checkbox"] {
    width: 40px;
    margin: 3px 0;
    -webkit-appearance: none; /*清除复选框默认样式*/
    height: 20px; /*高度*/
    vertical-align: middle;
    width: 20px;
    border: 1px solid #d9d9d9;
    border-radius: 2px;
    outline: none;
    float: left;
    color: #333;
    margin: 0 10px;
}

    .c-ruzhu .informate-wrap .control-group-check .c-controls input[type="checkbox"]:checked {
        background: url(../images/2.png) no-repeat center #1f8fff;
        border: 1px solid #1f8fff;
        background-size: 70%;
    }

.c-ruzhu .informate-wrap .control-group-check .c-controls label {
    display: inline-block;
    font-size: 14px;
    color: #9b9b9b;
}

/*智慧城市*/
.c-gch {
    overflow: hidden;
}

    .c-gch .xq-content {
    }

.xq-content01 {
    padding: 15px 0 0;
    width: 100%;
    background: #fff;
}

    .xq-content01 .xq-content-he {
        overflow: hidden;
        border-bottom: 1px solid #f5f5f5;
        padding: 10px 30px;
        box-sizing: border-box;
    }

    .xq-content01 .xq-content01-left {
        width: 70%;
        overflow: hidden;
    }

        .xq-content01 .xq-content01-left h3 {
            font-size: 18px;
            color: #333;
            line-height: 30px;
        }

        .xq-content01 .xq-content01-left p {
            font-size: 14px;
            color: #333;
            line-height: 30px;
            padding: 5px 0;
        }

            .xq-content01 .xq-content01-left p i {
                font-size: 18px;
                color: #333;
                line-height: 30px;
                font-style: normal;
            }

    .xq-content01 .xq-content01-right {
        font-size: 14px;
        color: #666;
        line-height: 30px;
        display: inline-block;
        width: 30%;
        text-align: right;
    }

    .xq-content01 .miaoshu {
        width: 100%;
        overflow: hidden;
        padding: 10px 30px;
        box-sizing: border-box;
    }

        .xq-content01 .miaoshu p {
            font-size: 14px;
            color: #333;
            line-height: 30px;
        }

        .xq-content01 .miaoshu h3 {
            font-size: 14px;
            color: #666;
            line-height: 30px;
            margin-bottom: 80px;
        }

        .xq-content01 .miaoshu span {
            font-size: 12px;
            color: #999;
            line-height: 24px;
            display: inline-block;
            background: #eeeeee;
            padding: 0 18px;
            margin-top: 15px;
        }

        .xq-content01 .miaoshu div {
            width: 100%;
            overflow: hidden;
        }

        .xq-content01 .miaoshu a {
            color: #1f8fff;
            font-size: 14px;
            line-height: 50px;
        }

            .xq-content01 .miaoshu a:hover {
                color: #107BE6;
            }

.xq-content02 {
    margin: 20px 0;
    background: #fff;
    overflow: hidden;
    background: #e5e5e5;
    padding: 10px 0;
    text-align: center;
}

    .xq-content02 p {
        display: inline-block;
        font-size: 18px;
        color: #333;
        line-height: 28px;
    }

    .xq-content02 a {
        display: inline-block;
        font-size: 14px;
        color: #fff;
        line-height: 38px;
        background: #1F8FFF;
        padding: 0 29px;
        margin-left: 33px;
        border-radius: 4px;
    }

        .xq-content02 a:hover {
            background: #107BE6;
        }

.gch-hezuo {
    overflow: hidden;
}

    .gch-hezuo h3 {
        font-size: 18px;
        color: #333;
        line-height: 30px;
        margin: 2px 0 25px;
    }

    .gch-hezuo ul li {
        width: 220px;
        float: left;
        overflow: hidden;
        margin-right: 25px;
        margin-bottom: 22px;
        box-shadow: 0 5px 10px rgba(135,166,193,.25);
        background: #fff;
        text-align: center;
    }

        .gch-hezuo ul li:nth-child(5n) {
            margin-right: 0;
        }

        .gch-hezuo ul li p {
            font-size: 12px;
            color: #999;
            line-height: 30px;
            padding: 0 15px 10px;
        }

            .gch-hezuo ul li p img {
                float: left;
                margin-top: 6px;
                margin-right: 5px;
            }

        .gch-hezuo ul li:hover {
            box-shadow: 0 10px 10px rgba(135,166,193,.25);
        }

.gch-hezuo2 {
    margin-bottom: 45px;
    overflow: hidden;
}

    .gch-hezuo2 h3 {
        font-size: 18px;
        color: #333;
        line-height: 30px;
        margin: 2px 0 25px;
    }

    .gch-hezuo2 ul li {
        width: 220px;
        float: left;
        overflow: hidden;
        margin-right: 25px;
        margin-bottom: 22px;
        box-shadow: 0 10px 10px rgba(135,166,193,.25);
        background: #fff;
        padding: 10px 10px 0;
        box-sizing: border-box;
    }

        .gch-hezuo2 ul li:nth-child(5n) {
            margin-right: 0;
        }

        .gch-hezuo2 ul li p {
            font-size: 12px;
            color: #999;
            line-height: 30px;
        }

            .gch-hezuo2 ul li p img {
                float: left;
                margin-top: 6px;
                margin-right: 5px;
            }

        .gch-hezuo2 ul li:hover {
            box-shadow: 0 12px 10px rgba(135,166,193,.3);
        }

        .gch-hezuo2 ul li div span {
            font-size: 12px;
            line-height: 22px;
            background: #1F8FFF;
            color: #fff;
            float: left;
            padding: 0 4px;
            margin-top: 2px;
            margin-right: 3px;
        }

        .gch-hezuo2 ul li div {
            font-size: 14px;
            color: #333;
            line-height: 25px;
            border-bottom: 1px solid #e5e5e5;
            height: 51px;
            overflow: hidden;
        }

        .gch-hezuo2 ul li a > img {
            width: 200px;
            height: 200px;
        }

/*产品中心*/
.shengtai {
    padding: 28px 0px;
    height: 120px;
    box-sizing: border-box;
}

    .shengtai .st-left img {
        float: left;
    }

    .shengtai .st-left a {
        display: table-cell;
        vertical-align: middle;
        height: 64px;
    }

    .shengtai .st-right {
        display: inline-block;
        float: right;
    }

        .shengtai .st-right .st-r-list {
            position: relative;
            float: left;
        }
            /*.shengtai .st-right .st-r-list p{border:1px solid #1f8fff; padding:0 13px; line-height:33px; color:#333; font-size:12px; border-right:1px solid #bbddff; }
.shengtai .st-right .st-r-list p i{margin-left:10px; color:#ccc; font-size:16px; line-height:33px; }*/
            .shengtai .st-right .st-r-list p {
                border: 1px solid #1f8fff;
                padding: 0 13px;
                width: 70px;
                line-height: 34px;
                color: #333;
                font-size: 12px;
                border-right: 1px solid #bbddff;
                text-overflow: ellipsis;
                white-space: nowrap;
            }

                .shengtai .st-right .st-r-list p i {
                    margin-left: 10px;
                    color: #ccc;
                    font-size: 16px;
                    line-height: 33px;
                    position: absolute;
                    right: 10px;
                }

            .shengtai .st-right .st-r-list ul li {
                font-size: 12px;
                color: #333;
                line-height: 30px;
                border-bottom: 1px solid #E5E5E5;
                padding-left: 15px;
            }

            .shengtai .st-right .st-r-list ul {
                background: #fff;
                overflow: hidden;
                border: 1px solid #E5E5E5;
                border-top: none;
                border-bottom: none;
                position: absolute;
                top: 36px;
                left: 0;
                width: 100%;
                box-sizing: border-box;
                z-index: 9;
            }

                .shengtai .st-right .st-r-list ul li:hover {
                    background: #1F8FFF;
                    color: #fff;
                }

                .shengtai .st-right .st-r-list ul li.bg {
                    background: #1F8FFF;
                    color: #fff;
                }

        .shengtai .st-right .st-r-ipt {
            display: inline-block;
        }

            .shengtai .st-right .st-r-ipt input {
                border: 1px solid #1f8fff;
                width: 348px;
                float: left;
                box-shadow: none;
                border-left: 0;
                border-right: 0;
                line-height: 36px;
                margin: 0;
                border-radius: 0;
                padding: 0 10px;
                box-sizing: border-box;
                height: 36px;
            }

            .shengtai .st-right .st-r-ipt a {
                font-size: 14px;
                color: #fff;
                background: #1F8FFF;
                line-height: 36px;
                display: inline-block;
                width: 58px;
                text-align: center;
            }

                .shengtai .st-right .st-r-ipt a:hover {
                    background: #107BE6;
                }

                .shengtai .st-right .st-r-ipt a:last-child {
                    width: 111px;
                }

        .shengtai .st-right .st-r-text {
            color: #999;
            font-size: 12px;
            line-height: 22px;
            margin: 3px 0;
        }

            .shengtai .st-right .st-r-text a:hover {
                color: #1F8FFF;
            }

.st-content {
    margin: 40px 0 0;
    overflow: hidden;
}

.st-cn-pro {
    width: 100%;
    overflow: hidden;
    background: #fff;
    border-bottom: 1px solid #e5e5e5;
}

    .st-cn-pro h3 {
        width: 116px;
        background: url(../images/st-bg.png) no-repeat center;
        line-height: 44px;
        text-align: center;
        color: #fff;
        float: left;
    }

    .st-cn-pro a {
        display: inline-block;
        font-size: 14px;
        color: #999;
        line-height: 44px;
        padding: 0 6px;
    }

        .st-cn-pro a:hover {
            color: #1F8FFF;
        }

    .st-cn-pro .st-cn-pro0 {
        width: 1060px;
        float: right;
    }

        .st-cn-pro .st-cn-pro0 a.current, .st-r-text a.current {
            color: #1F8FFF;
        }

.orderBarWrap {
    width: 100%;
    overflow: hidden;
    background: #fff;
    border: 1px solid #E5E5E5;
    margin: 14px 0 24px;
}

.orderBar {
    float: left;
    margin: 0 20px;
}

    .orderBar span {
        display: block;
        float: left;
    }

    .orderBar .orderType {
        margin-right: 6px;
        line-height: 44px;
        font-size: 16px;
        color: #999;
    }

    .orderBar .btnOrder {
        overflow: hidden;
        padding: 0 12px;
        position: relative;
        height: 44px;
    }

.btnOrder a {
    display: block;
    width: 16px;
    height: 10px;
    cursor: pointer;
}

.orderBar span.current {
    color: #1F8FFF;
}

.orderBar span:hover {
    color: #1F8FFF;
}

.orderType .current {
    color: #1F8FFF;
}

.orderType:hover {
    color: #1F8FFF;
}

.orderBar i {
    color: #cdcdcd;
}

    .orderBar i.yun-up {
        position: absolute;
        right: 0;
        top: 2px;
        font-size: 21px;
    }

    .orderBar i.yun-down {
        position: absolute;
        right: 0;
        bottom: 2px;
        font-size: 21px;
    }

    .orderBar i.text-blue {
        color: #1F8FFF;
    }

/*电商零售*/
.st-cn-more {
    overflow: hidden;
    margin-bottom: 60px;
}

    .st-cn-more .st-pro-left {
        width: 920px;
        box-sizing: border-box;
    }

        .st-cn-more .st-pro-left .st-pro-top {
            background: #fff;
            overflow: hidden;
            padding: 30px 20px;
        }

        .st-cn-more .st-pro-left .st-pro-left-img {
            width: 260px;
            height: 260px;
            float: left; /*display:inline-block; */
        }

            .st-cn-more .st-pro-left .st-pro-left-img img {
                width: 260px;
                height: 260px;
            }

        .st-cn-more .st-pro-left .st-pro-left-text {
            width: 560px;
            margin-left: 20px;
            float: left;
            box-sizing: border-box; /*display:inline-block; */
        }

            .st-cn-more .st-pro-left .st-pro-left-text h3.tit {
                min-height: 32px;
                margin: 0 0 8px 0;
                text-align: left;
            }

            .st-cn-more .st-pro-left .st-pro-left-text h3 span {
                font-size: 20px;
                color: #333;
                line-height: 32px;
            }

            .st-cn-more .st-pro-left .st-pro-left-text div.cont {
                min-height: 52px;
                margin: 0 0 8px;
            }

                .st-cn-more .st-pro-left .st-pro-left-text div.cont p.jianjie {
                    font-size: 14px;
                    color: #666;
                    line-height: 26px;
                }

            .st-cn-more .st-pro-left .st-pro-left-text div.biaoqian {
                overflow: hidden;
            }

                .st-cn-more .st-pro-left .st-pro-left-text div.biaoqian span {
                    display: inline-block;
                    min-width: 78px;
                    height: 24px;
                    margin-right: 10px;
                    padding: 0 8px;
                    background: #eee;
                    font-size: 14px;
                    text-align: center;
                    color: #999;
                }

            .st-cn-more .st-pro-left .st-pro-left-text div.sousuo {
                width: 100%;
                overflow: hidden;
                background: #eee;
                margin: 16px 0 4px;
            }

                .st-cn-more .st-pro-left .st-pro-left-text div.sousuo h3 {
                    font-size: 14px;
                    color: #666;
                    line-height: 36px;
                    width: 33.33%;
                    float: left;
                    text-align: center;
                }

            .st-cn-more .st-pro-left .st-pro-left-text p.tel {
                font-size: 18px;
                color: #666;
                line-height: 40px;
                text-align: center;
                position: relative;
            }

                .st-cn-more .st-pro-left .st-pro-left-text p.tel:after {
                    position: absolute;
                    width: 25%;
                    height: 1px;
                    background: #999999;
                    top: 20px;
                    left: 0;
                    content: "";
                }

                .st-cn-more .st-pro-left .st-pro-left-text p.tel:before {
                    position: absolute;
                    width: 25%;
                    height: 1px;
                    background: #999999;
                    top: 20px;
                    right: 0;
                    content: "";
                }

        .st-cn-more .st-pro-left .ipt {
            margin-top: 14px;
            overflow: hidden;
        }

            .st-cn-more .st-pro-left .ipt input {
                border-radius: 0;
                float: left;
                width: 162px;
                box-sizing: border-box;
                height: 36px;
                margin: 0;
            }

            .st-cn-more .st-pro-left .ipt a {
                width: 124px;
                line-height: 36px;
                color: #fff;
                font-size: 16px;
                background: #1F8FFF;
                display: inline-block;
                margin-right: 27px;
                padding-left: 46px;
                box-sizing: border-box;
            }

                .st-cn-more .st-pro-left .ipt a:nth-child(1) {
                    background: url(../images/phone.png) no-repeat 14px #1F8FFF;
                }

                .st-cn-more .st-pro-left .ipt a:nth-child(2) {
                    background: url(/Content/Ver1/images/xf-kefu.png) no-repeat 7px #1F8FFF;
                }

                .st-cn-more .st-pro-left .ipt a:nth-child(3) {
                    background: url(../images/zixun.png) no-repeat 14px #1F8FFF;
                }

                .st-cn-more .st-pro-left .ipt a:last-child {
                    margin-right: 0;
                    background: url(../images/liuyan.png) no-repeat 14px #1F8FFF;
                }

                .st-cn-more .st-pro-left .ipt a:hover {
                    background-color: #107BE6;
                }

        .st-cn-more .st-pro-left .jieshao {
            margin-top: 11px;
            overflow: hidden;
            clear: both;
            background: #fff;
            padding: 25px 0;
            text-align: center;
        }

            .st-cn-more .st-pro-left .jieshao .j-title {
                font-size: 16px;
                color: #333;
                line-height: 30px;
                border-bottom: 1px solid #eee;
                padding: 0 20px;
                text-align: left;
            }

            .st-cn-more .st-pro-left .jieshao img {
                max-width: 100%;
                margin: 20px auto;
            }

            .st-cn-more .st-pro-left .jieshao div {
                text-align: left;
                font-size: 14px;
                color: #333;
                line-height: 30px;
                padding: 0 20px;
            }

.st-pro-right {
    width: 270px;
}

.st-pro-r-top h3 {
    font-size: 16px;
    color: #666;
    line-height: 30px;
}

.st-pro-r-top {
    padding: 30px 20px 20px;
    box-sizing: border-box;
    background: #fff;
    margin-bottom: 11px;
    overflow: hidden;
}

    .st-pro-r-top p {
        font-size: 12px;
        color: #8ac5ff;
        line-height: 30px;
        background: url(../images/gap.png) no-repeat left;
        padding-left: 20px;
        padding-top: 3px;
        padding-bottom: 3px;
    }

    .st-pro-r-top h5 {
        font-size: 14px;
        color: #666;
        line-height: 32px;
    }

        .st-pro-r-top h5 span {
            font-size: 13.5px;
            color: #333;
            line-height: 32px;
        }

.st-pro-r-text > h3 {
    font-size: 16px;
    color: #333;
    line-height: 30px;
    padding: 5px 20px;
    box-sizing: border-box;
    border-bottom: 1px solid #E5E5E5;
}

.st-pro-r-text {
    overflow: hidden;
    background: #fff;
    padding: 5px 0 27px;
}

    .st-pro-r-text ul li {
        padding: 15px 20px 13px;
        overflow: hidden;
        border-bottom: 1px solid #E5E5E5;
    }

        .st-pro-r-text ul li .st-pro-r-img {
            width: 60px;
            height: 60px;
            transition: all ease .3s;
            overflow: hidden;
        }

            .st-pro-r-text ul li .st-pro-r-img:hover img {
                transform: scale(1.1,1.1);
            }

        .st-pro-r-text ul li .st-pro-r-g {
            width: 160px;
        }

            .st-pro-r-text ul li .st-pro-r-g h3 {
                color: #666;
                font-size: 14px;
                line-height: 20px;
            }

            .st-pro-r-text ul li .st-pro-r-g p {
                color: #999;
                font-size: 12px;
                line-height: 23px;
                display: -webkit-box;
                -webkit-line-clamp: 2;
                -webkit-box-orient: vertical;
            }

        .st-pro-r-text ul li .st-pro-r-img img {
            width: 60px;
            height: 60px;
        }

/*分页效果*/
.page-wnn {
    width: 480px;
    margin: 20px;
    float: left;
}

.paginator {
    font: 12px Arial, Helvetica, sans-serif;
    padding: 10px 0px 10px 0;
    margin: 0 auto;
    overflow: hidden;
}

    .paginator a {
        border: solid 1px #ddd;
        color: #B1B1B1;
        cursor: pointer;
        text-decoration: none;
        background: #fff;
    }

    .paginator .cpb {
        border: 1px solid #6da9de;
        font-weight: 700;
        color: #6da9de;
        background-color: #ffeee5;
    }

    .paginator a:hover {
        border: solid 1px #6da9de;
        color: #fff;
        text-decoration: none;
        background: #6da9de;
    }

    .paginator a, .paginator a:visited, .paginator .cpb, .paginator a:hover {
        float: left;
        height: 25px;
        line-height: 25px;
        min-width: 25px;
        _width: 10px;
        margin-right: 5px;
        text-align: center;
        white-space: nowrap;
        font-size: 12px;
        font-family: Arial,SimSun;
        padding: 0 3px;
    }

.pages {
    text-align: center;
    margin-bottom: 105px;
    margin-top: 20px;
}

    .pages a {
        display: inline-block;
        width: 35px;
        height: 35px;
        background-color: #DEDCDC;
        text-align: center;
        line-height: 35px;
        font-family: Arial;
        font-size: 14px;
        color: #666;
        margin: 0 4px;
    }

        .pages a:hover,
        .pages .page-on {
            background-color: #6DA9DE;
            color: #fff;
        }

.paginator > .active {
    float: left;
    color: #fff !important;
    width: 25px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    border: 1px solid #479DF0;
    background-color: #479DF0;
}

.bkny {
    width: 100%;
}

.bkny-ny {
    width: 100%;
    padding: 50px 0;
    margin: 0 auto;
}

    .bkny-ny .xtb {
        width: 94px;
        height: 108px;
        margin: 0 auto;
    }

        .bkny-ny .xtb img {
            width: 100%;
        }

    .bkny-ny h3 {
        text-align: center;
        line-height: 40px;
        color: #565656;
        font-size: 18px;
        font-weight: normal;
    }

/*生态伙伴*/
.virtualHost-banner .partners p {
    font-size: 18px;
    margin: 27px 0 32px;
    background: none;
    font-weight: 100;
}

.virtualHost-banner .partners h2 {
    font-size: 40px;
    font-weight: 100;
    color: #fff;
    line-height: 40px;
}

.virtualHost-banner .partners span {
    font-size: 20px;
    font-weight: 100;
    line-height: 35px;
}

.virtualHost-banner .partners .virtualHost-banner-width02 {
    width: auto;
    float: right;
    margin-right: -109px;
    margin-top: 23px;
}

.host-tab-item-bg .partners {
    padding: 57px 0px 58px;
    background: #f5fbff;
}

.ecolo-title {
    text-align: center;
    overflow: hidden;
}

    .ecolo-title ul {
        display: inline-block;
        text-align: center;
    }

        .ecolo-title ul li {
            display: inline-block;
            margin: 0 41px;
            padding: 13px 0;
            font-size: 18px;
            color: #333;
            line-height: 30px;
        }

            .ecolo-title ul li:hover {
                border-bottom: 2px solid #1F8FFF;
                color: #1F8FFF;
            }

            .ecolo-title ul li.active {
                border-bottom: 2px solid #1F8FFF;
                color: #1F8FFF;
            }

.ecolo-jie {
    background: url(../images/map.png) no-repeat center #fff;
    overflow: hidden;
    padding: 43px 0 28px;
    text-align: center;
}

    .ecolo-jie .ecolo-j-left {
        width: 700px;
        float: left;
        margin-right: 100px;
    }

        .ecolo-jie .ecolo-j-left h3 {
            font-size: 30px;
            color: #222;
            line-height: 30px;
            text-align: center;
            margin: 25px 0 35px;
        }

        .ecolo-jie .ecolo-j-left p {
            font-size: 18px;
            color: #666;
            line-height: 35px;
            text-align: left;
        }

    .ecolo-jie .ecolo-j-right {
        width: 296px;
    }

    .ecolo-jie .ecolo-j-cn {
        display: inline-block;
    }

.ecolo-partners {
    text-align: center;
    overflow: hidden;
    text-align: center;
    padding: 45px 0 50px;
}

.ecolo-p-title h3 {
    font-size: 30px;
    color: #222;
    line-height: 40px;
}

.ecolo-p-title p {
    font-size: 18px;
    color: #666;
    line-height: 30px;
    margin: 15px 0;
}

.ecolo-partners ul.ecolo-p-list {
    background: #fff;
    overflow: hidden;
    margin: 55px 0 10px;
    box-shadow: 0 7px 10px rgba(135,166,193,.2);
    margin-bottom: 55px;
}

    .ecolo-partners ul.ecolo-p-list li {
        width: 20%;
        float: left;
        padding: 50px 10px 35px;
        box-sizing: border-box;
        border-right: 1px solid #f5f6f7;
    }

        .ecolo-partners ul.ecolo-p-list li h3 {
            font-size: 16px;
            color: #333;
            line-height: 30px;
            margin-top: 32px;
        }

        .ecolo-partners ul.ecolo-p-list li:hover h3 {
            color: #1F8FFF;
        }

.ecolo-partners .youxiu {
    padding: 0;
}

    .ecolo-partners .youxiu > ul li {
        margin: 17px 0 30px;
    }

ul.ecolo-p-list2 {
    margin-bottom: 15px;
}

    ul.ecolo-p-list2 li {
        width: 220px;
        float: left;
        overflow: hidden;
        margin-right: 25px;
        margin-bottom: 32px;
        box-shadow: 0 5px 10px rgba(135,166,193,.25);
        background: #fff;
    }

        ul.ecolo-p-list2 li:nth-child(5n) {
            margin-right: 0;
        }

        /*ul.ecolo-p-list2 li p {
            background:url(../images/dun.png) no-repeat 10px; 
            border-bottom:1px solid #eeeeee; 
            font-size:12px; 
            color:#666; 
            line-height:30px; 
            padding:0 5px 0 30px; 
            text-align:left; 
        }*/
        ul.ecolo-p-list2 li p {
            background: url(../images/dun.png) #f6f6f6 no-repeat 10px;
            border-bottom: 1px solid #eeeeee;
            font-size: 12px;
            color: #666;
            line-height: 30px;
            padding: 0 5px 0 30px;
            text-align: left;
        }

            ul.ecolo-p-list2 li p img {
                float: left;
                margin-top: 6px;
                margin-right: 5px;
            }

        ul.ecolo-p-list2 li:hover {
            box-shadow: 0 10px 10px rgba(135,166,193,.25);
        }

            ul.ecolo-p-list2 li:hover p {
                background: url(../images/dun2.png) no-repeat 10px;
                color: #1F8FFF;
            }

        ul.ecolo-p-list2 li span {
            font-size: 12px;
            color: #999;
            line-height: 30px;
            padding: 5px 0;
        }

.ecolo-ru {
    background: #fff;
}

    .ecolo-ru .ecolo-j-left h3 {
        margin: 10px 0 35px;
    }

    .ecolo-ru .ecolo-j-right {
        margin-top: 45px;
    }

.ecolo-liu {
    text-align: center;
    padding: 53px 0 66px;
    overflow: hidden;
}

    .ecolo-liu ul {
        background: #fff;
        overflow: hidden;
        margin-top: 70px;
        box-shadow: 0 5px 10px rgba(135,166,193,.25);
        margin-bottom: 20px;
    }

        .ecolo-liu ul li {
            width: 27%;
            float: left;
            overflow: hidden;
            background: url(../images/san.png) no-repeat right;
            padding: 50px 70px 30px 0;
            box-sizing: border-box;
            position: relative;
        }
            /*.ecolo-liu ul li::after{position:absolute; right:0; top:0; background:url(../images/san.png) no-repeat right; width:119px; height:199px; content:""; }*/
            .ecolo-liu ul li img {
                width: auto;
            }

            .ecolo-liu ul li p {
                font-size: 18px;
                line-height: 30px;
                color: #333;
                padding: 10px 0 13px;
            }

            .ecolo-liu ul li:last-child {
                background: #fff;
                width: 19%;
                padding-right: 0;
            }

    .ecolo-liu a {
        display: inline-block;
        width: 122px;
        height: 38px;
        line-height: 38px;
        text-align: center;
        color: #fff;
        margin: 16px 0 0;
        border-radius: 2px;
        font-size: 14px;
    }

.index-ggw {
    width: 100%;
    height: 200px;
    background: url(../images/y-bg.png) no-repeat center;
}

    .index-ggw h3 {
        text-align: center;
        font-size: 28px;
        color: #fff;
        line-height: 56px;
        padding: 45px 0;
    }

    .index-ggw .kqi {
        width: 120px;
        line-height: 36px;
        background: none;
        height: 36px;
        border: 1px solid #fff;
        border-radius: 2px;
        margin: 23px auto 55px auto;
        display: block;
        text-align: center;
        font-size: 14px;
        color: #fff;
    }

        .index-ggw .kqi a {
            color: #fff;
            display: block;
        }

            .index-ggw .kqi a:hover {
                color: #1f8fff;
                background: #fff;
                display: block;
            }
/*生态广场*/
.c-bg .ecolo-zhu {
    margin-bottom: 40px;
    overflow: hidden;
}

.he-eloco-shen {
    margin-top: 15px;
}

.square-banner {
    background: url(../images/ecolo-banner-bg1.png);
}

    .square-banner .square .virtualHost-banner-width02 {
        width: auto;
        float: right;
        margin-right: 0;
        margin-top: 48px;
    }

    .square-banner .square .virtualHost-banner-width01 {
        width: 550px;
    }

.ecolo-square {
    overflow: hidden;
    text-align: center;
}

.square-title {
    font-size: 24px;
    color: #333;
    line-height: 40px;
    padding: 30px 0;
    text-align: center;
}

.square-sou {
    display: inline-block;
    margin-bottom: 20px;
}

    .square-sou input {
        width: 507px;
        border-radius: 0;
        height: 39px;
        line-height: 39px;
    }

    .square-sou a.btn-primary {
        width: 142px;
        line-height: 49px;
        text-align: center;
        color: #fff;
        font-size: 18px;
        display: block;
        float: right;
        font-weight: 200;
    }

.ecolo-square .ecolo-square-list {
    margin-bottom: 20px;
    overflow: hidden;
}

/*生态主页*/
.tab_hide {
    display: none;
}

.ecolo-zhu-cn {
    overflow: hidden;
    background: #eee;
    margin-top: 38px;
}

.ecolo-zhu-cn {
    overflow: hidden;
    background: #eee;
}

.ecolo-zhu .zhu-title {
    font-size: 12px;
    line-height: 44px;
}

.ecolo-zhu .banner {
    overflow: hidden;
}

    .ecolo-zhu .banner img {
        max-width: 100%;
        float: left;
    }

.ecolo-zhu-left {
    width: 289px;
    overflow: hidden;
    padding: 25px;
    box-sizing: border-box;
    background: #eeeeee;
    text-align: center;
}

    .ecolo-zhu-left img {
        max-width: 100%;
    }

    .ecolo-zhu-left h3 {
        font-size: 17px;
        color: #333;
        line-height: 30px;
        margin: 10px 0;
    }

    .ecolo-zhu-left h5 {
        font-size: 16px;
        line-height: 25px;
        margin: 10px 0;
    }

    .ecolo-zhu-left p {
        font-size: 14px;
        line-height: 26px;
        text-align: left;
        text-indent: 28px;
        margin-bottom: 20px;
    }

    .ecolo-zhu-left div {
        color: #666;
        line-height: 28px;
        float: left;
    }

        .ecolo-zhu-left div span {
            color: #333;
        }

.ecolo-zhu-right {
    background: #fff;
    width: 911px;
    text-align: center;
}

    .ecolo-zhu-right .tab_menu {
        border-bottom: 1px solid #eee;
    }

        .ecolo-zhu-right .tab_menu ul {
            display: inline-block;
            overflow: hidden;
            padding: 15px 0;
        }

        .ecolo-zhu-right .tab_menu li {
            width: 200px;
            float: left;
            text-align: center;
            font-size: 16px;
            color: #333;
            border-right: 1px solid #ddd;
            cursor: pointer;
        }

            .ecolo-zhu-right .tab_menu li:last-child {
                border-right: none;
            }

            .ecolo-zhu-right .tab_menu li.selectd {
                color: #1F8FFF;
            }

            .ecolo-zhu-right .tab_menu li:hover {
                color: #1F8FFF;
            }

.zhu-right-01 {
    padding: 20px 30px 20px;
    box-sizing: border-box;
    overflow: hidden;
    border-bottom: 1px solid #eee;
    text-align: left;
}

    .zhu-right-01 > h3 {
        font-size: 18px;
        color: #333;
        line-height: 30px;
        margin-bottom: 15px;
    }

    .zhu-right-01 .zhu-right-mes {
        color: #333;
        line-height: 30px;
    }

        .zhu-right-01 .zhu-right-mes i {
            font-style: normal;
        }

        .zhu-right-01 .zhu-right-mes span {
            color: #666;
        }

.zhu-right-02 p {
    font-size: 14px;
    color: #333;
    margin: 5px 0 13px;
    line-height: 28px;
}

.zhu-right-02 img {
    max-width: 100%;
}

.zhu-right-02-img {
    font-size: 0;
}

.ecolo-zhu-list .ecolo-zhu-list0 {
    overflow: hidden;
    padding-bottom: 15px;
}

    .ecolo-zhu-list .ecolo-zhu-list0 li {
        width: 857px;
        margin: 30px auto 0;
        padding: 20px;
        box-sizing: border-box;
        box-shadow: 0 5px 10px rgba(135,166,193,.2);
        border: 1px solid #eee;
        overflow: hidden;
    }

        .ecolo-zhu-list .ecolo-zhu-list0 li .ecolo-tab-left {
            width: 160px;
            float: left;
            font-size: 0;
            text-align: center;
        }

            .ecolo-zhu-list .ecolo-zhu-list0 li .ecolo-tab-left img {
                max-width: 100%;
            }

        .ecolo-zhu-list .ecolo-zhu-list0 li .ecolo-tab-right {
            width: 653px;
            float: left;
            padding-left: 20px;
            box-sizing: border-box;
            text-align: left;
        }

            .ecolo-zhu-list .ecolo-zhu-list0 li .ecolo-tab-right h3 {
                font-size: 16px;
                color: #333;
                line-height: 25px;
            }

            .ecolo-zhu-list .ecolo-zhu-list0 li .ecolo-tab-right p {
                font-size: 14px;
                color: #333;
                line-height: 23px;
                margin: 10px 0 15px; /*display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden; */
            }

            .ecolo-zhu-list .ecolo-zhu-list0 li .ecolo-tab-right span {
                font-size: 16px;
                line-height: 38px;
                display: block;
                width: 100px;
                border: 1px solid #1F8FFF;
                text-align: center;
            }

        .ecolo-zhu-list .ecolo-zhu-list0 li:hover span {
            background: #1F8FFF;
            color: #fff;
        }

/*首页*/
.index-inner-left {
    width: 290px;
    display: inline-block;
    color: #fff;
    margin-top: 10px;
    background: #31364c;
    position: absolute;
    z-index: 11;
}

    .index-inner-left .inner-title {
        width: 100%;
        line-height: 30px;
        font-size: 14px;
        padding: 8px 15px;
        box-sizing: border-box;
    }

        .index-inner-left .inner-title span {
            font-size: 12px;
            float: right;
        }

    .index-inner-left .inner-cp {
        padding: 0 15px;
        overflow: hidden;
        border-bottom: 1px solid #464a5e;
        padding-bottom: 7px;
    }

        .index-inner-left .inner-cp a {
            display: inline-block;
            padding: 0 15px 0 0;
            line-height: 30px;
            font-size: 12px;
            color: rgba(255,255,255,.9);
        }

            .index-inner-left .inner-cp a:hover {
                color: #1F8FFF;
            }

        .index-inner-left .inner-cp p {
            font-size: 12px;
            line-height: 30px;
            margin-top: 8px;
        }

        .index-inner-left .inner-cp a:nth-child(10n+1) {
            padding-right: 0;
        }

    .index-inner-left .inner-btm {
        padding: 12px 15px;
        overflow: hidden;
        font-size: 12px;
        line-height: 30px;
    }

        .index-inner-left .inner-btm a {
            line-height: 26px;
            padding: 0 5px;
            display: inline-block;
        }

            .index-inner-left .inner-btm a:hover {
                background: #107BE6;
            }

.index-inner-right {
    width: 870px;
    float: right;
    height: 420px;
    position: relative;
}

    .index-inner-right img {
        position: absolute;
        top: 0;
        right: -88px;
    }

    .index-inner-right .t1 {
        font-size: 44px;
        color: #fff;
        line-height: 68px;
        padding: 5px 0;
        margin-top: 60px;
    }

    .index-inner-right .t2 {
        font-size: 20px;
        color: #fff;
        line-height: 30px;
        padding: 6px 0;
        font-weight: 100;
    }

    .index-inner-right a {
        font-size: 18px;
        color: #fff;
        line-height: 46px;
        width: 154px;
        text-align: center;
        display: block;
        margin-top: 58px;
    }

.index-inner-right01 {
    display: inline-block;
}

.inner2 .banner-text a {
    font-size: 18px;
    color: #fff;
    line-height: 46px;
    width: 154px;
    text-align: center;
    display: block;
    margin-top: 50px;
}

/*首页内容*/
.dh-title {
    overflow: hidden;
    color: #fff;
    padding: 50px 0;
}

.dh-div1 {
    width: 512px;
    overflow: hidden;
}

    .dh-div1 .dh-div1-left {
        width: 332px;
        overflow: hidden;
        background: url(../images/in-01.png) no-repeat left;
        padding: 25px 20px;
        box-sizing: border-box;
    }

        .dh-div1 .dh-div1-left h3 {
            font-size: 20px;
            line-height: 30px;
        }

        .dh-div1 .dh-div1-left p {
            font-size: 13px;
            line-height: 26px;
        }

        .dh-div1 .dh-div1-left span {
            display: block;
            width: 20px;
            height: 2px;
            background: rgba(255,255,255,.7);
            margin: 10px 0;
        }

    .dh-div1 .dh-div1-right {
        background: #3b9eff;
        width: 180px;
        height: 180px;
        box-sizing: border-box;
        padding: 30px;
    }

        .dh-div1 .dh-div1-right p {
            font-size: 14px;
            line-height: 25px;
        }

        .dh-div1 .dh-div1-right h1 {
            font-size: 36px;
            line-height: 40px;
            margin: 8px 0;
        }

        .dh-div1 .dh-div1-right a {
            width: 122px;
            line-height: 36px;
            box-sizing: border-box;
            background: #fff;
            color: #1F8FFF;
            display: block;
            text-align: center;
            font-size: 14px;
            margin: 15px 0 0;
            border-radius: 2px;
            transition: all ease .2s;
        }

            .dh-div1 .dh-div1-right a:hover {
                box-shadow: 0px 8px 5px rgba(0,0,0,.1);
            }

.dh-div2 {
    background: url(../images/in-02.png) no-repeat center;
    width: 324px;
    height: 180px;
    margin-left: 20px;
    padding: 25px 20px;
    box-sizing: border-box;
}

    .dh-div2 h3 {
        font-size: 20px;
        line-height: 30px;
    }

    .dh-div2 p {
        font-size: 13px;
        line-height: 24px;
        margin: 5px 0 18px;
    }

    .dh-div2 a:hover {
        font-weight: bold;
    }

.dh-div3 {
    background: url(../images/in-03.png) no-repeat center;
}

.tuijian {
    background: #f0f8ff;
    overflow: hidden;
    padding: 50px 0 60px;
}

.tj-title {
    display: inline-block;
    border-left: 4px solid #1F8FFF;
    height: 42px;
    padding-left: 12px;
}

    .tj-title h3 {
        font-size: 18px;
        color: #333;
        line-height: 20px;
    }

        .tj-title h3 span {
            padding-left: 10px;
            margin-left: 10px;
            border-left: 1px solid #c4c4c4;
            line-height: 20px;
            font-size: 14px;
            color: #666;
        }

    .tj-title p {
        line-height: 24px;
        font-size: 14px;
        color: #999;
    }

.tuijian ul {
    margin-top: 14px;
}

    .tuijian ul li {
        width: 288px;
        min-height: 200px;
        padding: 20px 18px;
        background: #fff;
        box-sizing: border-box;
        margin: 20px 16px 0 0;
        float: left;
        transition: all 0.3s ease;
    }

        .tuijian ul li a {
            display: block;
        }

        .tuijian ul li:nth-child(4n) {
            margin-right: 0;
        }

        .tuijian ul li h3 {
            margin: 6px 0;
            line-height: 30px;
            font-size: 16px;
            color: #333;
        }

        .tuijian ul li p {
            line-height: 24px;
            font-size: 14px;
            color: #999;
            word-break: break-all;
        }

        .tuijian ul li img {
            width: 56px;
            height: 56px;
        }

        .tuijian ul li:hover {
            box-shadow: 0px 2px 10px #d1deea;
            z-index: 99;
        }

            .tuijian ul li:hover h3 {
                color: #1F8FFF;
            }

.hangye {
    padding: 51px 0 5px;
}

    .hangye ul {
        margin: 37px auto;
    }

        .hangye ul li {
            width: 386px;
            height: 134px;
            overflow: hidden;
            border: 1px solid #e9e9e9;
            margin: 0 0 20px 0;
            padding: 15px 15px 0 20px;
            box-sizing: border-box;
            margin-right: 16px;
            display: inline-block;
        }

            .hangye ul li .hy-left {
                width: 48px;
                height: 114px;
                margin-right: 20px;
                display: table-cell;
                vertical-align: middle;
            }

                .hangye ul li .hy-left img {
                    width: 48px;
                    height: 48px;
                    vertical-align: middle;
                }

            .hangye ul li .hy-right {
                width: 276px;
                display: inline-block;
                float: right;
            }

                .hangye ul li .hy-right h3 {
                    font-size: 16px;
                    color: #333;
                    line-height: 30px;
                }

                .hangye ul li .hy-right p {
                    font-size: 14px;
                    color: #999;
                    line-height: 25px;
                }

            .hangye ul li:hover {
                box-shadow: 0px 2px 10px #d1deea;
            }

                .hangye ul li:hover h3 {
                    color: #1F8FFF;
                }

            .hangye ul li:nth-child(3n) {
                margin-right: 0;
            }

.dingzhi {
    overflow: hidden;
    background: #f0f8ff;
    padding: 51px 0 60px;
    width: 100%;
}

    .dingzhi .dh-left {
        width: 197px;
        height: 160px;
        background: url(../images/in-img.png) no-repeat center;
        padding: 20px;
        box-sizing: border-box;
        margin: 37px 0 0;
        color: #fff;
    }

        .dingzhi .dh-left h3 {
            font-size: 22px;
            line-height: 30px;
            margin-top: 15px;
        }

        .dingzhi .dh-left a {
            font-size: 14px;
            line-height: 30px;
            margin-top: 27px;
            display: block;
        }

            .dingzhi .dh-left a:hover {
                font-weight: bold;
            }

    .dingzhi ul {
        width: 1003px;
        float: left;
    }

        .dingzhi ul li {
            width: 25%;
            float: left;
            overflow: hidden;
            background: url(../images/xianliang.png) no-repeat center;
            height: 160px;
            padding: 20px;
            box-sizing: border-box;
            border-right: 1px solid #e4edf6;
            margin: 37px 0 0;
            transition: box-shadow .15s;
            position: relative;
        }

            .dingzhi ul li h5 {
                font-size: 16px;
                color: #333;
                line-height: 30px;
            }

            .dingzhi ul li p {
                font-size: 12px;
                color: #999;
                line-height: 22px;
                margin: 5px 0;
                padding-right: 18px;
                box-sizing: border-box;
                height: 44px;
                overflow: hidden;
                display: -webkit-box;
                -webkit-box-orient: vertical;
                -webkit-line-clamp: 2;
            }

            .dingzhi ul li div {
                font-size: 14px;
                color: #666;
                margin-top: 17px;
            }

                .dingzhi ul li div span {
                    color: #f52f40;
                    font-size: 18px;
                    font-weight: bold;
                }

            .dingzhi ul li:last-child {
                border: none;
            }

            .dingzhi ul li:hover {
                box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.15);
                position: relative;
                z-index: 999;
            }

                .dingzhi ul li:hover h5 {
                    color: #1F8FFF;
                }

.youxiu {
    padding: 51px 0 40px;
}

    .youxiu > ul li {
        width: 16.66%;
        overflow: hidden;
        float: left;
        margin: 37px 0 20px;
        text-align: center;
        position: relative;
        padding: 30px 0 20px 0;
        transition: all ease .5s;
    }

        .youxiu > ul li p {
            font-size: 16px;
            color: #333;
            line-height: 30px;
            margin: 15px 0 0;
        }

        .youxiu > ul li::after {
            position: absolute;
            right: 0;
            content: "";
            width: 2px;
            height: 46px;
            background: #d7d7d7;
            top: 45px;
        }

        .youxiu > ul li:hover {
            background: #fff;
            transform: scale(1.1,1.1);
            box-shadow: 0 0 5px 5px rgba(133,166,193,.10);
        }

            .youxiu > ul li:hover::after {
                display: none;
            }

        .youxiu > ul li:last-child::after {
            display: none;
        }

    .youxiu .yx-list {
        overflow: hidden;
        width: 100%;
    }

        .youxiu .yx-list ul {
            margin-left: 5px;
            display: inline-block;
        }

        .youxiu .yx-list li {
            margin: 17px 0;
            width: 198px;
            float: left;
            box-shadow: 0 0 5px rgba(0,0,0,.3);
            padding: 27px 5px 12px;
            text-align: center;
            height: 250px;
            box-sizing: border-box;
            margin-right: 20px;
            transition: all ease .2s;
        }

            .youxiu .yx-list li a {
                display: block;
            }

            .youxiu .yx-list li img {
                width: 120px;
                height: 120px;
                border-radius: 50%;
                margin-bottom: 15px;
            }

            .youxiu .yx-list li p {
                font-size: 12px;
                color: #333;
                border-bottom: 1px solid #ddd;
                padding-bottom: 8px;
            }

            .youxiu .yx-list li .yx-list-b {
                font-size: 14px;
                color: #666;
                padding-top: 10px;
                display: inline-block;
                text-align: center;
            }

                .youxiu .yx-list li .yx-list-b div {
                    display: inline-block;
                    padding: 0 4px 0 6px;
                    box-sizing: border-box;
                    line-height: 20px;
                    float: left;
                }

                    .youxiu .yx-list li .yx-list-b div span {
                        padding: 0 2px;
                    }

                .youxiu .yx-list li .yx-list-b .chan {
                    border-right: 1px solid #ddd;
                }

            .youxiu .yx-list li:hover {
                margin-top: 5px;
            }

            .youxiu .yx-list li:last-child {
                margin-right: 0;
            }

    .youxiu .yx-rg-more {
        margin: 17px 0;
        transition: all ease .2s;
    }

    .youxiu .yx-more {
        width: 110px;
        height: 250px;
        background: linear-gradient(#28a6ff,#1578ff);
        text-align: center;
        box-shadow: 0 0 10px rgba(95,107,119,.3);
        color: #fff;
        font-size: 16px;
        line-height: 30px;
        display: table-cell;
        vertical-align: middle;
    }

    .youxiu .yx-rg-more span {
        display: block;
        text-align: center;
        width: 100%;
        margin: 15px 0 0;
    }

    .youxiu .yx-rg-more:hover {
        box-shadow: -2px 5px 10px rgba(95,107,119,.3);
        z-index: 99;
        margin-top: 5px;
    }

.yun-index {
    background: url(../images/y-bg2.png) no-repeat center;
    text-align: center;
    padding: 33px 0;
}

    .yun-index h3 {
        font-size: 26px;
        color: #fff;
    }

    .yun-index p {
        font-size: 20px;
        color: #fff;
        padding: 10px 0 5PX;
    }

    .yun-index a {
        width: 146px;
        height: 38px;
        border: 1px solid #fff;
        border-radius: 2px;
        text-align: center;
        line-height: 36px;
        display: block;
        color: #fff;
        margin: 10px auto 0;
    }

        .yun-index a:hover {
            color: #1F8FFF;
            background: #fff;
        }

/*用户留言弹窗*/
.windowBlack {
    width: 100%;
    background-color: rgba(0,0,0,0.4);
    position: absolute;
    left: 0;
    top: 0;
    z-index: 99;
}

.windowMsgBox {
    position: absolute;
    z-index: 999;
    left: 50%;
    top: 200px;
    margin: 0 0 0 -240px;
    overflow: hidden;
}

.windowMsgWrap {
    padding: 20px 40px;
    background-color: #fff;
    border-radius: 4px;
    overflow: hidden;
    position: fixed;
}


.windowMsgTit {
    text-align: center;
    margin: 0 auto 20px auto;
}

    .windowMsgTit span {
        line-height: 40px;
        font-size: 18px;
    }

.windowMsgInputWrap {
    margin: 0 auto;
    overflow: hidden;
}

    .windowMsgInputWrap label, .windowMsgInputWrap input {
        display: block;
        float: left;
        font-size: 14px;
    }

    .windowMsgInputWrap .inputLab {
        /*min-width:60px; */
        height: 38px;
        line-height: 38px;
        text-align: right;
    }

    .windowMsgInputWrap input[type="text"] {
        width: 320px;
    }

    .windowMsgInputWrap textarea.msgCont {
        width: 320px;
        min-height: 96px;
        padding: 4px 8px;
        line-height: 24px;
        resize: none;
        margin-bottom: 12px;
    }

    .windowMsgInputWrap .checkWrap {
        float: left;
        overflow: hidden;
        padding: 7px 0;
        margin-right: 30px;
    }

        .windowMsgInputWrap .checkWrap input[type="radio"], .windowMsgInputWrap .checkWrap span {
            display: block;
            float: left;
        }

        .windowMsgInputWrap .checkWrap input[type="radio"] {
            width: 14px;
            height: 14px;
            margin: 5px 0;
        }

        .windowMsgInputWrap .checkWrap span {
            margin-left: 4px;
            height: 24px;
            line-height: 24px;
            font-size: 14px;
        }

.windowMsgBtnWrap {
    margin: 20px auto 40px auto;
    padding-left: 42px;
    overflow: hidden;
}

    .windowMsgBtnWrap a {
        display: block;
        width: 154px;
        line-height: 36px;
        border-radius: 2px;
        text-align: center;
        font-size: 16px;
        float: left;
    }

        .windowMsgBtnWrap a.current {
            background-color: #1f8fff;
            color: #fff;
        }

            .windowMsgBtnWrap a.current:hover {
                background-color: #107BE6;
            }

        .windowMsgBtnWrap a.cancel {
            background-color: #ccc;
            color: #666;
        }

            .windowMsgBtnWrap a.cancel:hover {
                background-color: #ddd;
            }

.marginR30 {
    margin-right: 30px;
}

/*弹出框*/
.black_overlay {
    display: none;
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color: black;
    z-index: 1001;
    -moz-opacity: 0.6;
    opacity: .60;
    filter: alpha(opacity=80);
}

.white_content {
    display: none;
    position: absolute;
    top: 40%;
    left: 50%;
    width: 26%;
    margin-left: -15%;
    background-color: white;
    z-index: 1002;
    overflow: auto;
    padding: 20px 30px;
    box-sizing: border-box;
    text-align: center;
    border-radius: 5px;
}

    .white_content h3, .white_content p {
        box-sizing: border-box;
        color: #333;
        text-align: left;
    }

    .white_content h3 {
        margin-bottom: 10px;
        line-height: 30px;
        padding-left: 24px;
        background: url(../images/tip.png) no-repeat left 5px;
        background-size: 20px;
        font-size: 16px;
    }

    .white_content p {
        line-height: 24px;
        font-size: 14px;
        /*text-indent: 2em;*/
    }

    .white_content span {
        display: inline-block;
        margin-top: 20px;
        padding: 0 20px;
        border-radius: 5px;
        line-height: 30px;
        cursor: pointer;
        font-size: 14px;
        color: #fff;
    }

    .white_content a {
        display: inline-block;
        margin-top: 20px;
        padding: 0 20px;
        border-radius: 5px;
        line-height: 30px;
        cursor: pointer;
        font-size: 14px;
        color: #fff;
    }

.white_content_small {
    display: none;
    position: absolute;
    top: 20%;
    left: 30%;
    width: 40%;
    height: 50%;
    border: 16px solid lightblue;
    background-color: white;
    z-index: 1002;
    overflow: auto;
}

/*悬浮效果样式*/
.side {
    position: fixed;
    width: 48px;
    height: 275px;
    right: 0;
    top: 400px;
    z-index: 100
}

    .side ul li {
        width: 48px;
        height: 48px;
        float: left;
        position: relative;
    }

        .side ul li .sidebox, .side ul li .sidebox-kf {
            position: absolute;
            width: 48px;
            height: 48px;
            top: 0;
            right: 0;
            transition: all .3s;
            background: #282f3d;
            color: #fff;
            font: 14px/54px "微软雅黑";
            overflow: hidden;
            line-height: 48px;
        }

.gl-show {
    background: #3fa0ff !important;
}

.side ul li .sidetop {
    width: 48px;
    height: 48px;
    line-height: 48px;
    display: inline-block;
    background: #282f3d;
    transition: all .3s
}

    .side ul li .sidetop:hover {
        background: #3fa0ff;
        opacity: 1;
        filter: Alpha(opacity=100)
    }

.side ul li img {
    float: left;
    margin: 9px;
}

.side ul li .sidebox-1 {
    position: absolute;
    width: 48px;
    height: 48px;
    top: 0;
    right: 0;
    transition: all .3s;
    background: #282f3d;
    color: #fff;
    font: 14px/54px "微软雅黑";
    overflow: hidden;
    line-height: 48px;
}

.ctrl_qrcode {
    position: relative !important;
}

.wxtp-bg {
    width: 170px;
    display: none;
    position: absolute;
    right: 62px;
    top: -60px;
    height: 194px;
    z-index: 9999 !important;
    border-radius: 10px;
    background: linear-gradient(80deg,#323a4e,#282f3e);
    background: -webkit-linear-gradient(10deg,#323a4e,#282f3e);
    background: -webkit-linear-gradient(80deg,#323a4e,#282f3e);
}

.wxtp-bg-wx {
    width: 146px;
    height: 146px;
    margin: 10px;
}

.wxtp-bg-wz {
    text-align: center;
    line-height: 20px;
    color: #fff;
    font-size: 14px;
}

.wxtp-bg-wx img {
    margin: 0 !important;
    float: none !important;
    padding-left: 2px;
}

.ctrl_qrcode:hover .wxtp-bg {
    display: block;
    transition: all .3s
}

.wx-xftb {
    display: none;
    width: 10px;
    height: 11px;
    position: absolute;
    right: 60px;
    top: 10px;
}

.ctrl_qrcode:hover .wx-xftb {
    display: block;
    transition: all .3s
}

.ctrl_qrcode:hover .sidebox-1 {
    background: #3fa0ff !important;
    transition: all .3s
}
.st-cn-more .st-pro-left .jieshao div {
                text-align: left;
                font-size: 14px;
                color: #333;
                line-height: 30px;
                padding: 0 20px;
                margin: 20px auto;
            }
.st-cn-more .st-pro-left .jieshao img {
    max-width: 100%;
    margin: 0 auto;
    display: block;
}