.aside {
		    position: fixed;
		    top: 0;
		    right: 0;
		    width: 40px;
		    height: 100%;
		    z-index: 18;
		    background: url(http://data.dimeno.com/skin/images/aside.jpg) center top repeat;
		    box-shadow: -2px 0 10px rgba(0, 0, 0, 0.1);
		}

	    .aside ul {
	        margin-top: 100px;
	    }

        .aside ul li a {
            display: block;
            margin-top: 30px;
            text-align: center;
            color: #fff;
        }

        .aside ul li img {
            display: block;
            text-align: center;
            margin: 0 auto;
        }

        .aside ul li.consulting .img2 {
            display: none;
        }

        .aside ul li.consulting span {
            display: inline-block;
            margin: 0 2px;
            width: 5px;
            height: 5px;
            border-radius: 100%;
            background: #fff;
        }

            .aside ul li.consulting span:nth-child(1) {
                -webkit-animation: consulting 0.6s 0.07s infinite ease-in-out;
                animation: consulting 0.6s 0.07s infinite ease-in-out;
            }

            .aside ul li.consulting span:nth-child(2) {
                -webkit-animation: consulting 0.6s 0.14s infinite ease-in-out;
                animation: consulting 0.6s 0.14s infinite ease-in-out;
            }

            .aside ul li.consulting span:nth-child(3) {
                -webkit-animation: consulting 0.6s 0.21s infinite ease-in-out;
                animation: consulting 0.6s 0.21s infinite ease-in-out;
            }

@keyframes consulting {
    33% {
        -webkit-transform: translateY(5px);
        transform: translateY(5px);
    }

    66% {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px);
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@-webkit-keyframes consulting {
    33% {
        -webkit-transform: translateY(5px);
        transform: translateY(5px);
    }

    66% {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px);
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

.aside ul li.consulting.active {
    background: #fff;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
}

    .aside ul li.consulting.active a {
        color: #3F82ED;
    }

    .aside ul li.consulting.active span {
        background: #3F82ED;
    }

    .aside ul li.consulting.active .img1 {
        display: none;
    }

    .aside ul li.consulting.active .img2 {
        display: block;
    }

.consulting_box {
    width: 250px;
    height: 100%;
    background: #fff;
    overflow: hidden;
    z-index: 15;
    position: fixed;
    top: 0;
    right: -250px;
    box-shadow: -2px 0 10px rgba(0, 0, 0, .1);
    transition: 0.8s all;
    -webkit-transition: 0.8s all;
}

    .consulting_box .title {
        background: url(http://data.dimeno.com/skin/images/002.png) center top no-repeat;
        text-align: center;
        padding: 26px 0 2px 0;
        color: #fff;
    }

    .consulting_box .title_t1 {
        font-size: 12px;
    }

    .consulting_box .title_t2 {
        font-size: 16px;
        margin: 5px 0;
    }

.consulting_type {
    padding: 40px 0;
    border-bottom: solid 1px #399BEC;
}

.consulting_type_title {
    padding-left: 30px;
    font-size: 16px;
    color: #333;
}

.consulting_type ul {
    margin: 30px 0 20px 0;
}

    .consulting_type ul li a {
        display: block;
        height: 40px;
        line-height: 40px;
        text-indent: 30px;
        z-index: 2;
        position: relative;
        color: #666;
        margin: 0;
        text-align: left;
        transition: 0.3s all;
        -webkit-transition: 0.3s all;
    }

        .consulting_type ul li a img {
            margin: 0;
            display: inline-block;
            padding-right: 30px;
        }

        .consulting_type ul li a .img2 {
            display: none;
        }

        .consulting_type ul li a:before {
            z-index: -1;
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: #3c9af2;
            opacity: 0;
            -webkit-transform: scale3d(1, 0.1, 1);
            transform: scale3d(1, 0.1, 1);
            -webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
            transition: transform 0.4s, opacity 0.4s;
            -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
            transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
        }

        .consulting_type ul li a, .consulting_type ul li a:before {
            -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
            transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
        }

            .consulting_type ul li a:hover:before {
                opacity: 1;
                -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
            }

            .consulting_type ul li a:hover {
                color: #fff;
            }

                .consulting_type ul li a:hover .img2 {
                    display: inline-block;
                }

                .consulting_type ul li a:hover .img1 {
                    display: none;
                }

.consulting_box .problem {
    padding-top: 40px;
}

.consulting_box .problem_title {
    padding-left: 30px;
    font-size: 16px;
    color: #333;
}

.consulting_box .problem ul {
    padding: 20px 0 0 30px;
}

    .consulting_box .problem ul li {
        margin-bottom: 8px;
    }

        .consulting_box .problem ul li a {
            display: inline-block;
        }

        .consulting_box .problem ul li span {
            display: inline-block;
            width: 3px;
            height: 3px;
            border-radius: 100%;
            background: #3c9af2;
            margin: 3px 10px 3px 0;
            animation: none;
        }

        .consulting_box .problem ul li a {
            font-size: 12px;
            color: #818181;
        }

            .consulting_box .problem ul li a:hover {
                color: #3c9af2;
            }

.consulting_type .time {
    color: #818181;
    font-size: 12px;
    padding-left: 30px;
}

.consulting_box .close {
    position: absolute;
    top: 5px;
    right: 8px;
    cursor: pointer;
}

    .consulting_box .close img {
        transition: 0.4s all;
        -webkit-transition: 0.4s all;
    }

    .consulting_box .close:hover img {
        transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
    }

.all_title1 {
    margin-bottom: 25px;
}

    .all_title1 .title {
        font-size: 36px;
        line-height: 32px;
        color: #b3b3b3;
        font-weight: bold;
    }

    .all_title1 .text {
        color: #333;
        font-size: 24px;
        padding-bottom: 2px;
        border-bottom: 4px solid #ff6600;
    }

.all_title2 {
    margin-bottom: 50px;
    text-align: center;
    color: #fff;
}

    .all_title2 .title {
        font-size: 35px;
    }

.all_button {
    display: inline-block;
    color: #808080;
    border: solid 1px #808080;
    padding: 12px 50px;
    border-radius: 25px;
    margin-left: 60px;
    overflow: hidden;
}

    .all_button:hover {
        background: #006bb7;
        color: #fff;
        border: solid 1px #006bb7;
    }

.header {
    height: 100px;
    /*line-height: 100px;不要不要*/
    /*position: fixed;*/
    width: 100%;
    top: 0;
    z-index: 11;
    transition: 0.4s all;
    -webkit-transition: 0.4s all;
}

    .header .logo {
        margin-left: 20px;
        margin-top: 22px;
    }

.tool {
    height: 40px;
    line-height: 40px;
    text-align: right;
}

    .tool span {
        margin-left: 20px;
    }

        .tool span:last-child {
            margin-left: 0px;
        }

.er {
    position: relative;
    cursor: pointer;
}

#er {
    position: absolute;
    left: -30px;
    top: 28px;
    width: 79px;
    height: 79px;
    z-index: 97;
}

ul li {
    padding: 0;
    margin: 0;
}

.header .header_menu ul {
    text-align: right;
    height: 60px;
    line-height: 80px;
}

    .header .header_menu ul li {
        display: inline-block;
        padding-top: 2px\0;
    }

        .header .header_menu ul li a {
            text-align: center;
            display: block;
            padding: 0 25px;
            color: #808080;
            border-top: solid 2px rgba(0, 0, 0, 0);
            opacity: 0.7;
            filter: alpha(opacity=70);
        }

            .header .header_menu ul li a:last-child {
                padding-right: 0;
            }

            .header .header_menu ul li a span {
                display: block;
                line-height: 20px;
            }

            .header .header_menu ul li a:hover, .header .header_menu ul li a.active {
                color: #006bb7;
                opacity: 1;
                filter: alpha(opacity=100);
            }

.header .login {
    float: right;
    background: rgba(255, 255, 255, .1);
    margin: 20px 50px 0 0;
    height: 36px;
    line-height: 36px;
    font-size: 12px;
}

    .header .login span {
        color: #fff;
    }

.header .header_avatar {
    width: 30px;
    border-radius: 50%;
    height: 30px;
    overflow: hidden;
    display: block;
    float: left;
    margin-top: 3px;
    margin-left: 5px;
}

    .header .header_avatar img {
        display: block;
        max-width: 100%;
    }

.header .login a {
    padding: 0 10px 0 10px;
    color: #fff;
}

.header .md-show {
    display: none;
}
/*.header_scroll {
	background: #257dff;
	transition: 0.4s all;
	-webkit-transition: 0.4s all;
}*/
.header .mobileMenuBtn {
    position: absolute;
    right: 20px;
    top: 28px;
    width: 32px;
    text-align: center;
    cursor: pointer;
    z-index: 100;
    display: none;
    transition: 0.4s all;
    -webkit-transition: 0.4s all;
}

    .header .mobileMenuBtn.active {
        right: 220px;
    }

    .header .mobileMenuBtn span {
        display: block;
        width: 100%;
        height: 3px;
        background: #016cb7;
        margin-bottom: 8px;
        transition: 0.3s all;
        -webkit-transition: 0.3s all;
    }

        .header .mobileMenuBtn span:last-child {
            margin: 0;
        }

        .header .mobileMenuBtn span:first-child, .header .mobileMenuBtn span:last-child {
            transform-origin: 100% 50%;
            -webkit-transform-origin: 100% 50%;
            transform: rotate(0);
            -webkit-transform: rotate(0);
        }

    .header .mobileMenuBtn.active span:first-child {
        transform: rotate(-43deg);
        -webkit-transform: rotate(-43deg);
    }

    .header .mobileMenuBtn.active span:last-child {
        transform: rotate(43deg);
        -webkit-transform: rotate(43deg);
    }

    .header .mobileMenuBtn span:nth-child(2) {
        transform: translateX(0);
        -webkit-transform: translateX(0);
    }

    .header .mobileMenuBtn.active span:nth-child(2) {
        transform: translateX(80px);
        -webkit-transform: translateX(80px);
        opacity: 0;
    }

.banner {
    overflow: hidden;
    text-align: center;
    z-index: 10;
    position: relative;
    background: #000;
    background: rgba(0, 0, 0, 0);
    height: 800px;
}

.mpage {
    width: 100%;
    height: 888px;
    overflow: hidden;
    margin: 0 auto;
    position: absolute;
    top: 0;
    z-index: -1;
}

.anitOut {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.banner_title {
    color: #fff;
    font-size: 60px;
    padding-top: 280px;
}

.banner_text {
    color: #9ad0ff;
}

.banner_button {
    margin-top: 30px;
}

    .banner_button a {
        display: inline-block;
        margin: 0 10px;
        padding: 5px 30px;
        border: solid 1px #fff;
        color: #fff;
    }

        .banner_button a:hover, .banner_button a.active {
            background: #fff;
            color: #3ca0f3;
        }

.banner .owl-pagination {
    margin-top: 150px;
}

.banner .owl-theme .owl-controls .owl-page {
    display: inline-block;
    zoom: 1;
    *display: inline;
    /*IE7 life-saver */
}

    .banner .owl-theme .owl-controls .owl-page span {
        display: block;
        width: 12px;
        height: 12px;
        margin: 5px 7px;
        filter: Alpha(Opacity=50);
        /*IE7 fix*/
        opacity: 0.5;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        border-radius: 20px;
        background: #fff;
        overflow: hidden;
        border: 1px #fff solid;
        transition: all .3s;
    }

    .banner .owl-theme .owl-controls .owl-page.active span, .banner .owl-theme .owl-controls.clickable .owl-page:hover span {
        filter: Alpha(Opacity=100);
        /*IE7 fix*/
        opacity: 1;
        background: none;
    }

.banner .owl-buttons {
    display: none;
}

.banner .owl-prev, .banner .owl-next {
    width: 39px;
    height: 39px;
    border-radius: 100%;
    opacity: 0.5;
    transition: 0.3s all;
    -webkit-transition: 0.3s all;
    margin-top: -100px;
    display: none;
}

.banner .owl-prev {
    margin-left: 40px;
    float: left;
    background: #fff;
    display: none;
}

.banner .owl-next {
    margin-right: 40px;
    float: right;
    background: #fff;
    display: none;
}
/* main_image */
.main_visual {
    width: 100%;
    margin: 0 auto;
    height: 800px;
    border-top: 1px solid #d7d7d7;
    position: relative;
}

.main_image {
    width: 100%;
    margin: 0 auto;
    height: 800px;
    position: relative;
    background: #000;
}

    .main_image ul {
        width: 9999px;
        height: 800px;
        overflow: hidden;
        position: absolute;
        top: 0;
        left: 0;
    }

    .main_image li {
        float: left;
        width: 100%;
        height: 800px;
    }

        .main_image li span {
            display: block;
            width: 100%;
            height: 800px;
        }

        .main_image li a {
            display: block;
            width: 100%;
            height: 800px;
        }

        .main_image li .img_1 {
            background: url('../image/banner1.png') center top no-repeat;
        }

        .main_image li .img_2 {
            background: url('../image/img2.png') center top no-repeat;
        }

        .main_image li .img_3 {
            background: url('../image/img3.png') center top no-repeat;
        }

        .main_image li .img_4 {
            background: url('../image/img4.png') center top no-repeat;
        }

        .main_image li .img_5 {
            background: url('../image/img5.png') center top no-repeat;
        }


div.flicking_con {
    position: absolute;
    top: 760px;
    left: 50%;
    z-index: 999;
    width: 300px;
    height: 21px;
    margin: 0 0 0 -50px;
}

    div.flicking_con a {
        float: left;
        width: 21px;
        height: 21px;
        margin: 0;
        padding: 0;
        background: url('../image/btn_main_img.png') 0 0 no-repeat;
        display: block;
        text-indent: -5000px;
    }

        div.flicking_con a.on {
            background-position: 0 -21px;
        }

#btn_prev, #btn_next {
    z-index: 11111;
    position: absolute;
    display: block;
    width: 73px !important;
    height: 74px !important;
    top: 50%;
    margin-top: -37px;
    display: none;
}

#btn_prev {
    background: url(../image/a_03.png) no-repeat left top;
    left: 100px;
}

#btn_next {
    background: url(../image/a_05.png) no-repeat right top;
    right: 100px;
}
/*结束*/


.partners_content2 {
    display: none;
}

.index_product {
    padding: 40px 0;
    background: #fff;
}

.index_product_content {
}

.index_product_list {
    display: block;
    cursor: pointer;
    position: relative;
    overflow: hidden;
}
    /*.index_product_list:before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, 0.4);
	content: '';
	-webkit-transition: -webkit-transform 0.5s;
	transition: transform 0.5s;
	-webkit-transform: scale3d(2, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -140%, 0);
	transform: scale3d(2, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -140%, 0);
}*/
    .index_product_list:hover:before {
        -webkit-transform: scale3d(2, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 140%, 0);
        transform: scale3d(2, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 140%, 0);
    }

    .index_product_list .list_backimg {
        padding: 12px 0;
        text-align: center;
    }

    .index_product_list .list_txt {
        color: #fff;
        margin-top: 10px;
    }

    .index_product_list .list_backimg img {
        margin-top: -6px;
    }

    .index_product_list .list_title {
        font-size: 20px;
        color: #808080;
        margin-left: 10px;
    }

    .index_product_list .list_text {
        font-size: 12px;
    }

.platform_advantage {
    background: #fff url(http://data.dimeno.com/skin/images/01411.jpg) center top repeat-x;
    padding: 40px 0;
    position: relative;
    overflow: hidden;
}

.platform_advantage_content {
    margin-left: -100px;
    overflow: hidden;
}

.platform_advantage_list {
    display: block;
    overflow: hidden;
    margin: 0 0 60px 100px;
}

.platform_advantage_img {
    float: left;
}

.platform_advantage_brief {
    float: left;
    color: #fff;
    padding-left: 50px;
}

    .platform_advantage_brief .brief_title {
        font-size: 18px;
    }

    .platform_advantage_brief .brief_text {
        height: 40px;
        line-height: 20px;
        overflow: hidden;
    }

.waves_box canvas {
    height: 150px !important;
    width: 100% !important;
    margin-bottom: 30px;
}

.response_shows .response_shows_box {
    padding: 0 0 100px;
    position: relative;
    display: inline-block;
    width: 100%;
}

    .response_shows .response_shows_box img {
        width: 100%;
    }

.response_shows .response_shows_width {
    position: relative;
}

.response_shows .response_shows_box .pic {
    overflow: hidden;
    position: absolute;
    float: none;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
}

.response_shows .response_shows_box .pc {
    position: relative;
    margin-top: -2%;
    max-width: 75%;
    width: 100%;
}

    .response_shows .response_shows_box .pc .pic {
        top: 2.5%;
        bottom: 20%;
        left: 2.22%;
        right: 1.5%;
    }

.response_shows .response_shows_box .pad {
    position: absolute;
    bottom: 2%;
    right: 0px;
    max-width: 40%;
    width: 100%;
}

    .response_shows .response_shows_box .pad .pic {
        top: 3%;
        bottom: 6%;
        left: 2%;
        right: 1.6%;
        overflow: hidden;
    }

.response_shows .response_shows_box .phone {
    position: absolute;
    bottom: 0;
    right: 38%;
    max-width: 15%;
    width: 100%;
}

    .response_shows .response_shows_box .phone .pic {
        top: 8%;
        bottom: 10.5%;
        left: 5%;
        right: 5%;
    }

.response_shows .response_shows_box .item {
    width: 100%;
    height: 101%;
    position: relative;
    float: left;
    -webkit-transition: all 0.8s ease-out;
    -moz-transition: all 0.8s ease-out;
    -ms-transition: all 0.8s ease-out;
    -o-transition: all 0.8s ease-out;
    transition: all 0.8s ease-out;
}

.response_shows .response_shows_box .thumb {
    width: 120px;
    position: absolute;
    left: 50%;
    margin-left: -60px;
    bottom: -15%;
}

    .response_shows .response_shows_box .thumb span {
        width: 25px;
        height: 25px;
        position: relative;
        float: left;
        border-radius: 100%;
        cursor: pointer;
        margin: 0 0 0 10px;
    }

        .response_shows .response_shows_box .thumb span:before {
            content: '';
            width: 12px;
            height: 12px;
            position: absolute;
            top: 5px;
            left: 5px;
            border-radius: 100%;
            border: solid 1px #2D9EDD;
            background: #fff;
            z-index: 1;
            transition: 0.5s all;
            -webkit-transition: 0.5s all;
        }

        .response_shows .response_shows_box .thumb span:hover::before, .response_shows .response_shows_box .thumb span.active:before {
            background: #2D9EDD;
        }

.platform_advantage_bg {
    position: relative;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
}

ul.platform_advantage_bg_z {
    height: 0;
}

.platform_advantage_bg_z {
    position: relative;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.platform_advantage_bg li {
    position: absolute;
    display: block;
    width: 40px;
    height: 40px;
    background: rgba(255, 255, 255, .15);
    bottom: -160px;
    -webkit-animation: square 28s infinite;
    animation: square 28s infinite;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
}

.platform_advantage_bg_z li {
    position: absolute;
    display: block;
    width: 40px;
    height: 40px;
    background: rgba(255, 255, 255, .15);
    bottom: -300px;
    -webkit-animation: square_z 22s infinite;
    animation: square_z 22s infinite;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
}

    .platform_advantage_bg li:nth-child(1), .platform_advantage_bg_z li:nth-child(1) {
        left: 10%;
    }

    .platform_advantage_bg li:nth-child(2), .platform_advantage_bg_z li:nth-child(2) {
        left: 20%;
        width: 80px;
        height: 80px;
        -webkit-animation-delay: 200ms;
        animation-delay: 200ms;
        -webkit-animation-duration: 17s;
        animation-duration: 17s;
    }

    .platform_advantage_bg li:nth-child(3), .platform_advantage_bg_z li:nth-child(3) {
        left: 25%;
        -webkit-animation-delay: 400ms;
        animation-delay: 400ms;
    }

    .platform_advantage_bg li:nth-child(4), .platform_advantage_bg_z li:nth-child(4) {
        left: 40%;
        width: 60px;
        height: 60px;
        -webkit-animation-duration: 10s;
        animation-duration: 10s;
        background-color: rgba(255, 255, 255, .25);
    }

    .platform_advantage_bg li:nth-child(5), .platform_advantage_bg_z li:nth-child(5) {
        left: 70%;
    }

    .platform_advantage_bg li:nth-child(6), .platform_advantage_bg_z li:nth-child(6) {
        left: 80%;
        width: 120px;
        height: 120px;
        -webkit-animation-delay: 3s;
        animation-delay: 3s;
        background-color: rgba(255, 255, 255, .2);
    }

    .platform_advantage_bg li:nth-child(7), .platform_advantage_bg_z li:nth-child(7) {
        left: 32%;
        width: 100px;
        height: 100px;
        -webkit-animation-delay: 7s;
        animation-delay: 7s;
    }

    .platform_advantage_bg li:nth-child(8), .platform_advantage_bg_z li:nth-child(8) {
        left: 55%;
        width: 20px;
        height: 20px;
        -webkit-animation-delay: 15s;
        animation-delay: 15s;
        -webkit-animation-duration: 40s;
        animation-duration: 40s;
    }

    .platform_advantage_bg li:nth-child(9), .platform_advantage_bg_z li:nth-child(9) {
        left: 25%;
        width: 10px;
        height: 10px;
        -webkit-animation-delay: 2s;
        animation-delay: 2s;
        -webkit-animation-duration: 40s;
        animation-duration: 40s;
        background-color: rgba(255, 255, 255, .3);
    }

    .platform_advantage_bg li:nth-child(10), .platform_advantage_bg_z li:nth-child(9) {
        left: 90%;
        width: 120px;
        height: 120px;
        -webkit-animation-delay: 11s;
        animation-delay: 11s;
    }

@-webkit-keyframes square {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        -webkit-transform: translateY(-1700px)rotate(600deg);
        transform: translateY(-1700px)rotate(600deg);
    }
}

@keyframes square {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        -webkit-transform: translateY(-1700px)rotate(600deg);
        transform: translateY(-1700px)rotate(600deg);
    }
}

@-webkit-keyframes square_z {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        -webkit-transform: translateY(-700px)rotate(500deg);
        transform: translateY(-700px)rotate(500deg);
    }
}

@keyframes square_z {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        -webkit-transform: translateY(-700px)rotate(500deg);
        transform: translateY(-700px)rotate(500deg);
    }
}

.marketing_advantage, .absbox {
    padding: 80px 0 40px;
    background: #ebebeb;
}

    .marketing_advantage .join_in_text {
        color: #666;
        font-size: 14px;
    }

.marketing_advantage_content {
    /*margin-left: -15px;*/
}

.marketing_advantage_list {
    border: 1px solid #cccccc;
    position: relative;
    cursor: pointer;
    margin-left: -1px;
    margin-top: -1px;
    /*margin: 0 0 15px 15px;*/
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transition: 0.3s all;
    -webkit-transition: 0.3s all;
    overflow: hidden;
}

.marketing_advantage_brief {
    position: absolute;
    top: 16%;
    text-align: center;
    width: 100%;
}

    .marketing_advantage_brief .brief_title {
        font-size: 26px;
        color: #606060;
        margin-top: 20px;
    }

        .marketing_advantage_brief .brief_title span {
            margin-left: 15px;
        }

    .marketing_advantage_brief .brief_text {
        font-size: 20px;
        color: #a5a5a5;
        line-height: 26px;
        padding: 0 10px;
        transition: 0.3s all;
        -webkit-transition: 0.3s all;
    }

.marketing_advantage_list:hover {
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2);
    /*transform: translate3d(0, -5px, 0);
	-webkit-transform: translate3d(0, -5px, 0);*/
}

    .marketing_advantage_list:hover .brief_text {
        color: #333;
    }

.partners {
    padding: 40px 0;
}

.partners_content {
    text-align: center;
}

.partners_content_list {
    display: inline-block;
    margin: 20px 10px;
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transition: 0.3s all;
    -webkit-transition: 0.3s all;
}

    .partners_content_list:hover {
        box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
        transform: translate3d(0, -5px, 0);
        -webkit-transform: translate3d(0, -5px, 0);
    }

.join_in {
    padding: 40px 0;
    background: url(http://data.dimeno.com/skin/images/033.jpg) center top repeat;
    text-align: center;
}

.join_in_title {
    font-size: 36px;
    color: #fff;
}

    .join_in_title span {
        color: #31b5ff;
    }

.join_in_text {
    color: #666;
    font-size: 14px;
    margin: 15px 0 50px 0;
}

.join_in_button {
    padding: 8px 60px;
}

.news_center {
    padding: 40px 0;
    background: #ebebeb;
}

.news_center_list_title {
    font-size: 16px;
    color: #000;
    margin: 25px 0 10px;
    padding: 0 15px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.news_center_list .kzf-mod-new-text {
    padding: 0 15px;
    font-size: 14px;
    color: #808080;
    word-break: break-all;
    height:62px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s;
}

    .news_center_list .kzf-mod-new-text.mt {
        margin-top: 8px;
        color: #b2b2b2;
        height:25px;
        padding: 0 15px 20px;
    }

.news_center_content {
    margin-left: -60px;
}

.news_center_list_box {
    background: #006bb7;
    text-align: center;
    color: #fff;
    padding: 20px 0;
    font-size: 18px;
}

    .news_center_list_box img {
        margin-bottom: 8px;
    }

.news_center .news_center_list {
    background: #e6e6e6;
    margin-left: 20px;
    height: 357px;
}

.news_center .news_center_content {
    margin-left: -20px;
}

.news_center .news_center_list .kzf-mod-new-text2 {
    padding: 25px 15px 40px;
    font-size: 14px;
    color: #333;
    display: table;
}

.news_center_list {
    margin-left: 60px;
    background: #ededed;
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transition: 0.3s all;
    -webkit-transition: 0.3s all;
    cursor: pointer;
}

    .news_center_list:hover {
        box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2);
        transform: translate3d(0, -5px, 0);
        -webkit-transform: translate3d(0, -5px, 0);
    }

.news_center_list_img {
    overflow: hidden;
}

    .news_center_list_img img {
        width: 100%;
        transition: 0.3s all;
        -webkit-transition: 0.3s all;
    }

    .news_center_list_img:hover img {
        transform: scale(1.1);
        -webkit-transform: scale(1.1);
    }

.news_center_content ul li a {
    display: block;
    color: #767676;
    font-size: 12px;
    margin-bottom: 10px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    background: url(http://data.dimeno.com/skin/images/056.png) left center no-repeat;
    padding: 3px 0 3px 15px;
    transition: 0.2s all;
    -webkit-transition: 0.2s all;
}

    .news_center_content ul li a .text {
        float: left;
        width: 80%;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .news_center_content ul li a .time {
        float: right;
        width: 20%;
        text-align: right;
    }

    .news_center_content ul li a:hover {
        color: #333;
        text-indent: 5px;
    }

.footer {
    padding: 40px 0;
    background: #4d4d4d;
}

.bottom2 {
    background: #1a1a1a;
    color: #5f5f5f;
    text-align: center;
    line-height: 40px;
    height: 40px;
}

.footer_content {
    padding: 40px 0;
    overflow: hidden;
    margin-left: -70px;
}

.footer_list {
    margin-left: 70px;
}

.quick_navigation_title, .footer_link_title, .footer_cotact_title {
    color: #D9D9DA;
    font-size: 16px;
    margin-bottom: 15px;
}

.quick_navigation {
    padding-left: 50px;
}

    .quick_navigation ul li a {
        display: block;
        margin-bottom: 10px;
        color: #8A8A8A;
        font-size: 13px;
    }

        .quick_navigation ul li a:hover {
            color: #fff;
        }

.footer_link ul li {
    float: left;
}

    .footer_link ul li a {
        display: block;
        margin: 0 1px 1px 0;
        background: #292929;
        color: #8A8A8A;
        font-size: 13px;
        padding: 5px 16px;
    }

        .footer_link ul li a:hover {
            color: #fff;
            background: #222;
        }

.footer_cotact {
    color: #8A8A8A;
    font-size: 13px;
}

    .footer_cotact .footer_cotact_type {
        width: 15%;
        display: block;
        float: left;
    }

    .footer_cotact .footer_cotact_content {
        width: 85%;
        display: block;
        float: left;
    }

    .footer_cotact ul li {
        margin-bottom: 10px;
        overflow: hidden;
    }

        .footer_cotact ul li a {
            color: #8A8A8A;
        }

.footer .copyright {
    text-align: center;
    padding: 8px 10px;
    color: #8a8a8a;
    background: #000;
    font-size: 12px;
}

.z_banner {
    background: url(http://data.dimeno.com/skin/images/0555.jpg) center top repeat;
    text-align: center;
    padding: 170px 0;
    overflow: hidden;
}

.support_z_banner {
    padding: 150px 0 70px 0;
}

.z_banner_title {
    font-size: 34px;
    color: #fff;
    margin-bottom: 10px;
}

.z_banner_text {
    font-size: 16px;
    color: #aedaff;
}

.case_show_content {
    margin: 50px 0;
    border-bottom: solid 1px #F7F7F7;
    overflow: hidden;
}

.case_show_list {
    overflow: hidden;
    padding-top: 50px;
    border-top: solid 1px #F7F7F7;
}

.case_show_brief_title {
    color: #333;
    font-size: 16px;
}

    .case_show_brief_title span {
        color: #8a8a8a;
    }

.case_show_brief_text {
    color: #8a8a8a;
    margin: 20px 60px 30px 0;
    line-height: 1.8;
}

.case_show_brief_button .all_button {
    padding: 8px 50px;
}

.case_show_more {
    padding: 50px 0;
    text-align: center;
}

    .case_show_more .all_button {
        padding: 8px 50px;
    }

.know_more {
    text-align: center;
    padding: 50px 0;
}

.know_more_text {
    font-size: 16px;
    color: #818181;
    margin-bottom: 20px;
}

.know_more .all_button {
    margin: 0 15px;
}

.z_banner_input {
    position: relative;
    width: 100%;
    max-width: 800px;
    margin: 50px auto 20px auto;
}

    .z_banner_input input {
        background: #2A6EAA;
        color: #829BC4;
        border: solid 1px #78ADF4;
        width: 100%;
        height: 50px;
        line-height: 50px;
        border-radius: 3px;
        text-indent: 20px;
    }

    .z_banner_input img {
        position: absolute;
        top: 10px;
        right: 20px;
        cursor: pointer;
    }

.hot_search {
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
}

    .hot_search ul li {
        float: left;
        color: #C2D6F9;
        margin-right: 20px;
    }

        .hot_search ul li a {
            color: #A3BBE0;
        }

            .hot_search ul li a:hover {
                color: #C2D6F9;
            }

.support_type {
    margin: 50px 0;
}

.support_type_content {
    margin-left: -50px;
}

.support_type_list {
    display: block;
    border: solid 1px #F2F2F2;
    text-align: center;
    padding: 10px 0;
    color: #7b7b7b;
    margin-left: 50px;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

    .support_type_list.active {
        color: #fff;
        background: #3DA6F7;
        border: solid 1px #3DA6F7;
    }

    .support_type_list.normal:before {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        width: 0;
        height: 100%;
        background: #3DA6F7;
        transition: 0.3s all;
        -webkit-transition: 0.3s all;
        z-index: -1;
    }

    .support_type_list.normal:hover:before {
        width: 100%;
    }

    .support_type_list.normal:hover {
        color: #fff;
        background: #3DA6F7;
        background: rgba(0, 0, 0, 0);
        border: solid 1px #3DA6F7;
        border: solid 1px rgba(0, 0, 0, 0);
    }

.technical_support {
    background: #F5F7F9;
    overflow: hidden;
    padding: 50px 0;
}

.technical_support_content {
    overflow: hidden;
    margin-left: -30px;
}

.technical_support_list {
    margin-left: 30px;
    overflow: hidden;
}

.technical_support_type {
    background: #fff;
}

    .technical_support_type .title {
        background: url(http://data.dimeno.com/skin/images/074.png) center no-repeat;
        color: #fff;
        font-size: 16px;
        text-indent: 35px;
        padding: 15px 0;
        position: relative;
    }

        .technical_support_type .title span {
            position: absolute;
            top: 13px;
            right: 20px;
            display: none;
        }

            .technical_support_type .title span img {
                transform: rotate(0deg);
                -webkit-transform: rotate(0deg);
                transition: 0.4s all;
                -webkit-transition: 0.4s all;
            }

            .technical_support_type .title span.active img {
                transform: rotate(90deg);
                -webkit-transform: rotate(90deg);
            }

    .technical_support_type ul li {
        position: relative;
        z-index: 1;
    }

        .technical_support_type ul li:before {
            content: "";
            position: absolute;
            top: 50%;
            left: 0;
            transform: translate(0, -50%);
            -webkit-transform: translate(0, -50%);
            width: 0;
            height: 100%;
            background: #fafafa;
            transition: 0.3s all;
            -webkit-transition: 0.3s all;
            z-index: -1;
        }

        .technical_support_type ul li a {
            display: block;
            color: #4e4e4e;
            padding: 15px 0;
            margin: 0 10px;
            border-bottom: solid 1px #F7F7F7;
            text-indent: 25px;
        }

        .technical_support_type ul li:last-child a, .technical_support_type ul li:hover:last-child a {
            border: none;
        }

        .technical_support_type ul li:hover:before {
            width: 100%;
        }

        .technical_support_type ul li:hover a {
            background: #3DA6F7;
            background: rgba(0, 0, 0, 0);
            border-bottom: solid 1px #3DA6F7;
        }

        .technical_support_type ul li:first-child.active {
            border-top: none;
        }

        .technical_support_type ul li.active {
            background: #3DA6F7;
            border-bottom: solid 1px #fff;
            border-top: solid 1px #fff;
        }

            .technical_support_type ul li.active a {
                color: #fff;
                border-bottom: solid 1px #3DA6F7;
            }

            .technical_support_type ul li.active:hover:before {
                display: none;
            }

.technical_support_box {
    padding: 30px 20px;
    background: #fff;
}

    .technical_support_box .title {
        font-size: 16px;
        color: #4e4e4e;
        text-indent: 10px;
    }

    .technical_support_box ul {
        margin: 15px 0;
        padding: 10px 0;
        border-top: solid 1px #F7F7F7;
        border-bottom: solid 1px #F7F7F7;
    }

        .technical_support_box ul li a {
            display: block;
            overflow: hidden;
            color: #9a9a9a;
            position: relative;
            z-index: 1;
            padding: 10px;
        }

            .technical_support_box ul li a:before {
                z-index: -1;
                content: '';
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                background: #FAFAFA;
                opacity: 0;
                filter: alpha(opacity=0);
                -webkit-transform: scale3d(1, 0.1, 1);
                transform: scale3d(1, 0.1, 1);
                -webkit-transition: -webkit-transform 0.5s, opacity 0.5s;
                transition: transform 0.5s, opacity 0.5s;
                -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
                transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
            }

            .technical_support_box ul li a, .technical_support_box ul li a:before {
                -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
                transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
            }

                .technical_support_box ul li a:hover:before {
                    opacity: 1;
                    filter: alpha(opacity=100);
                    -webkit-transform: translate3d(0, 0, 0);
                    transform: translate3d(0, 0, 0);
                }

                .technical_support_box ul li a:hover {
                    color: #333;
                }

                .technical_support_box ul li a .text {
                    float: left;
                    width: 85%;
                    overflow: hidden;
                    white-space: nowrap;
                    text-overflow: ellipsis;
                }

                .technical_support_box ul li a .time {
                    float: right;
                    width: 15%;
                    text-align: right;
                }

.technical_support_page {
    padding: 0 20px 30px 20px;
    overflow: hidden;
    background: #fff;
}

    .technical_support_page ul li {
        float: left;
    }

        .technical_support_page ul li a {
            display: block;
            width: 30px;
            height: 30px;
            text-align: center;
            line-height: 30px;
            border: solid 1px #D1D1D1;
            border-radius: 3px;
            color: #c1c1c1;
            margin-right: 15px;
        }

            .technical_support_page ul li a.active, .technical_support_page ul li a:hover {
                background: #3c9af2;
                color: #fff;
                border: solid 1px #3c9af2;
            }

            .technical_support_page ul li a.disable {
                cursor: not-allowed;
            }

                .technical_support_page ul li a.disable:hover {
                    color: #c1c1c1;
                    background: #fff;
                    border: solid 1px #D1D1D1;
                }

.technical_support_box_z {
    background: #fff;
    padding: 30px;
}

.technical_support_box_z_header .title {
    color: #4E4E4E;
    font-size: 24px;
}

.technical_support_box_z_header ul {
    overflow: hidden;
    margin-top: 10px;
}

    .technical_support_box_z_header ul li {
        float: left;
        font-size: 12px;
        color: #989898;
        margin-right: 20px;
    }

.technical_support_box_z_info_box {
    border-top: solid 1px #F7F7F7;
    border-bottom: solid 1px #F7F7F7;
    margin: 30px 0;
    padding: 30px 0;
}

.technical_support_box_z_info img {
    max-width: 100%;
    height: auto !important;
}

.technical_support_page_z {
    background: #fff;
    overflow: hidden;
    padding: 0 30px 30px 30px;
}

    .technical_support_page_z a {
        display: inline-block;
        padding: 8px 45px;
        background: #fff;
        border: solid 1px #F7F7F7;
        color: #9a9a9a;
        border-radius: 3px;
    }

        .technical_support_page_z a.active, .technical_support_page_z a:hover {
            background: #3F98F2;
            color: #fff;
            border: solid 1px #3F98F2;
        }

        .technical_support_page_z a.page_next {
            float: right;
        }

.template_search {
    text-align: center;
    margin: 50px 0;
    overflow: hidden;
}

.template_search_select {
    display: inline-block;
    margin: 0 30px;
}

    .template_search_select select {
        color: #adadad;
        width: 280px;
        height: 40px;
        text-indent: 15px;
        border: solid 1px #F0F0F0;
        border-radius: 3px;
        cursor: pointer;
    }

    .template_search_select option {
        color: #adadad;
    }

.template_search_button {
    display: inline-block;
    margin: 0 30px;
}

    .template_search_button .all_button {
        display: initial;
    }

.template_show_content {
    position: relative;
    overflow: hidden;
}

    .template_show_content:before {
        content: "";
        width: 1px;
        height: 100%;
        position: absolute;
        top: 0;
        left: 50%;
        background: #F7F7F7;
    }

.template_show_list_box {
    border-bottom: solid 1px #F7F7F7;
}

.template_show_list {
    width: 96%;
    max-width: 540px;
    margin: 0 auto;
    padding: 80px 0;
}

.template_show_list_text {
    margin: 25px 0;
    overflow: hidden;
}

    .template_show_list_text ul li {
        float: left;
        margin-right: 30px;
        color: #9a9a9a;
    }

        .template_show_list_text ul li span {
            color: #636363;
        }

.template_show_list_button a:last-child {
    float: right;
}

.template_show_list_button .all_button {
    padding: 8px 40px;
}

.template_show .know_more {
    border-top: solid 1px #F7F7F7;
}

.introduce {
    padding: 40px 0;
}

.introduce_content {
    overflow: hidden;
}

.introduce_list_brief {
    margin: 0 50px 20px 0;
}

.introduce_list_title {
    font-size: 16px;
    color: #333;
    font-weight: 600;
    margin-bottom: 5px;
}

.introduce_list_text {
    color: #969696;
}

.cloud_platform {
    padding: 40px 0;
    background: url(http://data.dimeno.com/skin/images/076.jpg) center top repeat;
}

.cloud_platform_content {
    overflow: hidden;
    margin: 80px 0 80px -30px;
}

.cloud_platform_list {
    display: block;
    margin-left: 30px;
    background: #fff;
    text-align: center;
    padding: 60px 20px;
}

.cloud_platform_list_title {
    font-size: 16px;
    color: #333;
}

.cloud_platform_list_text {
    color: #aeaeae;
    height: 40px;
    line-height: 20px;
    overflow: hidden;
    margin-top: 10px;
}

.cloud_platform_solution {
    text-align: center;
    color: #fff;
}

    .cloud_platform_solution .title {
        font-size: 24px;
    }

    .cloud_platform_solution .text {
        color: #c0e3ff;
        margin-top: 10px;
    }

.industry {
    padding: 40px 0;
}

.industry_content {
    margin-top: 50px;
    overflow: hidden;
}

.industry_list_img {
    text-align: center;
}

.industry_list_left {
    text-align: right;
    padding-right: 60px;
}

.industry_list_rigth {
    text-align: left;
    padding-left: 60px;
}

.industry_list_brief {
    margin-bottom: 40px;
}

.industry_list_title {
    color: #474747;
    font-size: 18px;
    margin-bottom: 30px;
}

.industry_list_brief_title {
    color: #464646;
}

.industry_list_brief_text {
    margin-top: 5px;
    height: 40px;
    line-height: 20px;
    color: #9c9c9c;
    overflow: hidden;
}

.advantage_project {
    padding-top: 100px;
    background: url(http://data.dimeno.com/skin/images/079.jpg) center bottom repeat;
}

.advantage_project_content {
    overflow: hidden;
    margin: 50px 0 0 -30px;
}

.advantage_project_list {
    overflow: hidden;
    margin: 0 0 100px 30px;
}

.advantage_project_list_brief {
    padding-left: 10px;
    color: #fff;
}

    .advantage_project_list_brief .title {
        font-size: 16px;
    }

    .advantage_project_list_brief .text {
        font-size: 12px;
        height: 40px;
        line-height: 20px;
        overflow: hidden;
    }

.marketing_support {
    padding: 40px 0;
}

.marketing_support_content {
    overflow: hidden;
    margin-left: -20px;
}

.marketing_support_list {
    margin-left: 20px;
}

.marketing_support_list_brief {
    margin-top: 30px;
}

    .marketing_support_list_brief .title {
        color: #383838;
        font-size: 18px;
    }

    .marketing_support_list_brief .text {
        color: #686868;
        height: 40px;
        line-height: 20px;
        overflow: hidden;
    }

.proxy_process {
    padding: 40px 0;
    background: #3BA1F2;
}

.proxy_process_line {
    height: 15px;
    width: 96%;
    max-width: 1000px;
    margin: 0 auto;
    background: #fff;
    margin-top: 60px;
}

.proxy_process_content {
    margin: -55px 0 0 -60px;
}

.proxy_process_list {
    display: block;
    text-align: center;
    margin-left: 60px;
}

.proxy_process_list_top {
    width: 90px;
    height: 90px;
    text-align: center;
    line-height: 90px;
    margin: 0 auto;
    border-radius: 100%;
    background: #fff;
    color: #3ba1f2;
    font-size: 48px;
    overflow: hidden;
    position: relative;
    z-index: 1;
}

    .proxy_process_list_top:before {
        content: "";
        width: 70px;
        height: 70px;
        background: #fff;
        background: rgba(59, 161, 242, 1);
        border-radius: 100%;
        position: absolute;
        top: 12%;
        left: 12%;
        z-index: -1;
        opacity: 0;
        transform: scale(0);
        -webkit-transform: scale(0);
        transition: 0.4s all;
        -webkit-transition: 0.4s all;
    }

.proxy_process_list_middle {
    width: 15px;
    height: 15px;
    background: #fff;
    margin: -1px auto 0 auto;
}

.proxy_process_list_bottom {
    background: #fff;
    padding: 30px 0;
    min-height: 90px;
    border-radius: 5px;
}

    .proxy_process_list_bottom .title {
        color: #3b3b3b;
        font-size: 18px;
        margin-bottom: 10px;
    }

    .proxy_process_list_bottom .text {
        color: #939393;
        height: 40px;
        line-height: 20px;
        overflow: hidden;
    }

.proxy_process_list:hover .proxy_process_list_top:before {
    opacity: 1;
    transform: scale(1);
    -webkit-transform: scale(1);
}

.proxy_process_list:hover .proxy_process_list_top {
    color: #3ba1f2;
    color: rgba(255, 255, 255, 1);
}

.proxy_process_list:hover .proxy_process_list_bottom .text {
    color: #333;
}

.h82 {
    height: 82px;
    padding: 0px;
}

.page_num_box {
    float: right;
}

    .page_num_box ul li {
        float: left;
    }

        .page_num_box ul li a {
            display: block;
            border: solid 1px #E9E9E9;
            padding: 3px 0;
            width: 25px;
            text-align: center;
            font-size: 12px;
        }

            .page_num_box ul li a:hover, .page_num_box ul .page_num_active {
                background: #008BD6;
                color: #fff;
                border: solid 1px #008BD6;
            }

.news_banner {
    padding: 40px 0;
}
/*
*  Author:�Ƽѱ�(Jabo)
*  Time: 2016/07/19
*  Dec: ������ҳ������ʽ
*/

/*ͷ���˵����һ��li*/

/*
.header .header_menu ul li:last-child {
    display:none;
}*/

/*Ϊ����IE��ʹ��*/
.header .header_menu ul .nav-last-li {
    display: none;
}

@media screen and (max-width: 1199px) {
}
/**
 * AUTHOR:�Ƽѱ�(Jabo)
 * TIME:2016/07/25
 * DESC:��վ����
 * */

.template_show_list_button .all_button {
    padding: 6px 30px;
}

    .template_show_list_button .all_button:first-child {
        float: right;
        margin-left: 25px;
    }

.template_show_list {
    width: 82%; /*	padding: 80px 0;*/
    /*padding-right: 10px;*/
}

.template_show-container {
    background: #F5F5F5;
    /*height: 100%;*/
    padding: 10px 10px 68px 10px;
}

.template_show_list_text {
    position: absolute;
    margin: 22px 0 12px 0;
}

.template_show_list_pic img {
    background: transparent;
    background-color: rgba(0, 0, 0, 0);
}

.template_show_list_pic {
    position: relative;
}

    .template_show_list_pic .front-model {
        /*position: relative;*/
    }

    .template_show_list_pic .front-img {
        position: absolute;
        transition: all 0.3s;
    }

        .template_show_list_pic .front-img:hover {
            opacity: 0;
            filter: Alpha(opacity=0);
        }

.template_show_list_button {
    margin-top: 28px;
}

.template_show_list_text h3 {
    color: #636363;
    padding-bottom: 3px;
}

.template_show_list_text p {
    color: #9A9A9A;
}

.web_tip {
    margin: 76px 0 36px;
    text-align: center;
    position: relative;
}

    .web_tip:before {
        content: "";
        position: absolute;
        top: 12px;
        left: 0;
        right: 0;
        width: 80%;
        max-width: 600px;
        margin: 0 auto;
        border-bottom: 1px solid #eee;
    }

    .web_tip h4 {
        font-size: 16px;
        position: relative;
        display: inline-block;
        background-color: #fff;
        padding: 0 30px;
        z-index: 1;
    }

    .web_tip .create_web {
        margin-top: 18px;
    }

    .web_tip a {
        display: inline-block;
        padding: 6px 30px;
        background: #3B9EF3;
        border-radius: 3px;
        color: #fff;
        border: solid 1px #3B9FF2;
        transition: all 0.3s;
    }

        .web_tip a:hover {
            background: transparent;
            color: #3B9FF2;
        }

@media only screen and (max-width: 1110px) {
    .web_tip h4 {
        padding: 0 26px;
    }

    .template_show_list_text {
        position: relative;
        margin: 22px 0 12px 0;
        text-align: center;
    }

    .template_show_list_button {
        margin-top: 12px;
        text-align: center;
    }

        .template_show_list_button .all_button:first-child {
            float: none;
            margin-left: 0;
        }

        .template_show_list_button a:last-child {
            float: none;
        }

    .template_show-container {
        padding: 10px 10px 18px 10px;
    }

    .web_tip {
        margin: 50px 0 26px;
    }
}

@media only screen and (min-width: 420px) and (max-width: 770px) {
    .web_tip h4 {
        padding: 0 20px;
    }

    .web_tip {
        margin: 40px 0 16px;
    }

    .template_show_list_button .all_button:first-child {
        margin-left: 0;
    }
}

@media only screen and (max-width: 420px) {
    .web_tip h4 {
        padding: 0 15px;
    }

    .web_tip {
        margin: 40px 0 6px;
    }

    .template_show_list {
        padding: 30px 0 !important;
    }
}

@media only screen and (max-width: 322px) {
    .web_tip:before {
        display: none;
    }
}
/*
 * @Autor:Jabo(�Ƽѱ�)
 * Time:2016/09/07
 * Desc:��������
 */

.support_type_content .kzf-mod-center {
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-25%);
    -moz-transform: translateX(-25%);
    -ms-transform: translateX(-25%);
    transform: translateX(-25%);
}

.kzf-mod-new-container {
    margin-bottom: 25px;
}

    .kzf-mod-new-container .container {
        max-width: 900px;
    }

    .kzf-mod-new-container.span7 .kzf-mod-new-li {
        width: 95%;
    }

    .kzf-mod-new-container .kzf-mod-new-li {
        position: relative;
        z-index: 1;
        overflow: hidden;
        padding: 14px 0;
        float: left;
        width: 100%;
        border-bottom: 1px solid #cccccc;
    }

.fl .kzf-mod-new-li {
    float: right;
}

.kzf-mod-new-container .kzf-mod-new-li:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 0;
    background: rgb(217, 217, 217);
    z-index: -1;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s;
}

.kzf-mod-new-container .kzf-mod-new-li:hover:after {
    right: 0;
    width: 100%;
}

.kzf-mod-new-container .kzf-mod-new-li .kzf-mod-new-time-box {
    width: 105px;
    height: 100px;
    margin-top: 10px;
    padding: 3px 0;
    border-right: 1px solid #eee;
    color: #333;
    font-weight: bold;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s;
    background: #d9d9d9;
}

.kzf-mod-new-container .kzf-mod-new-li:hover .kzf-mod-new-time-box {
    color: #333;
}

.kzf-mod-new-container .kzf-mod-new-li .kzf-mod-new-box {
    padding: 12px 30px;
}

.kzf-mod-new-container .kzf-mod-new-li .kzf-mod-new-time-date {
    font-size: 36px;
    color: #ff6600;
    padding-left: 13px;
}

.kzf-mod-new-container .kzf-mod-new-li .kzf-mod-new-time-month {
    font-size: 14px;
    padding-left: 17px;
}

.kzf-mod-new-container .kzf-mod-new-li .kzf-mod-new-time-year {
    font-size: 14px;
    padding-left: 16px;
}

.kzf-mod-new-container .kzf-mod-new-li .kzf-mod-new-title {
    position: relative;
    font-size: 16px;
    color: #333;
    line-height: 24px;
    padding-bottom: 5px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s;
}

.kzf-mod-new-container .kzf-mod-new-li .mt {
    margin-top: 8px;
    height:20px !important;
}

.kzf-mod-new-container .kzf-mod-new-li .kzf-mod-new-text {
    font-size: 14px;
    color: #b2b2b2;
    word-break: break-all;
    height:41px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s;
}

.kzf-mod-new-container .kzf-mod-new-li:hover .kzf-mod-new-title {
}

.kzf-mod-new-container .kzf-mod-new-li:hover .kzf-mod-new-text {
    color: #888787;
}

.kzf-mod-new-container .kzf-mod-new-li:hover .kzf-mod-new-title:before {
    border-left-color: #fff;
}

.kzf-mod-new-container .kzf-mod-new-btn-more {
    text-align: center;
    padding: 55px 0;
}

    .kzf-mod-new-container .kzf-mod-new-btn-more a {
        padding: 10px 40px;
        border-radius: 3px;
        color: #fff;
        background-color: #3b9ef3;
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        -ms-transition: all .3s;
        transition: all .3s;
    }

        .kzf-mod-new-container .kzf-mod-new-btn-more a:hover {
            color: #3b9ef3;
            border: 1px solid #3b9ef3;
            background-color: #fff;
        }

@media only screen and (max-width: 1199px) {
    .kzf-mod-new-container {
        margin-bottom: 60px;
    }

        .kzf-mod-new-container .kzf-mod-new-btn-more {
            padding: 25px 0;
        }
}

@media only screen and (max-width: 960px) {
    .kzf-mod-new-container {
        margin-bottom: 40px;
    }

        .kzf-mod-new-container .kzf-mod-new-btn-more {
            padding: 15px 0;
        }

        .kzf-mod-new-container .kzf-mod-new-li .kzf-mod-new-time-box {
            padding: 6px 0;
        }

        .kzf-mod-new-container .kzf-mod-new-li .kzf-mod-new-time-date {
            font-size: 38px;
        }

        .kzf-mod-new-container .kzf-mod-new-li .kzf-mod-new-title {
        }

        .kzf-mod-new-container .kzf-mod-new-li .kzf-mod-new-box {
            padding: 6px 20px;
        }

        .kzf-mod-new-container .kzf-mod-new-li {
            padding: 14px 0;
        }
}

@media only screen and (max-width: 767px) {
    .kzf-mod-new-container {
        margin-bottom: 25px;
    }

        .kzf-mod-new-container .kzf-mod-new-btn-more {
            padding: 15px 0;
        }

        .kzf-mod-new-container .kzf-mod-new-li .kzf-mod-new-time-box {
            padding: 3px 0;
        }

        .kzf-mod-new-container .kzf-mod-new-li .kzf-mod-new-time-date {
            font-size: 24px;
        }

        .kzf-mod-new-container .kzf-mod-new-li .kzf-mod-new-title {
            padding-bottom: 12px;
            line-height: 19px;
        }

        .kzf-mod-new-container .kzf-mod-new-li .kzf-mod-new-box {
            padding: 3px 10px;
        }

        .kzf-mod-new-container .kzf-mod-new-li {
            padding: 4px 0;
        }
}

@media only screen and (max-width: 479px) {
    .kzf-mod-new-container {
        margin-bottom: 0px;
    }

        .kzf-mod-new-container .kzf-mod-new-btn-more {
            padding: 10px 0;
        }

        .kzf-mod-new-container .kzf-mod-new-li .kzf-mod-new-time-date {
            font-size: 34px;
        }

        .kzf-mod-new-container .kzf-mod-new-li .kzf-mod-new-time-year {
            font-size: 14px;
        }

        .kzf-mod-new-container .kzf-mod-new-li .kzf-mod-new-title {
            padding-bottom: 2px;
        }

        .kzf-mod-new-container .kzf-mod-new-li .kzf-mod-new-box {
            padding: 0 10px;
        }

        .kzf-mod-new-container .kzf-mod-new-li .kzf-mod-new-title {
            font-size: 14px;
        }

        .kzf-mod-new-container .kzf-mod-new-li .kzf-mod-new-text {
            font-size: 12px;
        }

        .kzf-mod-new-container .kzf-mod-new-li {
            padding: 4px 0 8px;
        }

    .support_type_content .kzf-mod-center {
        position: relative;
        left: 0;
        -webkit-transform: translateX(0%);
        -moz-transform: translateX(0%);
        -ms-transform: translateX(0%);
        transform: translateX(0%);
    }
}
/*
 * @Autor:Jabo(�Ƽѱ�)
 * Time:2016/09/12
 * Desc:�������
 */

.kzf-mod-case-container {
    padding: 65px 0;
}

.kzf-mod-so-title-box {
    margin: 25px 0 56px;
    text-align: center;
}

.kzf-so-title {
    margin-bottom: 10px;
    font-size: 36px;
    color: #3c94f1;
}

.kzf-so-text {
    color: #818181;
}

.kzf-mod-case-container .kzf-mod-case-out .kzf-mod-case-box {
    margin-left: -30px;
    text-align: center;
}

    .kzf-mod-case-container .kzf-mod-case-out .kzf-mod-case-box .kzf-mod-wrap {
        margin: 0 0 60px 30px;
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        -ms-transition: all .3s;
        transition: all .3s;
    }

        .kzf-mod-case-container .kzf-mod-case-out .kzf-mod-case-box .kzf-mod-wrap .kzf-mod-pic {
            -webkit-transition: all .3s;
            -moz-transition: all .3s;
            -ms-transition: all .3s;
            transition: all .3s;
        }

        .kzf-mod-case-container .kzf-mod-case-out .kzf-mod-case-box .kzf-mod-wrap:hover .kzf-mod-pic {
            -webkit-transform: translateY(-10px);
            -moz-transform: translateY(-10px);
            -ms-transform: translateY(-10px);
            transform: translateY(-10px);
        }

        .kzf-mod-case-container .kzf-mod-case-out .kzf-mod-case-box .kzf-mod-wrap .kzf-mod-title {
            color: #818181;
        }

.kzf-mod-link-container {
    padding: 76px 6px 110px;
    background: url(http://data.dimeno.com/skin/images/so-link-bg.png) no-repeat;
    background-size: cover;
}

    .kzf-mod-link-container .kzf-mod-link-out .kzf-mod-link-inf-box {
        margin: 0 0 30px -26px;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        flex-wrap: wrap;
        overflow: hidden;
    }

        .kzf-mod-link-container .kzf-mod-link-out .kzf-mod-link-inf-box > div {
            display: -webkit-flex;
            display: -moz-box;
            display: -ms-flexbox;
            display: flex;
            flex-wrap: wrap;
        }

            .kzf-mod-link-container .kzf-mod-link-out .kzf-mod-link-inf-box > div a {
                display: -webkit-flex;
                display: -moz-box;
                display: -ms-flexbox;
                display: flex;
                flex-wrap: wrap;
                width: 100%;
            }

        .kzf-mod-link-container .kzf-mod-link-out .kzf-mod-link-inf-box .kzf-mod-wrap {
            padding: 20px 3px;
            margin: 0 0 3px 26px;
            width: 100%;
            text-align: center;
            background-color: rgba(180, 180, 180, .2);
        }

            .kzf-mod-link-container .kzf-mod-link-out .kzf-mod-link-inf-box .kzf-mod-wrap .kzf-mod-pic {
                margin-bottom: 20px;
            }

            .kzf-mod-link-container .kzf-mod-link-out .kzf-mod-link-inf-box .kzf-mod-wrap .kzf-mod-txt {
                color: #fff;
            }

    .kzf-mod-link-container .kzf-mod-link-out .kzf-mod-link-qq-box {
        margin-left: -15px;
        /*QQ����*/
        display: none;
    }

        .kzf-mod-link-container .kzf-mod-link-out .kzf-mod-link-qq-box .kzf-mod-wrap {
            margin-left: 15px;
            margin-bottom: 1px;
            padding: 12px 3px;
            text-align: center;
            color: #fff;
            background-color: rgba(180, 180, 180, .2);
        }

            .kzf-mod-link-container .kzf-mod-link-out .kzf-mod-link-qq-box .kzf-mod-wrap img {
                margin-right: 10px;
            }

            .kzf-mod-link-container .kzf-mod-link-out .kzf-mod-link-qq-box .kzf-mod-wrap span {
                vertical-align: middle;
                font-size: 16px;
            }

@media screen and (max-width: 967px) {
    .kzf-so-title {
        font-size: 30px;
    }

    .kzf-mod-case-container {
        padding: 50px 0;
    }

    .kzf-mod-so-title-box {
        margin: 25px 0 45px;
    }

    .kzf-mod-case-container .kzf-mod-case-out .kzf-mod-case-box .kzf-mod-wrap {
        margin: 0 0 55px 30px;
    }

    .kzf-mod-link-container {
        padding: 50px 6px 82px;
    }

        .kzf-mod-link-container .kzf-mod-link-out .kzf-mod-link-inf-box {
            margin: 0 0 30px -16px;
        }

            .kzf-mod-link-container .kzf-mod-link-out .kzf-mod-link-inf-box .kzf-mod-wrap {
                margin: 0 0 3px 16px;
            }

        .kzf-mod-link-container .kzf-mod-link-out .kzf-mod-link-qq-box .kzf-mod-wrap span {
            font-size: 14px;
        }
}

@media screen and (max-width: 767px) {
    .kzf-mod-case-container {
        padding: 40px 0;
    }

    .kzf-mod-so-title-box {
        margin: 25px 0 30px;
    }

    .kzf-so-title {
        margin-bottom: 3px;
        font-size: 26px;
    }

    .kzf-mod-link-container .kzf-mod-link-out .kzf-mod-link-inf-box .kzf-mod-wrap {
        margin: 0 0 1px 5px;
    }

    .kzf-mod-link-container .kzf-mod-link-out .kzf-mod-link-inf-box {
        margin: 0 0 10px -5px;
    }

    .kzf-mod-link-container .kzf-mod-link-out .kzf-mod-link-qq-box {
        margin-left: -5px;
    }

        .kzf-mod-link-container .kzf-mod-link-out .kzf-mod-link-qq-box .kzf-mod-wrap {
            margin-left: 5px;
        }
}

@media screen and (max-width: 479px) {
    .kzf-mod-case-container {
        padding: 15px 0;
    }

    .kzf-mod-so-title-box {
        margin: 15px 0 30px;
    }

    .kzf-mod-case-container .kzf-mod-case-out .kzf-mod-case-box .kzf-mod-wrap {
        margin: 0 0 30px 30px;
    }

    .kzf-mod-link-container .kzf-mod-link-out .kzf-mod-link-inf-box {
        margin: 0 0 5px -5px;
    }

        .kzf-mod-link-container .kzf-mod-link-out .kzf-mod-link-inf-box .kzf-mod-wrap .kzf-mod-pic {
            margin-bottom: 10px;
        }

    .kzf-mod-link-container {
        padding: 15px 6px 35px;
    }

        .kzf-mod-link-container .kzf-mod-link-out .kzf-mod-link-inf-box .kzf-mod-wrap {
            padding: 10px 3px;
        }

            .kzf-mod-link-container .kzf-mod-link-out .kzf-mod-link-inf-box .kzf-mod-wrap .kzf-mod-txt {
                font-size: 12px;
            }

        .kzf-mod-link-container .kzf-mod-link-out .kzf-mod-link-qq-box {
            margin-left: -3px;
        }

            .kzf-mod-link-container .kzf-mod-link-out .kzf-mod-link-qq-box .kzf-mod-wrap {
                margin-left: 3px;
                margin-bottom: 1px;
                padding: 6px 2px;
            }

                .kzf-mod-link-container .kzf-mod-link-out .kzf-mod-link-qq-box .kzf-mod-wrap img {
                    margin-right: 3px;
                }

                .kzf-mod-link-container .kzf-mod-link-out .kzf-mod-link-qq-box .kzf-mod-wrap span {
                    font-size: 12px;
                }
}
/*
 * @Autor:����Ⱥ
 * Time:2016/09/12
 * Desc:��Ʒ�ͷ���
 */

.kzf-mod-product {
    padding: 90px 0;
    text-align: center;
}

.kzf-mod-product-title {
    font-size: 36px;
    color: #3c94f1;
}

.kzf-mod-product-brief {
    color: #818181;
    margin: 20px 0 55px 0;
}

.kzf-mod-product-list-title {
    color: #333;
    font-size: 18px;
    margin: 25px 0 10px 0;
}

.kzf-mod-product-list p {
    line-height: 2;
    color: #818181;
    transition: 0.3s all;
    -webkit-transition: 0.3s all;
}

.kzf-mod-product-list img {
    transition: 0.3s all;
    -webkit-transition: 0.3s all;
    position: relative;
    top: 0;
}

.kzf-mod-product-list:hover img {
    top: 5px;
}

.kzf-mod-product-list:hover p {
    color: #444;
}

@media only screen and (max-width: 967px) {
    .kzf-mod-product {
        padding: 60px 0;
    }

    .kzf-mod-product-title {
        font-size: 30px;
    }

    .kzf-mod-product-brief {
        margin: 20px 0 40px 0;
    }

    .kzf-mod-product-list-title {
        font-size: 16px;
        margin: 20px 0 10px 0;
    }

    .kzf-mod-product-list p {
        line-height: 1.8;
    }
}

@media only screen and (max-width: 767px) {
    .kzf-mod-product {
        padding: 40px 0 0 0;
    }

    .kzf-mod-product-title {
        font-size: 26px;
    }

    .kzf-mod-product-brief {
        margin: 15px 0 25px 0;
    }

    .kzf-mod-product-list {
        margin-bottom: 40px;
    }

    .kzf-mod-product-list-title {
        font-size: 16px;
        margin: 20px 0 10px 0;
    }

    .kzf-mod-product-list p {
        line-height: 1.8;
    }
}

.kzf-mod-custom {
    padding: 90px 0;
    text-align: center;
    background: #11121C;
}

.kzf-mod-custom-title {
    font-size: 36px;
    color: #3c94f1;
}

.kzf-mod-custom-brief {
    color: #818181;
    margin: 20px 0 55px 0;
}

.kzf-mod-custom-content {
    overflow: hidden;
}

.kzf-mod-custom-list {
    width: 14.2%;
    float: left;
}

    .kzf-mod-custom-list img {
        transition: 0.3s all;
        -webkit-transition: 0.3s all;
        position: relative;
        top: 0;
    }

.kzf-mod-custom-list-title {
    color: #fff;
    font-size: 18px;
    margin: 25px 0 10px 0;
}

.kzf-mod-custom-list p {
    line-height: 2;
    color: #818181;
    padding: 0 15px;
    transition: 0.3s all;
    -webkit-transition: 0.3s all;
}

.kzf-mod-custom-list:hover img {
    top: 5px;
}

.kzf-mod-custom-list:hover p {
    color: #FAFAFA;
}

@media only screen and (max-width: 967px) {
    .kzf-mod-custom {
        padding: 60px 0 20px 0;
    }

    .kzf-mod-custom-title {
        font-size: 30px;
    }

    .kzf-mod-custom-brief {
        margin: 20px 0 40px 0;
    }

    .kzf-mod-custom-list {
        width: 25%;
        margin-bottom: 40px;
    }

    .kzf-mod-custom-list-title {
        font-size: 16px;
        margin: 20px 0 10px 0;
    }

    .kzf-mod-custom-list p {
        line-height: 1.8;
    }
}

@media only screen and (max-width: 767px) {
    .kzf-mod-custom {
        padding: 40px 0 0 0;
    }

    .kzf-mod-custom-title {
        font-size: 26px;
    }

    .kzf-mod-custom-brief {
        margin: 15px 0 25px 0;
    }

    .kzf-mod-custom-list {
        margin-bottom: 40px;
    }

    .kzf-mod-custom-list-title {
        font-size: 16px;
        margin: 20px 0 10px 0;
    }

    .kzf-mod-custom-list p {
        line-height: 1.8;
    }
}

@media only screen and (max-width: 479px) {
    .kzf-mod-custom-list {
        width: 33.333%;
    }

        .kzf-mod-custom-list img {
            width: 100px;
        }

        .kzf-mod-custom-list p {
            padding: 0 10px;
            font-size: 12px;
        }

    .kzf-mod-custom-list-last {
        float: none;
        animation-delay: inherit;
        visibility: visible;
        animation-name: inherit;
        -webkit-animation-fill-mode: inherit;
        animation-fill-mode: initial;
        margin-left: 50%;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
    }
}


.newtitle {
    height: 52px;
    border: 2px solid #006bb7;
    margin-bottom: 20px;
}

.newtwo {
    display: none;
}

.newone {
    padding-top: 38px;
    margin-left: -60px;
}

a.index_product_list.active {
    background: #006bb7;
    color: #fff;
}

    a.index_product_list.active .list_title {
        color: #fff;
    }

a.index_product_list .list_backimg img:nth-child(2) {
    display: none;
}

a.index_product_list.active .list_backimg img:nth-child(2) {
    display: inline-block;
}

a.index_product_list.active .list_backimg img:nth-child(1) {
    display: none;
}

.kh img {
}

.branch_bar {
    width: 696px;
    float: right;
    height: 409px;
    overflow: hidden;
    position: relative;
}

    .branch_bar .branch {
      width:3000px;
    }

        .branch_bar .branch li {
            float: left;
        }

            .branch_bar .branch li img {
                width: 696px;
            }

.prev {
    position: absolute;
    bottom: 6px;
    left: 300px;
    color: #fff;
    cursor: pointer;
}

.next {
    position: absolute;
    bottom: 6px;
    right: 300px;
    color: #fff;
    cursor: pointer;
}

    .prev img:nth-child(2), .next img:nth-child(1) {
        display: none;
    }

.prev.active img:nth-child(2) {
    display: block;
}

.prev.active img:nth-child(1) {
    display: none;
}

.next.active img:nth-child(1) {
    display: block;
}

.next.active img:nth-child(2) {
    display: none;
}

.footer .all_title2 .text {
    color: #fff;
}

.all_title2 {
    text-align: center;
    position: relative;
}

    .all_title2 .text {
        border-bottom: none;
    }

    .all_title2:before {
        content: "";
        position: absolute;
        left: 0;
        top: 36px;
        width: 28%;
        height: 1px;
        background: #b3b3b3;
    }

    .all_title2:after {
        content: "";
        position: absolute;
        right: 0;
        top: 36px;
        width: 28%;
        height: 1px;
        background: #b3b3b3;
    }

.footer .all_title2:before {
    width: 38%;
}

.footer .all_title2:after {
    width: 38%;
}

.aboutbox {
    background: #fff;
    padding: 50px 40px 60px;
    display: inline-block;
    width: 100%;
    box-sizing: border-box;
}

    .aboutbox .comabout {
        margin: 0 0 20px 15px;
        border: none;
    }

.abtwo {
    margin-left: -30px;
    margin-right: 30px;
}

.abmb {
    margin-bottom: 20px;
}

.abmb2 .comabout {
    margin-bottom: 10px;
}

.marketing_advantage .header_menu {
    float: right;
    margin-bottom: 40px;
}

    .marketing_advantage .header_menu li {
        float: left;
        padding-left: 25px;
        color: #666;
    }

        .marketing_advantage .header_menu li a {
            line-height: 36px;
            display: block;
        }

            .marketing_advantage .header_menu li a.active {
                border-bottom: 2px solid #ff6600;
            }

.head {
    position: relative;
}

    .head:before {
        content: "";
        position: absolute;
        width: 73%;
        height: 2px;
        background: #006bb7;
        left: 0;
        bottom: 0;
    }

    .head:after {
        content: "";
        position: absolute;
        width: 27%;
        height: 2px;
        background: #ff6600;
        right: 0;
        bottom: 0;
    }

.abcon {
    color: #ff6600;
}

#menu2 li.active a {
    color: #ff6600;
}

.abs_con {
    border-bottom: 2px solid #006bb7;
    line-height: 36px;
    margin-right: 80px;
}

    .abs_con a {
        cursor: pointer;
    }

.abs {
    padding: 20px 80px 0 0;
    line-height: 26px;
}

    .abs p {
        text-indent: 2em;
    }

.abs1 img, .abs2 img {
    width: 100%;
    margin: 20px 0;
}

.abs_menu {
    text-align: center;
    margin-top: -80px;
    height: 100%;
    /*position: relative;*/
}

    .abs_menu:before {
        content: '';
        width: 1px;
        height: 529px;
        z-index: 6;
        position: absolute;
        left: 0;
        top: 0;
        background: #ccc;
    }

    .abs_menu:after {
        content: '';
        width: 1px;
        height: 619px;
        z-index: 6;
        position: absolute;
        right: 0;
        top: 0;
        background: #ccc;
    }

.abs_t {
    color: #ebebeb;
    font-size: 22px;
    /* height: 125px; */
    line-height: 125px;
    background: #006bb7;
}

ul#menu2 li {
    line-height: 50px;
    text-align: left;
    font-size: 16px;
    margin-top: -1px;
    border: 1px solid #cccccc;
}


    ul#menu2 li a {
        display: block;
        padding-left: 20%;
        cursor: pointer;
        position: relative;
        overflow: hidden;
        z-index: 1;
    }


        ul#menu2 li a:before {
            content: "";
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            -webkit-transform: translate(-50%, -50%);
            width: 0;
            height: 100%;
            background: #f60;
            transition: 0.3s all;
            -webkit-transition: 0.3s all;
            z-index: -1;
        }

        ul#menu2 li a:hover:before {
            width: 100%;
        }

        ul#menu2 li a:hover {
            color: #fff;
        }


p.bigtitle {
    text-align: center;
    font-size: 22px;
    color: #006bb7;
    margin: 30px 10px 20px 0;
}

.yr {
    text-align: center;
    background: #006bb7;
    padding: 15px 0;
}

.yr2 {
    text-align: center;
    background: #e9f1f6;
    padding: 35px 0;
}

.absbox {
    display: none;
}

.marketing_advantage ul#menu {
    position: relative;
    cursor: pointer;
}

    .marketing_advantage ul#menu span {
        position: absolute;
        display: none;
        left: 0;
        top: 32px;
        width: 56px;
        height: 2px;
        background: #ff6600;
        z-index: 9;
        transition: 0.5s ease-in;
    }

ul#menu3 {
    margin: 0;
    position: relative;
    cursor: pointer;
    display: table;
}

    ul#menu3 li {
        float: left;
        padding-left: 25px;
        color: #666;
    }

#menu3 li.active a , #menu3 li:hover a{
    color: #fff;
    padding-bottom: 2px;
    border-bottom: 4px solid #EC6815;
}

ul#menu3 span {
    position: absolute;
    display: none;
    left: 0;
    top: 22px;
    width: 27px;
    height: 2px;
    background: #ff6600;
    z-index: 9;
    transition: 0.5s ease-in;
}

ul#newlist {
    margin-top: 40px;
    margin-right: 40px;
}

.new-img-box {
    border: 4px solid #cccccc;
    border-radius: 4px;
    margin: 8px;
}

 

.news_title {
    font-size: 16px;
    color: #000;
    margin: 6px 0 5px;
    font-weight: 600;
    padding: 0 15px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.new-text {
    height:63px;
    padding: 0 15px;
    font-size: 14px;
    color: #808080;
    word-break: break-all;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s;
}

    .new-text.mt {
        height:36px;
        margin-top: 8px;
        color: #b2b2b2;
        padding: 0 15px;
    }

ul#newlist li {
    border-bottom: 1px solid #ccc;
    display: table;
    margin: 16px 0;
}

.new-more-box {
    width: 100%;
    height: 42px;
    line-height: 42px;
    text-align: center;
    color: #fff;
    background: #006bb7;
}

    .new-more-box a {
        width: 100%;
        height: 42px;
        display: block;
        color: #fff;
    }

.new_logo2 {
    background: #ededed;
    margin: 45px 0 20px;
   padding: 30px;
}

#new_other_li {
    margin-top: 20px;
}

    #new_other_li li {
        position: relative;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        margin: 10px 0;
        padding-left: 20px;
        cursor: pointer;
    }

        #new_other_li li a:hover {
            color: #ff6600;
        }

        #new_other_li li:before {
            content: "";
            width: 8px;
            height: 8px;
            border-radius: 50%;
            background: #666;
            position: absolute;
            left: 2px;
            top: 7px;
        }

.new_other {
    padding: 20px 15px 50px;
    background: #ededed;
}

.new_other_t {
    border-bottom: 1px solid #ccc;
    line-height: 36px;
    font-size: 16px;
    padding-left: 10px;
}

.seemore {
    float: right;
    margin: 10px 0 40px;
}

    .seemore:hover {
        color: #f60;
        cursor: pointer;
    }

#toolui {
    float: right;
}

    #toolui li {
        margin-left: 20px;
    }

.zoombo {
    zoom: 0.9;
    transform: scale(0.9);
}

.hidden {
    display: none;
}

.lanren {
    overflow: hidden;
    margin-top: 25px;
    margin-right: 40px;
}

    .lanren ul.list {
        overflow: hidden;
        margin-bottom: 20px;
    }

        .lanren ul.list li {
         position: relative;
         z-index: 1;
         overflow: hidden;
         float: left;
         width: 100%;
         display: block;
         border-bottom: 1px solid #eee;
         padding: 15px 0;
         cursor: pointer;
        }

.article {
    padding: 30px 30px 20px 0;
}

.art_title {
    font-size: 18px;
    text-align: center;
    font-weight: bold;
}

.time_from {
    color: #b2b2b2;
    margin-top: 5px;
    text-align: center;
}

    .time_from span:first-child {
        margin-right: 20px;
    }

.summary {
    border: 1px solid #808080;
    padding: 10px;
    margin: 20px 0;
}

    .summary span {
        font-weight: bold;
    }
/*.article p{
	text-indent:2em;
}*/
.article img {
    margin: 30px 0;
    width: 100%;
}

.text_c {
    text-align: center;
}

.new-pre {
    margin-top: 30px;
}

    .new-pre:hover, .new-next:hover {
        color: #f60;
        cursor: pointer;
    }

    .new-pre a:hover, .new-next a:hover {
        color: #f60;
        cursor: pointer;
    }

.lanren ul.list li:hover {
    background: #eee;
}

.lightbox {
    position: fixed;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    z-index: 7;
    opacity: 0.3;
    display: block;
    background-color: rgb(0, 0, 0);
    display: none;
}

.pop, iframe {
    position: absolute;
    left: 50%;
    top: 0;
    width: 893px;
    height: 100%;
    margin-left: -446.5px;
    z-index: 9;
}

.servibox {
    background:#006cb7 url(../image/k_11.png) no-repeat top center;
    color: #fff;
    padding-top: 60px;
    height: 680px;
    box-sizing: border-box;
}

.ser {
    display: none;
    height: 330px;
    transition: 2s;
    transition: ease-in-out;
}

.serban {
    height: 260px;
    background: #006bb7;
}

.jban {
    clear: both;
    padding: 15px;
    box-sizing: border-box;
    background: #00a3af;
}

    .jban p, .jnbox p {
        color: #fff;
        font-size: 16px;
    }

.serban p:nth-child(1) {
    color: #a3bedd;
    font-size: 44px;
}

.rc {
    border-bottom: 1px solid #fff;
    margin-bottom: 36px;
    width: 280px;
    margin-top: 20px;
}

    .rc span {
        font-size: 30px;
        margin-right: 12px;
    }


.serban p:nth-child(2) {
    color: #fff;
    font-size: 22px;
}

.serban p:nth-child(3) {
    color: #fff;
    font-size: 18px;
    margin-top: 5px;
}

.jnbox {
    padding-top: 30px;
}

.ser1, .ser2, .ser3, .ser4, .ser5, .ser6, .ser7, .ser8 {
    transition: 2s ease-in-out;
}

.serban .ser_l {
    margin-top: 60px;
}

.ser1 {
    display: block;
}

.sermain {
    background: #ebebeb;
}

.smbox {
    background: #fff;
    display: inline-block;
    width: 100%;
}

#jnav li {
    border: 1px solid #fff;
    color: #fff;
    margin-left: -1px;
    margin-top: 15px;
    margin-bottom: 40px;
    float: left;
    cursor: pointer;
    width: 132px;
    height: 46px;
    line-height: 46px;
    text-align: center;
    border: 1px solid #ccc;
    position: relative;
}

    #jnav li.active {
        background: #f60;
        color: #fff;
    }

.jq {
    color: #fff;
    font-size: 14px;
    border: 1px solid #fff;
    padding: 30px;
    clear: both;
    display: none;
    margin-bottom: 50px;
}

.jq1 {
    display: block;
}

.jq .jt1 {
    font-size: 18px;
    border-bottom: 1px solid #fff;
    line-height: 36px;
    font-weight: bold;
}

.jq .jt2 {
    font-size: 16px;
    margin-top: 16px;
    font-weight: bold;
}

.jq p {
    line-height: 32px;
}

#jnav li:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    width: 0;
    height: 100%;
    background: #f60;
    transition: 0.3s all;
    -webkit-transition: 0.3s all;
    z-index: -1;
}

#jnav li:hover:before {
    width: 100%;
}

#jnav li:hover {
    color: #fff;
}

#sernav {
    margin-left: 5px;
}

    #sernav li {
        margin: 40px 0 60px;
        float: left;
        cursor: pointer;
        margin-left: 16px;
        width: 128px;
        height: 46px;
        line-height: 46px;
        text-align: center;
        border: 1px solid #ccc;
        border-radius: 24px;
        position: relative;
    }

        #sernav li.active {
            background: #f60;
            border: 1px solid #f60;
            color: #fff;
        }

        #sernav li:before {
            content: "";
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            -webkit-transform: translate(-50%, -50%);
            width: 0;
            height: 100%;
            background: #f60;
            transition: 0.3s all;
            -webkit-transition: 0.3s all;
            z-index: -1;
            border-radius: 24px;
        }

        #sernav li:hover:before {
            width: 100%;
        }

        #sernav li:hover {
            color: #fff;
            border: 1px solid #f60;
        }

.chtitle {
    font-size: 22px;
    text-align: center;
}

.engtitle {
    color: #b3b3b3;
    font-size: 18px;
    text-align: center;
}

.ser span:first-child {
    font-size: 24px;
    border-bottom: 2px solid #fff;
    padding-bottom: 8px;
    margin-right: 20px;
}

.sectit {
    margin-bottom: 60px;
}

.floatl {
    float: right;
    margin-bottom: 40px;
    margin-right: 10px;
}

.sect p {
    clear: both;
    padding: 0 10px;
}

.sectit span {
    float: left;
    line-height: 26px;
}

    .sectit span:nth-child(1) {
        font-size: 36px;
        font-weight: bold;
        color: #808080;
        margin-right: 3px;
    }

.twon {
    font-size: 22px !important;
}

.wq {
    clear: both;
    padding: 0 20px 40px;
    display: none;
}

.wq1 {
    display: block;
}

.sect {
    margin: 20px 0 40px;
    display: table;
}

.sectit span:nth-child(2) {
    font-size: 16px;
    border-bottom: 2px solid #f60;
}

.ser span:nth-child(2) {
    font-size: 18px;
    line-height: 24px;
    color: #b3b3b3;
    font-weight: bold;
}

.ser p {
    line-height: 26px;
    margin: 40px 0;
}

.secimg {
    text-align: center;
}

    .secimg img {
        width: 400px;
        height: 300px;
    }

.ser a {
    display: block;
    width: 130px;
    text-align: center;
    padding: 10px 15px;
    border: 1px solid #fff;
    border-radius: 25px;
    color: #fff;
}

#sermenu {
    clear: both;
    margin-top: 80px;
}

    #sermenu li {
        float: left;
        text-align: center;
        cursor: pointer;
        position: relative;
    }

        #sermenu li img {
            transition: 0.5s;
        }

        #sermenu li:hover img {
            transform: scale(0.9) translateY(-20px);
        }

        #sermenu li.li1:before {
            content: '';
            width: 0px;
            height: 0px;
            display: block;
            border-right: 20px solid transparent;
            border-left: 20px solid transparent;
            border-bottom: 20px solid #5567d7;
            position: absolute;
            right: 0;
            left: 0;
            margin: 0 auto;
            top: 0px;
            transition: 0.5s;
        }

        #sermenu li.li2:before {
            content: '';
            width: 0px;
            height: 0px;
            display: block;
            border-right: 20px solid transparent;
            border-left: 20px solid transparent;
            border-bottom: 20px solid #55a1d7;
            position: absolute;
            right: 0;
            left: 0;
            margin: 0 auto;
            top: 0px;
            transition: 0.5s;
        }

        #sermenu li:hover:before {
            opacity: 1;
            top: -28px;
        }

.span6.ser_r {
    text-align: center;
}

.egg ul {
    background: #ebebeb;
    padding: 15px 20px 30px;
    margin: 0 7px 70px;
}

    .egg ul li {
        /*padding: 0 15px 0 30px;
        line-height: 50px;*/
        padding :15px;
        border-bottom: 1px solid #cccccc;
    }

        .egg ul li:nth-child(7) {
            border-bottom: none;
        }

.com {
    cursor: pointer;
    transform: rotateY(0);
    transition: all 0.50s ease-in-out 0s;
}

    .com:hover {
    }

.fz img:nth-child(2) {
    display: none;
}

.fz:hover img:nth-child(2) {
    display: block;
}

.fz:hover img:nth-child(1) {
    display: none;
}

.fz {
    cursor: pointer;
    margin: 10px 5px;
}

#tophelp {
    height: 0px;
    text-align: center;
    color: #016cb7;
    font-size: 26px;
    border-bottom: 1px solid #dcdcdc;
    overflow: hidden;
    padding-left: 40%;
}

.tool span:nth-child(3), .tool span:nth-child(4) {
    cursor: pointer;
}

body {
    width: 100%;
    margin: 0 auto;
    zoom: 1;
}

.zoom-out, .zoom-in, #closetop {
    margin: 0 20px;
    float: left;
    border: 1px solid #016cb7;
    border-radius: 10px;
    padding: 2px 8px;
    margin-top: 8px;
    cursor: pointer;
}

    .zoom-out:hover, .zoom-in:hover, #closetop:hover {
        background: #016cb7;
        border: 1px solid #016cb7;
        color: #fff;
    }
  
    .ser a:hover {
    background: #f60;
    cursor: pointer;
    border: 1px solid #f60;
}
    .kzf-mod-new-container .kzf-mod-new-li .kzfmodnewbox {
    padding: 12px 10px;
}
    @media screen and (max-width: 1260px){
	#sernav li{
		margin-left:10px !important;
	}
	
}
@media screen and (max-width: 1200px){
	#sernav li{
		margin-left:16px !important;
		width:128px;
	}
	#sernav li:nth-child(8){
		margin-top:-20px !important;
	}
	
}
p.rc1 img {
    margin-top: -3px;
}
p.rc1 span {
    margin-left: 30px;
  }
p.rc1 {
    margin: -20px 0 30px;
}
.iplx,.cp2,.sj6,.logo22,.ig66,.ct2{
    display:none;
}
.divider {
  box-shadow: 0 1px 1px #292929;
    background-color: #000;
    border: 0;
    height: 1px;
    width: 100%;
    margin: 0;
}
.new-img-box{
    width:160px;
}
.nrn1{
    display:none;
} 
.adgg{
          display:none;
      }
.fbox {
    width: 100%;
    overflow-x: hidden;
}

/*Christmas*/
.christmas {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 900;
	background: rgba(0,0,0,0.8);
	background: #000\9;
	filter: alpha(opacity=80);
	margin: 0;
}

canvas {
	cursor: crosshair;
	display: block;
}
.snowdiv {
	position: fixed;
	z-index: 900;
	background: rgba(0, 0, 0, 0.98);
	background: #000\9;
	filter: alpha(opacity=98);
	height: 100%;
}
.sjchris{
    display:none;
}
.eb {
	position: absolute;
	width: 10px;
	height: 10px;
	margin: 0 auto;
	left: 0;
	right: 0;
	bottom: 50%;
	margin-bottom: -5px;
	z-index: 903;
}
.christime {
	z-index: 903;
	width: 160px;
	position: absolute;
	left: 340px;
	top: -410px;
	background: rgba(0,0,0,0.8);
	background: #000\9;
	filter: alpha(opacity=80);
	line-height: 35px;
	-moz-border-radius: 18px;
	-webkit-border-radius: 18px;
	border-radius: 18px;
	behavior: url(http://data.dimeno.com/skin/css/css/PIE.htc);
	color:#fff;
	text-align:center;
}
.ebcl {
	position: absolute;
	width: 48px;
	height:48px;
	left: 510px;
	top: -420px;
	background: url(../image/e8_03.png) no-repeat top center;
	z-index: 1003;
	cursor:pointer;
}
.ebl {
	position: absolute;
width: 1080px;
height:1080px;
	left: -540px;
	top: -540px;
	z-index: 904;
}
.ebl img{
width: 1080px;
height:1080px;
   -webkit-animation:run 6s linear 0s infinite;     
    animation:run 6s linear 0s infinite;     
}
.eb12 {
	position: absolute;
width:914px;
	height:851px;
	left: -457px;
	top: -427px;
	background: url(http://data.dimeno.com/skin/images/e02.png) no-repeat top center;
	z-index: 905;
}
 @-webkit-keyframes run{     
            from{     
                -webkit-transform:rotate(0deg);     
            }     
            to{     
                -webkit-transform:rotate(360deg);     
            }     
        } 
 @keyframes run{     
            from{     
                -webkit-transform:rotate(0deg);     
            }     
            to{     
                -webkit-transform:rotate(360deg);     
            }     
        }    
.eb11 {
	position: absolute;
	width: 660px;
	height: 193px;
	left: -330px;
	top: 220px;
	background: url(../image/e11.png) no-repeat top center;
z-index: 906;
}
.eb2 {
	position: absolute;
	width: 721px;
	height: 647px;
	margin-left: -360px;
	margin-top:-155px;
    left:50%;
    top:50%;
	background: url(../image/05.png) no-repeat top center;
    background-size:100% 100%;
	z-index: 905;
}
.eb22 {
	position: absolute;
	width: 302px;
	height: 232px;
	left:120px;
	top: -30px;
	background: url(../image/e9.png) no-repeat top center;
	z-index: 906;
}
.eb222 {
	position: absolute;
	width: 1950px;
	height: 567px;
	left: -970px;
	top: -50px;
	background: url(http://data.dimeno.com/skin/images/.png) no-repeat top center;
	z-index: 902;
}
.eb3 {
	position: absolute;
	width: 550px;
	height: 230px;
	left: -980px;
    top: 250px;
	background: url(../image/e3.png) no-repeat top center;
	z-index: 801;
}
.eb4 {
	position: absolute;
	width:550px;
	height: 230px;
	left: 400px;
	top: 250px;
	background: url(../image/e4.png) no-repeat top center;
	z-index: 801;
}
.eb33 {
	position: absolute;
	width:150px;
	height: 80px;
	left: -520px;
    top: -10px;
	background: url(../image/e33.png) no-repeat top center;
	z-index: 802;
}
.eb44 {
	position: absolute;
	width: 255px;
	height: 145px;
	left: 320px;
    top:6px;
	background: url(../image/e44.png) no-repeat top center;
	z-index: 906;
}
.eb5 {
	position: absolute;
	width: 302px;
	height: 388px;
	left: -155px;
    top: -480px;
	background: url(../image/e5.png) no-repeat top center;
	z-index: 904;
	/*-webkit-animation: lulu 3s infinite alternate;*/
animation: music-move 3s 3.3s infinite alternate ease-in-out;
  -webkit-animation: music-move 3s 3.3s infinite alternate ease-in-out;
  transform-origin: bottom;
  -webkit-transform-origin: bottom;
  
  
}
.eb8 {
	position: absolute;
	width: 550px;
	height: 550px;
	left: -275px;
	top: -370px;
	background: url(../image/e8.gif) no-repeat top center;
	z-index: 803;
	
}
.eb9 {
    position: absolute;
    width: 67px;
	height:38px;
	left:175px;
	top: -370px;
	transform: scale(0);
	animation: caidaoRotate .3s linear 2s 1 forwards;
	background: url(http://data.dimeno.com/skin/images/e22.png) no-repeat top center;
	z-index: 807;
}

.eb88{
	width: 216px;
	height: 288px;
	position: absolute;
	left: 380px;
	top: 130px;
	background: url(../image/e888.png) no-repeat top center;
	z-index:916;
	
}
.eb888{
	width: 284px;
	height: 275px;
	position: absolute;
	left: -680px;
	top: 120px;
	background: url(../image/e88.png) no-repeat top center;
	z-index:906;
	
}

@keyframes caidaoRotate {
 0% {
 transform: rotate(0deg) scale(3);
 left: -60px;
 top: 320px;
}
 60% {
 transform: rotate(-360deg) scale(1);
 left: -123px;
 top: -300px;
}
 80% {
 transform: rotate(-360deg) scale(1);
 left: -123px;
 top: -300px;
}
 100% {
 transform: rotate(-360deg) scale(1);
 left: -410px;
 top: 300px;
}
}

@-webkit-keyframes lulu {
0% {
-webkit-transform: translate(-10px, 0px);
}
100% {
-webkit-transform:translate(10px, 0px);
}
}

/*左右
*/
@keyframes grow
{
0% {  
  -webkit-transform: scale(0);
  transform: scale(0);
}
60% {  
  -webkit-transform: scale(1.15);
  transform: scale(1.15);
}
80% {  
  -webkit-transform: scale(0.95);
  transform: scale(0.95);
}
100% {
  -webkit-transform: scale(1);
  transform: scale(1);
}
}

@-webkit-keyframes grow /* Safari and Chrome */
{
0% {  
  -webkit-transform: scale(0);
  transform: scale(0);
}
60% {  
  -webkit-transform: scale(1.15);
  transform: scale(1.15);
}
80% {  
  -webkit-transform: scale(0.95);
  transform: scale(0.95);
}
100% {
  -webkit-transform: scale(1);
  transform: scale(1);
}
}
/*action*/
@keyframes hair-top-anim
{
0% { 
  opacity: 0;
  -webkit-transform:translate(-64px, 30px);
  transform:translate(-64px, 30px);
}
60% {  
  opacity: 1;
  -webkit-transform: rotate(0deg) translate(-64px, 30px);
  transform: rotate(0deg) translate(-64px, 30px);
}
80% {  
  opacity: 1;
  -webkit-transform: rotate(10deg) translate(-64px, -5px);
  transform: rotate(10deg) translate(-64px, -5px);
}
100% {  
  opacity: 1;
  -webkit-transform: rotate(0deg) translate(-64px, 0px);
  transform: rotate(0deg) translate(-64px, 0px);
}
}

@-webkit-keyframes hair-top-anim /* Safari and Chrome */
{
0% { 
  opacity: 0;
  -webkit-transform:translate(-64px, 30px);
  transform:translate(-64px, 30px);
}
60% {  
  opacity: 1;
  -webkit-transform: rotate(0deg) translate(-64px, 30px);
  transform: rotate(0deg) translate(-64px, 30px);
}
80% {  
  opacity: 1;
  -webkit-transform: rotate(10deg) translate(-64px, -5px);
  transform: rotate(10deg) translate(-64px, -5px);
}
100% {  
  opacity: 1;
  -webkit-transform: rotate(0deg) translate(-64px, 0px);
  transform: rotate(0deg) translate(-64px, 0px);
}
}

@keyframes music-move
{
0% { 
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
} 
33% {  
  -webkit-transform: rotate(5deg);
  transform: rotate(5deg);
}
66% {  
  -webkit-transform: rotate(-5deg);
  transform: rotate(-5deg);
}
100% {  
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}
}

@-webkit-keyframes music-move /* Safari and Chrome */
{
0% { 
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}
33% {  
  -webkit-transform: rotate(-1deg);
  transform: rotate(-1deg);
}
66% {  
  -webkit-transform: rotate(1deg);
  transform: rotate(1deg);
}
100% {  
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}
}

/*forums*/
.frbox {
	box-sizing: border-box;
	-moz-box-sizing: border-box; /* Firefox */
	-webkit-box-sizing: border-box; /* Safari */
	color: #fff;
	font-family: Microsoft YaHei, "微软雅黑";
}
.frtop {
	width: 100%;
	height: 80px;
	line-height: 80px;
	background: rgba(29,29,29,0.5);
	position: fixed;
	top: 0;
	left: 0;
	z-index: 10;
}
.fixfrtop{
	position: fixed;
	z-index: 99;
	height: 81px;
	top: 0;
}
.topbox{
	width: 80%;
	margin: 0 auto;
	min-width: 1000px;
	position: relative;
}
.f_nav{
	position: absolute;
	left: 34%;

}
.f_nav li{
	float: left;
	margin-right: 25px;
}
.f_nav li a{
	color: #fff;
	font-size: 18px;
}
.frlogo {
	position: absolute;
	top: 22px;
	left: 0;
}
.frtop span {
	position: absolute;
	top: 0px;
	right: 0;
	color: #fff;
	height: 80px;
	line-height: 80px;
	font-size: 18px;
}
.frtop span img {
	margin-left: 10px;
	vertical-align: text-bottom;
}
.frtop #er {
	position: absolute;
	left: 160px;
	top: 66px;
}
.fbanner{
	position: relative;
	height: 400px;
	margin-top: 80px;
	width: 100%;
}
.fbanner2 {
    position: relative;
    height: 953px;
    width: 100%;
    background: url('../image/computer2.png') no-repeat top center;
   margin-top: 80px; padding-top:525px;
}
.ztfw{
    width:835px;
    margin:0 auto;
    background: url('../image/02-01.png') no-repeat top left;
    position:relative;    padding-left: 38px;
    padding-top:36px;
    padding-bottom:36px;
}
.ztfw::before{
    content:"";
    width:2px;
    height:100%;
    background:#20b6be;
    position:absolute;
    left:36px;
    top:0;
}
.ztfw::after{
    content:"";
    height:2px;
    width:100%;
    background:#20b6be;  position:absolute;
    bottom:36px;
    left:0;
}
.fboxcote{ position: relative;
           padding-right:5%;
  
}
.fboxcote::after{   content:"";
    width:1px;
    height:100%;
    background:#20b6be;
    position:absolute;
    right:0%;
    top:4%;
  
}
.fls{
    color:#f6e028;
    font-size:20px;
    margin-left:15px;
}
#fzbox4,#fzbox5{
    text-align:center;
}
.jpcd{
  margin-top:20px;}
.jxsz{
     color:#f3e125;
    font-size:20px;
    line-height:42px;
    margin-top:20px;
}
.jxsz3{  color:#f3e125;
}
.tjxs1{
    background:#1fb6bd;
    padding:0 14px;
  width:50px;
  float:left;  color: #fff; line-height:70px;
}
.tjxs2{
   float:left;
   margin-left:20px;
   /*line-height:30px;*/    margin-top: 12px;
}
.tjxs {
    color: #333;
    /* padding: 5px 0; */
    height: 70px;
}
#fzbox5{
   line-height:30px;
}
#fzbox7{
  background:#001938;
}
.w650{
    width:600px;
    text-align:left;
    margin:20px auto -10px;
}
.w1000{
    width:1000px;
    text-align:left;
    margin:20px auto -10px;
}
.lxhw{
    padding:20px 0 50px 20px;
}
.lxhw2{
    text-align:center; padding:20px 0 0;
}
.fbanner3{
    display:none;
}
.f_nav2 {
    position: absolute;
    left: 24%;
}
 .tjxsc{
    background:#e1a300;
}
.tjxs6{
    color:#0575e5;
}
#fzbox7 .jxsz2 {
    line-height:30px;
    text-align: center;
}
.bmb{
    color:#c30000;
    text-decoration:underline;
}
.ztfw label {
    display: table;
    margin-bottom:15px;
}
.zzbg{
      background: url(../image/07-01.png) no-repeat center;
    color: #f5e226;
    font-size: 24px;
    line-height: 48px;
    margin-top: 30px;
    text-align: center;
}
.zzbg2{
 
   color:#c50001;
  
}

.fwnum{
    padding:10px 50px;
    color:#fff; background:#20b6be;
}
.fwnum2{
    padding:10px 50px;
    color:#fff; background:#e0a300
}
.ft_tit{
    text-align:center;
}
/*.fbanner2 img {
    position: absolute;
    top:160px;
    margin-left: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
    width:1384px;
  
}*/
 .zhaiyao .slimScrollDiv{
    float:right;
}
.zhaiyao{
 
    width:1025px;
    height:240px;
    margin:0 auto;
   
  
}
.zhaiyao1{
    float:right;
    color:#333;
    overflow:hidden;
    line-height:26px;
    font-size:16px;
    text-indent:2em;
}
.zjdx .span3{
    color:#fff;
    padding:60px 0 80px;
}
.zj{
    color:#fff;
    margin-top:10px;
}
.ag7-main {
	width: 100%;
	margin: 0 auto;
}
.ag7-bannerslide {
	position: relative;
}
.ag7-bannerslide .slidebox {
	position: relative;
	height: 480px;
}
.ag7-bannerslide .slidebox li{display:block; position: absolute; width:100%; height: 100%; left:0px; top:0px;}
.ag7-bannerslide a img{display:block; width: 100%;height: 100%; }
.ag7-bannerslide .slideinfo{width:100%; height: 90px; position: absolute; left:0px; bottom:0; background:rgba(0,0,0,0.5); z-index: 10;}
.ag7-bannerslide .slidetitle{height: 90px; color: #fff; float: left;}
.ag7-bannerslide .slidetitle h2{font-size: 26px;
	height: 50px;
	line-height: 60px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
	.ag7-bannerslide .slidetitle h3{font-size: 18px;}
	.ag7-bannerslide .slidelist{float:right;height:22px;width:250px; padding:9px 0; position: relative;}
	.ag7-bannerslide .slidelist ul{text-align: center;}
	.ag7-bannerslide .slidelist ul li{display: inline-block; margin:0 4px; width: 68px; height: 68px; cursor: pointer;}
	.ag7-bannerslide .slidelist .mask{width:72px; height: 72px; position: absolute; left: 49px; top:6px; background:url(../image/mask_03.png) no-repeat center center; display: block;}
	.f_title{
		font-size: 30px;
		/* height: 50px; */
		color: #434343;
		margin-top: 46px;
		margin-bottom: 30px;
	}
	.f_container{
		position: relative;
		width: 1000px;margin: 0 auto;

	}
	.condition{
		line-height: 36px;
		height: 36px;
		margin-bottom: 20px;

	}

	.condition label{
		text-align: center; line-height: 36px;
		display: block;	float: left;
		color: #fff;
		width: 100px; 
		height: 36px;
		font-size: 16px;
		background: #057CDE;
		border-radius: 36px;
	}

	.condition ul{
		float: left;
	}
	.condition ul li{
		color: #888;
		font-size: 14px;
		float: left;
		margin: 0 10px;line-height: 36px; height: 36px;
	}
	.condition ul li.active{
		color: #ff9600;
	}
	.f_one {
		margin-top: 38px;
	/*	margin-left: -20px;*/
	}
	.tis{
		color: 808080;
		text-align: center;
	}
	.goto{
		-moz-border-radius: 26px;
		-webkit-border-radius:26px;
		border-radius: 26px;
		border: 1px solid #d2d2d2;
		color: #ec6617;
		display: block;
		width: 100px;
		height: 36px;
		line-height: 36px;
		text-align: center;
		margin: 30px auto 0;
	}
	.fover{
		-moz-border-radius: 26px;
		-webkit-border-radius:26px;
		border-radius: 26px;
		border: 1px solid #d2d2d2;
		color: #fff;
		background: #d2d2d2;
		display: block;
		width: 100px;
		height: 36px;
		line-height: 36px;
		text-align: center;
		margin: 30px auto 0;
	}	
	.text-p{
		text-align: center;
		padding-bottom: 30px;
		margin-left: 20px;
		margin-bottom: 50px;
	}
	.morefor{
		text-align: center; line-height: 36px;
		display: block;
		color: #fff;
		width: 145px; 
		height: 36px;
		font-size: 16px;
		background: #02CB89;
		margin: 0 auto 50px;
		border-radius: 36px;
	}
	.fbox66{
		position: relative;
	}
	.cotbg{
		position: absolute;
		right: -100px;
		bottom:0;
		z-index: 1;
	}
	.fbox6{padding-top: 20px;
		background: #333333;
	}
	.ft_title{
		text-align: center;padding-bottom: 20px;
	}
	.cotall{
		position: relative;
		z-index: 2;
	}
	.ft_title h3{
		color: #fff;
		font-size: 30px;

	}
	.ft_title span{
		color: #666;
		font-size: 18px;
		position: relative;
	}
	.ft_title span:before{
		position: absolute;
		content: "";
		width: 42px;
		height: 2px;
		background: #ff6100;
		top: -3px;
		left: 50%;
		margin-left: -21px;
	}
	.cmain1{
		float: left;
		width: 33.3%;
		font-size: 18px;
		line-height: 36px;
		margin-bottom:40px;
	}
	.cmain1 img{
		margin-right: 10px;
	}
	.lastcmain{
		text-align: right;
	}
	.fbox1{
		text-align: center;  color: #333;
		position: relative;
	}
	.fbox1bg{
		position: absolute;
		top: 0;
		left: 50%;
		margin-left: -960px;
		max-width: 1920px;
		/*z-index: 2;*/
	}
	.fbox2{
		position: relative;    padding-top: 100px;
	}
	.fbox2bg{
		position: absolute;
		top: -70px;
	    left: 50%;
		margin-left: -960px;
		max-width: 1920px;
	}


	.ft_tit h3 {padding-top: 40px;
		font-size: 32px;
	}
	.ft_tit span{

		font-size: 16px;
		margin: 0 16px;
	}
	.f_de{
		margin: 40px;
		line-height: 30px;
		text-align: left;
		text-indent: 20px;
	}
	.fbox1{
		color: #333;    background: #e6e6e6;
	}
	.fbox2 .ft_title h3 {
		color: #333;
		font-size: 32px;
	}
	.fboxr {
    text-align: center;
    color: #333;
    position: relative;
}
	.fboxcot1{
		width: 50%;
		float: left;
		color: #333;
	}
	.fboxcot2{width: 49%;
		padding-left: 3%;
		box-sizing: border-box;
		-moz-box-sizing: border-box; /* Firefox */
		-webkit-box-sizing: border-box; /* Safari */
	}
	.fbox2 .fboxcot1:first-child{
		border-right: 1px solid #999;
	}
	.fbox2 .fboxcot1 .yhang label{
		font-weight: bold;
		width: 60px;
		margin-right: 15px;
		float: left;
		font-size: 16px;
	}
	.fbox2 .yhang{
		clear: both;
		margin: 15px;display: table;
		width: 100%;
	}
	.fbox2 .yhang span{
		width: 82%;
		float: left;
	}
.fbanner img{
    position: absolute;
	    left: 50%;
		margin-left: -960px;
		max-width: 1920px;
    }
	.fbox3 {
		position: relative;
		padding-top: 160px;
	}
	.fbox3bg{
		position: absolute;
		top: -110px;
	    left: 50%;
		margin-left: -960px;
		max-width: 1920px;
	}
	.fbox3 .fboxcot1 .yhang label{
		width: auto;color: #fff;
		font-weight: initial;    margin-right: 15px;
	}
	.fbox3 .yhang span{
		color: #fff;
	}
	.fbox3 .fboxcot1 .yhang label.manpre{
		color: #ec6617;
	}
	.fbox3 .fboxcot1{
		margin-top: 20px;
		border-left: 1px solid #fff;border-right:none;
	}
	.fbox3 .fboxcot1 .yhang{
		position: relative;
		margin: 25px 30px;
	}
	.fbox3 .fboxcot1 .yhang:before{
		position: absolute;
		content: "";
		width: 10px;
		height: 10px;
		background: #ec6617;
		-moz-border-radius: 50%;
		-webkit-border-radius:50%;
		border-radius: 50%;
		left: -35px;
		top: 8px;

	}
	.fbox3 .fboxcot1 .yhang:after{
		position: absolute;
		left: -39px;
		top: 4px;
		content: "";
		width: 18px;
		height: 18px;
		background: #ec661747;
		background:rgba(236, 102, 23, 0.28);
		-moz-border-radius: 50%;
		-webkit-border-radius:50%;
		border-radius: 50%;

	}
	.fbox3 .fboxcot2 {
		width: 41%;
		padding-left: 0;
		margin-left: 8%; 
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}
	.fbox3 .fboxcot2 .yhang:before{
		background: #0056d8;
	}
	.fbox3 .fboxcot2 .yhang:after{
		background: rgba(0, 86, 216, 0.3)
	}
	.fbox4 {
		position: relative;
		margin-top: 230px;
		margin-bottom: 30px;
	}
	.fbox4 .ft_title h3 {
		color: #333;
		font-size: 32px;
	}
	.fbox7 .ft_title h3 {
		color: #333;
		font-size: 32px;
	}
	.fbox7{
		margin-top: 50px;
	}
	.fbox7 img{
		margin-top: 20px;
	}

	.fbox8 .ft_title h3 {
		color: #333;
		font-size: 32px;
	}
	.fbox8{
		padding-top: 70px;
	}
	.dizhi{
		color: #ff9800;
		border-bottom: 1px solid #ff9800;
		line-height: 36px;
	}
	.fbox8 input{
		border: 1px solid #d2d2d2;
		padding:6px;width: 100%;
		margin-bottom: 5px;
	}
	.fbox8 .star{
		color: #ff0000;
	}
	.fbox8 .fboxcot2{
		padding-top: 30px;
	}
	.fbox8 .fboxcot2 p{
		line-height: 30px;
	}
	.fbox8 .submit{
		padding:2px 10px;
		color: #fff;
		width: 70px;
		background: #ec6617;
		margin: 0 auto;
		text-align: center;
		-moz-border-radius: 24px;
		-webkit-border-radius:24px;
		border-radius: 24px;
		display: block;
		margin-top: 20px;
		margin-bottom: 30px;
	}
	#dituContent{
		width: 100%;
		height：450px;
	}
	.iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}
	.iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}

	.ft_tit2{
		width: 256px;
		height: 90px;
		line-height: 90px;
		font-size: 26px;
		color: #fff;
		margin: 0 auto;
		padding: 50px 0 40px;
		background: url(../image/tt2.png) center no-repeat;

	}
	.coly{
		color: #fcc640;    margin: 10px 20px;font-size: 16px;
	}
	.xuanti .tinum label{
		width: 60px;
		height: 50px;
		color: #fff;
		margin-right: 10px;
		background: #004253;
		display: inline-block;
	}
	.xuanti .tinum span{	display: inline-block;
		width:550px;
		height: 50px;
		margin-right: 10px;	background: #004253;
		text-align: left;
		padding-left: 20px;
		-moz-box-sizing: border-box; 
		-webkit-box-sizing: border-box; 
		-o-box-sizing: border-box; 
		-ms-box-sizing: border-box; 
		box-sizing: border-box;
	}
	.tinum{
		font-size: 18px;
		width: 680px;
		margin:0 auto 8px;
		line-height: 50px;color: #fff;
		background: url(../image/a_16.png) center right no-repeat;
	}

	.zjlw{
		background: #004253;
		-moz-border-radius: 8px;
		-webkit-border-radius:8px;
		border-radius: 8px;
		padding: 50px 20px;
		text-align: left;
		line-height: 30px;
		font-size: 16px;
		color: #fff;

	}
	.arty{
		color: #ec6617;

	}
	.artime{
	width: 352px;
    height: 48px;
    background: url(../image/j_12.png) center no-repeat;
    display: inline-block;
    text-align: center;
    line-height: 48px;
	}
	.artx{
		text-decoration: underline;
	}
	.lwt{
		margin-bottom: 20px;
	}
	.lwt2{
		text-indent: 2rem;

	}
	.fartbg{
		height: 2660px;
		background: url(../image/k3.png) top center no-repeat;
	/*background-size: 100% 100%;*/
	}
	.fbottom {
	color: #999 !important;
	background: #000 !important;
	height: 90px;
	line-height: 90px;
	text-align: center;
	position: relative;
}
.fbottom .cp2{
	line-height: 24px;
	padding-top: 5px;
}
.ag7-bannerslide a img.fb2{
	display: none;
}.fb2{
	display: none;
}

 a.nrn {
    position: fixed;
    right: 0;
    top: 140px;
    z-index: 99;
}
a.nrn_1{
	position: fixed;
    right: 0;
    top: 240px;
    z-index: 99;
}
 .pxlc .fb1{
    width: 1000px;
    height: 508px;
    margin: 0 auto;
    position: relative;
}

  .pxlc .fb1 .x{
      position:absolute;
      top:50px;
      left:0;
      right:0;
      margin:0 auto;
 }
  .fj{
     position:absolute;
    /*top: -30px;
   right: -126px;*/
   -webkit-animation: xAxis 0s 1 ease-in;
   animation:xAxis  2.5s 1 ease-in;
   position:relative;
    top: -30px;
    right: -566px;
    }


 @-webkit-keyframes xAxis {
      0% {
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        top: 530px;
   right: 826px;
      }
       20% {
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
     top: 220px;
    right: 326px;
      }
        40% {
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
     top: 230px;
    right: 90px;
      }

     80% {
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    top: 50px;
    right: -126px;
      }
     100% {
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    top: -30px;
    right: -566px;
      }
    }

  @keyframes xAxis {
      0% {
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        top: 530px;
   right: 826px;
      }
       20% {
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
     top: 220px;
    right: 326px;
      }
        40% {
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
     top: 230px;
    right: 90px;
      }

     80% {
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    top: 50px;
    right: -126px;
      }
     100% {
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    top: -30px;
    right: -566px;
      }
    }





  .j1{
    position:absolute;
      top:90px;
      left:80px;  
}
.j2{
    position:absolute;
      top:240px;
      left:300px;  
}
.j3{
    position:absolute;
      top:0;
      left:480px;  
}
.j4{
    position:absolute;
   top: 166px;
    left: 670px;
}



  .pjbox{
      text-align:center;
      width:300px;
      line-height:30px;
  }
  .j1 img {
        margin-top: 20px;
    }
 .j3 img {
        margin-top: 20px;
    }

 .j2 img {
        margin-bottom: 20px;
    }
 .j4 img {
        margin-bottom: 20px;
    }
  .jp1{
      font-size:24px;
      color:#fcc640;
  }
  .jp2{
      font-size:16px;
      color:#ec6617;
  }

  .jp3{
      font-size:16px;
      color:#fcc640;
  }
  .f12{
      font-size:12px;margin-right: 20px;
  }

  .fzbox1{

   
    position: relative;

  }
  .topds2{
      margin:30px 0 20px;
  }

   .topds3{
      margin:80px 0 20px;
  }
.fbox2bg2 {
    position: absolute;
    top: -100px;
    left: 50%;
    margin-left: -960px;
    max-width: 1920px;
}
#fzbox3 .yhang {
  
    margin: 15px 0;
   
}
.fboxcote2{
    padding-left:5%;
}
 .topds3{
      margin:80px 0 20px;
  }.fbanner3 {
    display: none;
}

   .jpcd img:nth-child(2) {
    margin: 0 8px;
}
   .jpcd img:nth-child(3) {
    margin-right:8px;
}

.containers{
	max-width: 1200px;
	margin: 0 auto;
	position: relative;
}
.forbox{
	background: #1c1c88;
}
.forTop{
	position: fixed;
	width: 100%;
	height: 88px;
	background: rgba(29,29,29,0.5);	
	top: 0;
	left: 0;
	z-index: 11;
}
.fl{float: left;}
.fr{float: right;}
.clear:after{
	content: '';
	height: 0;
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
}
.forTop .logo{
    margin-top: 32px;
    margin-right: 130px;
}
.forTop .nav a{
	padding: 24px 20px 0;
	float: left;
	color: #fff;
	text-align: center;
}
.forTop a em{
	color: #a5a5a5;
	font-style: normal;
	font-size: 12px;
}
.all_wrap .containers{
	z-index: 10;
}
.all_wrap section img{margin: 0 auto;display: block;}
.all_wrap section h2{
	text-align: center;
	font-size: 30px;
	color: #fff;
	font-weight: normal;
	position: relative;
	padding-top: 140px;
	margin-bottom: 80px;
}
.all_wrap section h2:after{
	content: '';
	width: 30px;
	height: 4px;
	border-radius: 4px;
	background: #fe9601;
	position: absolute;
	bottom: -13px;
	left: 50%;
	margin-left: -15px;
}
.all_wrap #sec1 h2{
	margin-bottom: 60px;
}
.all_wrap{
	position: relative;
	background: url(../image/bg2.png) repeat-y;
	background-size: 100% auto;
	background-position: top center;
}
em{font-style:normal;}
#sec1{
	padding-top: 222px;
	position: relative;
}
#sec1 h2{
	padding-top: 170px;
}
#sec1 p{
	text-align: center;
	color: #58c7f6;
	line-height: 30px;
}
#sec2 div{
	width: 738px;
	height: 590px;
	margin: 70px auto 0;
	position: relative;
} 
#sec2 img{
	position: absolute;
}
#sec2 img:nth-of-type(1){
	top: 0;
	left: 0;
}
#sec2 img:nth-of-type(2){
	top: 0;
	right: 0;
}
#sec2 img:nth-of-type(3){
	top: 204px;
	left: 0;
}
#sec2 img:nth-of-type(4){
	top: 408px;
	left: 0;
}
#sec2 img:nth-of-type(5){
	top: 408px;
	right: 0;
}
.title_img{
	position: relative;
	z-index: 10;
}
.cir{
	position: absolute;
}
.cir1{
	left: 2px;
	top: 140px;
	animation: fly1 2.5s linear infinite;
}
.cir2{
	right: 60px;
	top: 292px;
	animation: fly2 3s linear infinite;
}
#sec3 ul{
	overflow: hidden;
}
#sec3 p{
	font-size: 12px;
	color: #fff;
}
#sec3 > p{
	padding: 0 5%;
}
#sec3 li{
	width: 50%;
	float: left;
}
#sec3 li div{width: 100%;padding-bottom: 20px;}
#sec3 li div:after{
	content: '';
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	overflow: hidden;
}
#sec3 li:nth-of-type(1){
	border-right: 2px solid #23289c;
}
#sec3 li:nth-of-type(2){
	padding-left: 98px;
}
#sec3 li span{
	color: #fff;
	font-weight: 700;
	font-size: 16px;
	padding-right: 19px;
	float: left;
    min-width: 76px;
}
#sec3 li em{
	color: #6a88ff;
	font-size: 14px;
	float: left;
}
.wrap_bg{
	width: 100%;
	background: url(../image/bg_head.png) no-repeat;
	background-size: 100% auto;
	position: relative;
}
@keyframes fly1{
	0%,100% {margin-top: 5px;}	
	25%,75% {margin-top: 20px;}	
	50% {margin-top: 30px;}	
}
@keyframes fly2{
	0%,100% {margin-top: -5px;}	
	25%,75% {margin-top: 5px;}	
	50% {margin-top: 20px;}	
}
#sec4 div{
	width: 468px;
	height: 44px;
	line-height: 44px;
	text-align: center;
	color: #58c7f6;
	margin: 0 auto 18px;
}
#sec4 div:nth-of-type(odd){
	background: url(../image/q1.png) no-repeat;
	background-size: 100% 100%;
}
#sec4 div:nth-of-type(even){
	background: url(../image/q2.png) no-repeat;
	background-size: 100% 100%;
}
#sec5 h3,.item6 h3{
	font-size: 22px;
	color: #58c7f6;
	font-weight: 400;
	padding-bottom: 80px;
	z-index: 10;
}
/*#sec5 h3:nth-of-type(2){
	padding-top: 70px;
}*/
#sec5 em,.item6 em{
	padding: 1px 10px;
	background: #2b35b3;
	color: #fff;
	border-radius: 22px;
	float: left;
	margin-right: 10px;
}
 .inv_all_wrap  .item6 div p{
	color: #fff;
}
#sec5 li,.item6 li{
	float: left;
	margin-bottom: 30px;
	position: relative;
	width: 100%;
}
/*#sec5 li:nth-of-type(odd){
	width: 695px;
	max-width: 695px;
}*/
#sec5 em,.item6 em{
	position: absolute;
	left: 0;
	top: 0;
}
#sec5 li div,.item6 li div{
	float: left;
	padding-left: 140px;
}
#sec5 p,.item6 p{
	color: #fff;
}
#sec5 span,.item6 span,.item6 b{
	color: #55bfef;
	font-size: 14px;
	font-weight: normal;
}
#sec6 p{
	text-align: center;
	color: #58c7f6;
	line-height: 36px;
}
.addr{
	padding: 0 42px 0 24px;
	border-right: 2px solid #173f99;
}
#addr{
	width: 472px;
	height: 364px;
	border-radius: 8px;
	margin: 0 auto;
}
#sec8 h4{
	color: #fff;
	font-size: 22px;
	padding-top: 16px;
}
#sec8 p{
	color: #6a88ff;
	font-size: 16px;
	line-height: 1.5;
}
.addr-desc{
	width: 550px;
	padding-left: 40px;
}
#sec9{
	padding-bottom: 168px;
}
.item9#sec3 li em{
	color: #58c7f6;
}
#sec9 .main_box{
	padding: 0 232px;
}
.contact_desc{
	padding-top: 22px;
}
.contact_desc p{
	padding-bottom: 8px;
	font-size: 16px;
	color: #fff;
}
.forTop a.nav_btn{
	display: none;
}

.invitebox .inv_all_wrap{
	background: #1c1c88 url(../image/bg3.png) repeat-y;
	background-size: 100% auto;
	background-position-y: 200px;
	padding-bottom: 140px;
}
.invitebox .inv_wrap_bg{
	background: url(../image/bg1.png) no-repeat;
    overflow: hidden;
	background-size: 100% auto;
	position: relative;
}
.inv_wrap_bg .c1{
	position: absolute;
	right: 0;
	top: 20px;
	width: 43px;
}
.inv_wrap_bg .c2{
	position: absolute;
	left: 0;
	top: 0;
	width: 98px;
}
.invitebox .inv_all_wrap p{
	color: #58c7f6;
	font-size: 13px;
	line-height: 2;
	padding: 0 18px;
}
.invitebox .inv_all_wrap .item6 p{
	padding-left: 0;
}
.invitebox .inv_all_wrap h2 {
	margin: 35px 0 17px;
	overflow: hidden;
	color: #fff;
}
.invitebox .inv_all_wrap h2 span{
	color: #fff;
	display: inline-block;
	float: left;
	height: 34px;
	line-height: 31px;
	width: 140px;
	padding-left: 18px;
	font-size: 15px;
	background: url(../image/bar.png) no-repeat;
	background-size: 100% 100%;
}
.item6 h2{font-size: 12px;line-height: 34px;}
/*#sec5  h2 span{
	background:none;
	width: auto;
	float: none;
	color: #fff;
	font-size: 14px;
}*/
.item1 p{
	text-indent: 2em;
}
.invite_btn{
	display: block;
	width: 80.5%;
	height: 54px;
	line-height: 54px;
	background: url(../image/btn.png) no-repeat;
	background-size: 100% 100%;
	position: fixed;
	bottom: 23px;
	left: 50%;
	transform: translateX(-50%);
	margin: 0 auto;
	color: #fff;
	font-weight: 700;
	text-align: center;
}
.invite_btn em{font-size: 12px;font-weight: 200;}
.item6 h2 font{
	color: #0887f7;
	font-size: 12px;
	line-height: 31px;
	padding-left: 12px;
}
.inv_all_wrap section p.tips{color: #0887f7;}
.item6 h3{
	color: #0887f7;
	font-size: 15px;
	font-weight: 700;
	position: relative;
	margin-top: 34px;
    z-index: 10;
}
.item6 h3.fir_h3{
	padding-top: 0;
}
/*.item6 h3:after{
	content: '';
	display: inline-block;
	width: 7px;
	height: 7px;
	background: #1c1c88;
	border: 1px solid #00ffff;
	border-radius: 7px;
	position: absolute;
    position: absolute;
    left: -20px;
    top: 7px;
    z-index: 2;
}*/
.item6 div {
	margin-left: 25px;
	padding-left: 15px;
	position: relative;
}
/*.item6 div:after{
	content: '';
	width: 1px;
	height: 100%;
	position: absolute;
    left: -1px;
	background: #0689f6;
    z-index: 1;
}*/
.item6 div:nth-of-type(1):after{top: 13px;}
.item6 div:nth-of-type(2):after{
	top: -25px;
	background: linear-gradient(#0689f6,#1a3ba5);
}
.item6 div:nth-of-type(3):after{
	top: -61px;
	background: linear-gradient(#1a3ba5,#20218a);
}
.item6 div span{
	display: inline-block;
	/*background: #304ffe;*/
	margin: 0px 0 15px;
	font-size: 13px;
	color: #55bfef;
	border-radius: 0 15px 15px 0;
	padding: 2px 6px 2px 0;
}
.item8 em{
	float: right;
	display: block;
	width: 100%;
	text-align: right;
	color: #58c7f6;
	font-size: 13px;
	line-height: 2;
	padding-right: 19px;
}
.item8 em:nth-of-type(1){
	padding-top: 62px;
}

.invi_banner{
	width: 100%;
	height: 194px;
	background: url(../image/bg21.png) no-repeat;
	background-size: 100% 100%;
	background-position: center center;
}
.invi_banner div{
	width: 90%;
	margin: 66px auto 0;
	background: url(../image/tittle_2.png) no-repeat;
	background-size: 100% 100%;
	background-position: center center;
    padding-bottom: 34px;
    position: relative;
}
.invi_banner div img{
	width: 90%;
	display: block;
	margin: 0 auto;
	position: relative;
	top: -8px;
}
.invi_banner div span{
	display: inline-block;
	width: 24px;
	height: 20px;
	background: url(../image/angle.png) no-repeat;
	background-size: 100% 100%;
	background-position: center center;
	position: absolute;
	left: 50%;
	transform: translateX(-12px);
	bottom: -28px;
	animation: angle 1s linear infinite;
}
@keyframes angle{
	0%,100%{bottom: -28px;}
	25%,75%{bottom: -20px;}
	50%{bottom: -18px;}
}
.invite_btn.off{
	opacity: 0.5;
}
.reply_bg{
	width: 100%;
	height: 256px;
	background: url(../image/reply_bg.png) no-repeat;
	background-size: 100% 100%;
	background-position: center center;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}
.reply_bg img{
	width: 80%;
	margin: 42px auto 0;
	display: block;
}
.replybox{
	background: #1c1c88 url(../image/bg4.png) repeat-y;
	background-size: 100% auto;
	background-position-y: 200px;
	padding-bottom: 35px;
}
.replybox .cont_wrap{
	width: 90%;
	margin: 0 auto;
	border: 1px solid #1875c8;
	border-radius: 25px;
	background: rgba(0,212,255,0.1);
	z-index: 10;
	margin-top: 120px;
	padding: 25px 0;
}
.replybox h2 span{
	width: 118px;
	height: 33px;
	line-height: 33px;
	padding-left: 34px;
	display: inline-block;
	background: url(../image/bar2.png) no-repeat;
	background-size: 100% 100%;
	background-position: center center;
	color: #fff;
	font-weight: 700;
	font-size: 12px;
}
.replybox section{
	padding: 0 30px 40px;
}
.replybox .cont_wrap label{
	color: #00ffff;
	font-size: 15px;
    position: relative;
    top: 2px;
    padding-left: 25px;
    padding-right: 60px;
    position: relative;
}
.inp_wrap.male_wrap{
	
}
.male_wrap article{
	display: inline-block;
	padding-left: 10px;
    line-height: 19px;
    vertical-align: top;
}

.box5 .radio_wrap1 label{
	display: block;
	padding-right: 0;
	margin-bottom: 10px;
}
.cont_wrap .inp_wrap article label{
	padding-left: 20px;
	padding-right: 20px;
}
.replybox .box3 p{
	position: relative;
	padding-left: 25px;
}
.replybox .box3 label.bl{
	display: block;
}
.replybox .cont_wrap input,.replybox .cont_wrap textarea{
	background: transparent;
	outline: none;
	border: 0;
	font-size: 15px;
	color: #fff;
	padding-left: 12px; 
    width: 80%;
}
.replybox .cont_wrap input::-webkit-input-placeholder,.replybox .cont_wrap  textarea::-webkit-input-placeholder{
    color:#129dff;
}
.replybox .cont_wrap input:-moz-placeholder,textarea:-moz-placeholder{
    color:#129dff;
}
.replybox .cont_wrap .inp_wrap,.male_wrap{
	border-bottom: 1px solid #1661b5;
	padding-bottom: 6px;
	margin-top: 16px;
}
.replybox .cont_wrap .inp_wrap em,.replybox .male_wrap  em{
	color: #ffa200;
	padding-right: 4px;
}
.replybox .cont_wrap .inp_wrap span,.replybox .male_wrap  span{
	color: #00ffff;
}
{
	
}
.replybox .box7 .inp_wrap{
	border-bottom: none;
}
.replybox .box7 .inp_wrap span{
	display: block;
}
.replybox .box7 .inp_wrap input{
	width: 100%;
	border-bottom: 1px solid #1661b5;
}
.replybox .box7 .inp_wrap span:nth-of-type(1){
	color: #fff;
}
.replybox .box7 .inp_wrap .title{
	margin-top: 10px;
}
.replybox .cont_wrap p.tips{
	color: #ffa200;
	font-size: 12px;
	padding: 18px 30px;
}
.replybox .cont_wrap textarea{
	width: 100%;
	height: 98px;
	margin-top: 15px;
	border: 1px solid #00ffff;
	padding: 10px;
}
.replybox .cont_wrap section h3{
	color: #fff;
	font-size: 15px;
	padding: 28px 0 12px;
}
.replybox .cont_wrap .box3 h3:nth-of-type(2),.replybox .cont_wrap .box5 article:nth-of-type(1) h3{
	padding-top: 0;
}
.replybox .box3 p{
	color: #fff;
}
.replybox .box3 span{
	color: #129dff;
	font-size: 12px;
	padding-bottom: 20px;
	display: block;
}
.replybox .box3 .checkbox{
	padding-bottom: 20px;
}
.replybox .invite_btn{
	position: static;
	left: auto;
	bottom: auto;
	transform: none;
	margin-top: 22px;
}

.replybox p.radio:after,.replybox label.radio:after{
	content: '';
	display: inline-block;
	width: 14px;
	height: 14px;
	border: 1px solid #00ffff;
	position: absolute;
	left: 0;
	top: 3px;
	border-radius: 14px;
}
.replybox p.radio.on:before,.replybox label.radio.on:before{
    content: '';
    display: inline-block;
    width: 8px;
    height: 8px;
    background: #fff100;
    /* border: 1px solid #00ffff; */
    position: absolute;
    left: 4px;
    top: 7px;
    border-radius: 14px;
}
.replybox p.checkbox:after,.replybox label.checkbox:after{
	content: '';
	display: inline-block;
	width: 14px;
	height: 14px;
	border: 1px solid #00ffff;
	position: absolute;
	left: 0;
	top: 2px;
}
.replybox p.checkbox.on:before,.replybox label.checkbox.on:after{
	content: '';
	display: inline-block;
	width: 14px;
	height: 14px;
	background: #fff100;
	border: 1px solid #00ffff;
	position: absolute;
	left: 0;
	top: 2px;
}
.replay_1{
	font-size: 24px;
	color: #fff;
	text-align: center;
	padding-top: 100px;
}
.replay_2{
	font-size: 18px;
	color: #fff;
	padding-top: 4px;
	text-align: center;
}
.replay_3{
	font-size: 13px;
	color: #ea9724;
	line-height:1.5;
	padding: 20px 36px;
	text-align: center;
	padding-bottom: 100px;
}
.box6 .inp_wrap input{
	width: 100%;
	padding-left: 0;
}
#hotelTime{
	display: none;
}
.item6#sec5 h3{
     padding-bottom: 44px;
}
.item6#sec5 div{
	width: 100%;
	margin: 0 auto;
}
.item6#sec5 div p.tips{
	padding-top: 20px;
	color: #0887f7;
}
#sec8 .addr{
	width: 550px;
}
#sec8 .addr p{
	margin-bottom: 20px;
}
#sec8 p{
	line-height: 1.8;
}
.item6 span{
	margin-bottom: 0;
}
#sec6_add{
	width: 100%;
	overflow: hidden;
}
.forum_news_list{
	width: 50%;
	float: left;
}
.forum_news_list li{
	width: 85%;
	margin: 0 auto;
	border-bottom: 2px solid #173f99;
	overflow: hidden;
	padding:35px 0 25px;
}
.forum_news_list li:nth-last-child(1){
	border-bottom: 0;
}
.forum_news_list li a{
	display: inline-block;
	width: 100%;
}
.forum_news_list img{
	width: 160px;
	height: 120px;
	float: left;
}
.forum_news_list div{
	width: 68%;;
	padding-left: 14px;
	float: right;
}
.forum_news_list h5{
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	max-width: 100%;
	width: 100%;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.forum_news_list p{
	color: #6a88ff;
	font-size: 14px;
	padding: 8px 0;
	line-height: 1.6;
	/*isplay: -webkit-box; 
	-webkit-box-orient; 
	text-overflow: ellipsis; 
	overflow : hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;*/
	/*position: relative; line-height: 17px; max-height: 40px;overflow: hidden;*/
	
}
/*.forum_news_list p::after{content: "..."; position: absolute; bottom: 0; right: 0; padding-left: 40px;
}*/
.forum_news_list span{
	color: #58c7f6;
	font-size: 13px;
    display: inline-block;
}
.forum_news_list a{
	display: inline-block;
}
#sec1_add .video-js{
	margin: 0 auto;
}
.txMovie{
	display: block;
}
#mob_certify{
	display: none;
	width: 100%;
	height:310px;
}
.abs {
            padding: 0;
            display: none;
            float:left;
            margin-left: 115px;
        }
		.abs1{
			display: block;
		}
        .aboutbox {
            padding: 50px 36px 60px;
        }

        .abs_con {
            margin-right: 0px;
        }

        .abs1 img, .abs2 img {
            width: initial;
            margin: 0;
        }
        
.contact-info{
	width: 460px;
	height: 340px;
	float: right;
	background: url(../image/kuang.png) no-repeat center center;
	background-size: 100% 100%;
	padding-left: 30px;
	margin-right: 15px;
	box-sizing: border-box;
}
.contact-info h2{
	font-size: 18px;
	color: #006BB8;
	margin:75px 0 15px -50px;
}
.contact-info p{
	font-size: 14px;
	color: #888888;
	line-height: 2;
}
.contact-info a{
	color: #EC6815;
	line-height: 2;
}
.city-info{
	float: left;
	background: #EBF8FF;
	width: 653px;
	padding: 95px 67px;
	box-sizing: border-box;
}
.city-select{
	float: left;
	background: #006BB8;
	padding: 47px 66px;
	width: 328px;
}
.city-info span{
	color: #EC6815;
	font-size: 24px;
}
.city-info span.city-name{
	color: #0068B7;
}
.city-info p{
	font-size: 14px;
	color: #595757;
}
.city-info-wrap{
	overflow: hidden;
}
.city-select li{
	padding: 15px 28px;
}
.city-select a{
	color: #99CCFF;
}
.adr{
	display: none;
}
.adr1{
	display: block;
}
.logo.nonono{
	display: none;
}
@media only screen and (min-width: 768px) {
	.invi_banner{
		display: none;
		padding-top: 20px;
	}
	.item1{
		padding-top: 20px;
	}
}
@media only screen and (max-width: 1200px) {
	#sec5.item6 h3{
		padding-left: 0;
	}
	.item6#sec5 h3{
		padding-bottom: 20px;
	}
	#sec8 .addr{
		width: 100%;
	}
	#sec8 .addr h4,#sec8 .addr p{
		padding: 0 10px;
	}
	.containers{
		max-width: 100%;
	}
	#sec1 h2 {
	    padding-top: 80px;
	}
	#sec1{
		padding-top: 150px;
	}
	.all_wrap section img {
		max-width: 90%;
	}
	.all_wrap section h2{
		font-size: 20px;
		padding-top: 30px;
		margin-bottom: 30px;
	}
	#sec2 div{
		max-width: 90%;
	    height: 620px;
	}
	#sec1 p{
		font-size: 13px;
		line-height: 22px;
		max-width: 90%;
		margin: 0 auto;
		padding-bottom: 10px;
	}
	#sec2 img:nth-of-type(1){
		width: 44.72%;
		top: 0;
		left: 0;
	}
	#sec2 img:nth-of-type(2){
		width: 56.91%;
		top: 0;
		right: 0;
	}
	#sec2 img:nth-of-type(3){
		width: 100%;
		top: 204px;
		left: 0;
		max-width: 100%;
	}
	#sec2 img:nth-of-type(4){
		width: 57.45%;
		top: 408px;
		left: 0;
	}
	#sec2 img:nth-of-type(5){
		width: 44.30%;
		top: 408px;
		right: 0;
	}
	#addr{
		width: 95%;
	    height: 240px;
	}
	#sec9 .main_box{
		padding: 0;
	}
	.addr{
		width: 100%;
		padding: 0;
	}
	#sec3 li{
		width: 100%;
	}
	#sec3 li:nth-of-type(2){
		padding-left: 0;
	}
	#sec3 li:nth-of-type(1) {
	    border: none;
	}
	.forTop div{
		width: 100%;
		background: rgba(29,29,29,0.9);
	}
	.forTop .nav{
		display: none;
	}
	.forTop .nav a{
		width: 100%;
		background: rgba(29,29,29,0.9);
		border-bottom: 1px solid #C2CCD1;
		padding: 8px 20px 8px;
	}
	.forTop a:nth-last-child(1){border: 0;}
	.forbox #tophelp{display: none;}
	.forTop .logo{
		margin: 16px 0 16px 5%;
	}
	.forTop{height: 68px;}
	#sec3 li div{max-width: 90%;margin: 0 auto;padding-bottom: 10px;}
	#sec4 div{
		max-width: 90%;
	}
	#sec5{
		padding: 0 5%;
	}
	#sec5 h3, .item6 h3{
		padding-bottom: 30px;
		font-size: 16px;
	}
	.inv_wrap_bg .item6 h3{
		margin-top: 16px;
	}
	.item6 h3{
	    padding-left: 5%;
	}
	#sec5 h3:nth-of-type(2), .item6 h3:nth-of-type(2){
		padding-top: 0;
		padding-bottom: 20px;
	}
	.cir1 {
    	left: 19px;
    	top: 110px;
    }
    #sec5 em, .item6 em{
    	padding: 1px 10px;
    	font-size: 14px;
	    margin-left: 5%;
    }
    #sec5 em{
		margin-left: 0;
    }
    #sec5 li, .item6 li{padding-bottom: 20px;    padding-top: 40px;max-width: 100%;margin-bottom: 0;}
    #sec5 li:nth-of-type(odd), .item6 li:nth-of-type(odd){
		width: 695px;
		max-width: 100%;
	}
    #sec5 p, .item6 p{font-size: 14px;}
    #sec5 li div, .item6 li div{width: 100%;padding-left: 0;margin: 0;padding: 0 5%;}
    #sec3 li em{
    	width: 80%;
    }
    .addr-desc{
    	max-width: 100%;
    	padding: 0 5%;
    }
    #sec8 h4 {
	    font-size: 16px;
	    padding: 10px 0;
	}
	#sec8 p{font-size: 14px;}
	#sec9{
		padding: 0 5%;
	}
	.all_wrap #sec9 img{
		float: none;
	}
	#sec6{padding: 0 5%;}
	.forTop a.nav_btn{
		display: block;
		position: relative;
		z-index: 10;
		float: right;
		width: 30px;
		height: 40px;
		margin-top: 18px;
		position:absolute;
		right:20px;
		top:-4px;
	}
	.forTop a.nav_btn:after{
		display: block;
		content:'';
		z-index: 11;
		box-shadow: 0 10px 0 2px #fff,0 20px 0 2px #fff,0 30px 0 2px #fff;
	}
	.item6#sec5 div{max-width:100% ;padding-left: 0;padding-right: 0;}
}
@media only screen and (max-width: 768px) {
	#sec2 div{height: 630px;}
	#sec2 img:nth-of-type(3){top: 190px;}
	#sec2 img:nth-of-type(4){top: 380px;}
	#sec2 img:nth-of-type(5){top: 380px;}
	#sec1_add .video-js{
		width: 90%;
		height: 200px;
	}
	.forum_news_list{
		width: 100%;
	}
	.forum_news_list div {
	    width: 65%;
	    padding-left: 10px;
	}
	.forum_news_list img {
	    width: 35%;
	    height: 90px;
	    float: left;
	}
	.forum_news_list p{
		line-height: 1.8;
		padding: 4px 0;
		font-size: 12px;
	}
	.forum_news_list li {
	    padding: 20px 0 13px;
        width: 90%;
	}
	.forum_news_list:nth-of-type(1) li:nth-last-child(1){
		border-bottom: 2px solid #173f99;
	} 
	.forum_news_list h5{font-size: 14px;}
	.forum-list .list{
		max-width: 85%;
		margin: 0 auto;
	}
	.frlogo{left: 2%;}
}
@media only screen and (max-width: 720px) {
	#sec2 div{height: 530px;}
	#sec2 img:nth-of-type(3){top: 174px;}
	#sec2 img:nth-of-type(4){top: 347px;}
	#sec2 img:nth-of-type(5){top: 347px;}
}
@media only screen and (max-width: 650px) {
	#sec2 div{height: 530px;}
	#sec2 img:nth-of-type(3){top: 164px;}
	#sec2 img:nth-of-type(4){top: 327px;}
	#sec2 img:nth-of-type(5){top: 327px;}
}
@media only screen and (max-width: 560px) {
	#sec2 div{height: 430px;}
	#sec2 img:nth-of-type(3){top: 139px;}
	#sec2 img:nth-of-type(4){top: 278px;}
	#sec2 img:nth-of-type(5){top: 278px;}
	.wrap_bg{background: none}
}
@media only screen and (max-width: 520px) {
	#sec2 div{height: 430px;}
	#sec2 img:nth-of-type(3){top: 123px;}
	#sec2 img:nth-of-type(4){top: 246px;}
	#sec2 img:nth-of-type(5){top: 246px;}
	.txMovie{
	display: none;
	}
	#mob_certify{
		display: block;
	}
	#mob_certify img{
		max-width: 100%;
	}
}
@media only screen and (max-width: 414px) {
	#sec2 div{height: 330px;}
	#sec2 img:nth-of-type(3){top: 102px;}
	#sec2 img:nth-of-type(4){top: 204px;}
	#sec2 img:nth-of-type(5){top: 204px;}
	#sec6 p {
	    font-size: 14px;
	    line-height: 28px;
	}
	#sec3 li span{font-size: 15px;}
	.contact_desc p{font-size: 13px;}
}
@media only screen and (max-width: 375px) {
	#sec2 div{height: 300px;}
	#sec2 img:nth-of-type(3){top: 93px;}
	#sec2 img:nth-of-type(4){top: 186px;}
	#sec2 img:nth-of-type(5){top: 186px;}
	#mob_certify {
	    height: 288px;
	}
}
@media only screen and (max-width: 325px) {
	#sec2 div{height: 240px;}
	#sec2 img:nth-of-type(3){top: 80px;}
	#sec2 img:nth-of-type(4){top: 160px;}
	#sec2 img:nth-of-type(5){top: 160px;}
	.replybox section{
		padding: 0 25px 20px;
	}
	.replybox .cont_wrap p.tips{
		padding: 18px 20px;
	}
	/*.replybox .cont_wrap label{
		padding-right: 50px;
	}*/
	.replybox .cont_wrap input, .replybox .cont_wrap textarea{
		width: 78%;
	}
	#mob_certify{
		height: 247px;
	}
}