* {
    box-sizing: border-box;
    outline: 0;
}

body {
    color: #666;
    font-size: 13px;
    line-height: 24px;
    font-family: "Microsoft YaHei","arial";
    background-color: #fff;
    min-width: 1260px;
}

@font-face {
    font-family: "Walkway Condensed SemiBold";
    src: url("../font/Walkway Condensed SemiBold.woff2") format("woff2"),url("../font/Walkway Condensed SemiBold.woff") format("woff"),url("../font/Walkway Condensed SemiBold.ttf") format("truetype"),url("../font/Walkway Condensed SemiBold.eot") format("embedded-opentype"),url("../font/Walkway Condensed SemiBold.svg") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "avgr45w";
    src: url("../font/avgr45w.woff2") format("woff2"),url("../font/avgr45w.woff") format("woff"),url("../font/avgr45w.ttf") format("truetype"),url("../font/avgr45w.eot") format("embedded-opentype"),url("../font/avgr45w.svg") format("svg");
}

a {
    color: #666;
    outline: none;
    text-decoration: none;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
}

    a:hover {
        color: #ce272e;
    }

input {
    -webkit-appearance: none;
}

textarea {
    -webkit-appearance: none;
}

body, div, span, h1, h2, h3, h4, h5, h6, p, em, img, strong, b, small, u, i, center, dl, dt, dd, ol, ul, li, sub, sup, tt, var, del, dfn, ins, kbd, q, s, samp, strike, applet, object, iframe, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, blockquote, pre, a, abbr, acronym, address, big, cite, code, mark, audio, video, input, textarea, select {
    margin: 0;
    padding: 0;
}

ol, ul {
    list-style: none;
}

img {
    border: 0;
    max-width: 100%;
    vertical-align: middle;
}

table {
    border-collapse: collapse;
    width: 100%;
}

input[type='reset'], input[type='button'], input[type='submit'], input[type='radio'] {
    cursor: pointer;
    outline: none;
}

input[type='checkbox'], input[type='radio'] {
    position: relative;
    vertical-align: middle;
    margin-top: -2px;
    margin-bottom: 1px;
    margin-left: 5px;
    margin-right: 5px;
}

textarea, input[type='email'], input[type='date'], input[type='password'], input[type='text'], input[type='button'] {
    padding: 0;
    color: #666;
    margin: 0;
    outline: none;
}

.vcenter {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    display: block;
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    vertical-align: middle;
}

.clearfix:after {
    clear: both;
    height: 0;
    content: "";
    line-height: 0;
    font-size: 0;
    display: block;
}

.container {
    width: 1166px;
    margin: 0 auto;
}

.nav {
    height: 80px;
}

    .nav .logo {
        float: left;
    }

    .nav ul {
        padding-left: 280px;
    }

    .nav li {
        float: left;
        margin-left: 1px;
        padding: 0 26px;
        line-height: 80px;
        position: relative;
        background: url(../images/arrow.jpg) no-repeat center bottom;
    }

        .nav li > a {
            color: #333;
            font-size: 15px;
            font-weight: bold;
            display: inline-block;
            -webkit-transition-duration: 0s;
            transition-duration: 0s;
        }

        .nav li .subnav {
            left: 0;
            top: 80px;
            z-index: 999;
            width: 100%;
            display: none;
            padding: 10px 0;
            padding-bottom: 15px;
            text-align: center;
            position: absolute;
            border-bottom: solid 3px #ce272e;
            background-color:#fff;
            background-color: rgba(255,255,255,0.96);
        }

            .nav li .subnav:before {
                content: "";
                width: 1px;
                height:95%;
                left: 20px;
                top: 10px;
                position: absolute;
                background: rgba(226,54,61,0.25);
            }

            .nav li .subnav > a {
                display: block;
                padding: 5px 10px 5px 30px;
                line-height: 24px;
                font-size: 14px;
                font-weight: normal;
                position: relative;
            }

                .nav li .subnav > a:after {
                    content: "";
                    width: 5px;
                    height: 5px;
                    left: 18px;
                    top: 14px;
                    border-radius: 100%;
                    position: absolute;
                    background: #e2363d;
                }

                .nav li .subnav > a:before {
                    content: "";
                    width: 0;
                    height: 0;
                    right: 0;
                    top: 0;
                    display: none;
                    position: absolute;
                    border-top: 7px solid #fff;
                    border-left: 7px solid transparent;
                }

                .nav li .subnav > a:hover {
                    color: #fff;
                    background: #ce272e;
                }

                    .nav li .subnav > a:hover:after {
                        background: #fff;
                    }

                    .nav li .subnav > a:hover:before {
                        display: block;
                    }

        .nav li:hover > a, .nav li.active > a {
            color: #ce272e;
        }

        .nav li:hover .subnav {
            display: block;
        }

        .nav li:hover > a {
            background: url(../images/arrow-hover.jpg) no-repeat center bottom;
        }

    .nav .navmenu {
        background: #f6f7f9;
        background: rgba(255,255,255,0.96);
        width: 100%;
        min-height: 240px;
        overflow: hidden;
        position: absolute;
        left: 0;
        top: 80px;
        padding: 70px 0;
        display: none;
        z-index: 20;
    }

        .nav .navmenu .container {
            position: relative;
        }

        .nav .navmenu .gb {
            top: -35px;
            right: -40px;
            z-index: 9;
            position: absolute;
        }

        .nav .navmenu .li-1 {
            width: 816px;
            float: left;
            font-size: 14px;
            line-height: 20px;
        }

        .nav .navmenu .t1 {
            border: 0;
            font-size: 18px;
            color: #535252;
            border-top: solid 1px #eaecee;
        }

            .nav .navmenu .t1 legend {
                padding: 0 20px;
            }

        .nav .navmenu dl {
            margin-top: 35px;
            width: 204px;
            float: left;
            min-height: 225px;
            padding: 0 10px 0 10px;
            border-left: solid 1px #ececec;
overflow:hidden;
        }

            .nav .navmenu dl dt {
                font-size: 16px;
            }

                .nav .navmenu dl dt > a {
                    font-weight: bold;
                    color: #000;
                    display: block;
                }

                    .nav .navmenu dl dt > a:hover {
                        color: #ce272e;
                    }

            .nav .navmenu dl dd {
                margin-bottom: 20px;
            }

                .nav .navmenu dl dd a {
                    display: block;
                }

        .nav .navmenu .li-2 {
            width: 320px;
            float: right;
        }

            .nav .navmenu .li-2 legend {
                margin-left: 60px;
            }

            .nav .navmenu .li-2 dl {
                margin-left: 70px;
            }

            .nav .navmenu .li-2 dd > a {
                color: #333;
            }

                .nav .navmenu .li-2 dd > a:hover {
                    color: #ce272e;
                }

        .nav .navmenu .li-3 {
            width: 100%;
        }

            .nav .navmenu .li-3 dl {
                min-width: 220px;
            }

.home-search {
    height: 120px;
    padding-top: 30px;
    padding-left: 165px;
}

    .home-search .inputfrom {
        border: 0;
        color: #666;
        width: 567px;
        font-size: 16px;
        padding: 15px 20px;
        border-radius: 3px;
        background: #f2f2f2;
    }

    .home-search .button {
        border: 0;
        color: #fff;
        height: 50px;
        margin-left: -5px;
        line-height: 50px;
        vertical-align: top;
        padding: 0 50px;
        font-size: 20px;
        background: #ce272e;
        border-bottom-right-radius: 2px;
        border-top-right-radius: 2px;
    }

.home-bg {
    padding: 50px 0 60px 0;
    background: #f2f2f2;
}

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

    .home-title h3 {
        font-weight: bold;
        font-size: 30px;
        line-height: 40px;
    }

.home-application {
    height: 486px;
    margin-top: 50px;
    padding-top: 50px;
    overflow: hidden;
    background: url(../images/bg.jpg) no-repeat top center;
}


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

#box{width:100%; overflow:hidden; position:relative; height: 274px;}
#box ul{width:100000px; overflow:hidden; list-style:none; padding:0; margin:0;}


.home-application .scorll {
    margin-top: 50px;
}

    .home-application .mask {
        width: 274px;
        height: 274px;
        float: left;
        margin: 0 10px;
        padding-top:30px;
        text-align: center;
        position: relative;
        overflow: hidden;
        transition:all 0.4s ease-out;
        background-color: #ce272e;
        background: rgba(205,39,46,0.85);
    }

        .home-application .mask:hover {
        	padding-top:5px;
            background: url(../images/red-bg2.png) repeat-x;
        }
        .home-application .mask:hover .box{display: block;}
        .home-application .mask:hover .title{
        	height:36px;
        	margin-top:0;
        	font-size:18px;
        	line-height:36px;
        }

        .home-application .mask a {
            color: #fff;
            /*width: 100%;
            height: 100%;*/
            /*font-size: 14px;*/
            display: block;
        }

        .home-application .mask span {
           display:inline-block;
           width: 130px;
           height: 130px;
           position: relative;
        }
		.home-application .mask span .i1-h{
			display: none;
		}
		.home-application .mask:hover span .i1{
			display: none;
		}
		.home-application .mask:hover span .i1-h{
			display: block;
		}
        .home-application .mask .title {
            height: 50px;
            font-size: 18px;
            line-height: 50px;
            overflow: hidden;
            margin-top:15px;
        }
        
        .dw{
        	bottom:50px;
        	left:0;
        	width:100%;
        	z-index: 9;
        	position: absolute;
        } 
        .home-application .box{
        	 line-height: 22px;
        	 /*height: 88px;*/
        	 display: none;
        }
		.home-application .box em{font-style:normal;}

    .home-application .slick-prev, .home-application .slick-next {
        width: 35px;
        height: 35px;
        border: 0;
        margin-top: -185px;
    }

    .home-application .slick-prev {
        left: auto;
        right: 53px;
        background: url(../images/left-btn.png) #333;
    }

    .home-application .slick-next {
        right: 18px;
        background: url(../images/right-btn.png) #333;
    }
     .home-application li:hover .dw{
     	bottom:10px;
    	background-color: #ce272e;
        background: rgba(205,39,46,0.85);
    }

        .home-application .slick-prev:hover, .home-application .slick-next:hover {
            background-color: #ce272e;
        }

.home-column {
    padding: 50px 0;
}

    .home-column .title {
        color: #333;
        font-size: 18px;
        font-weight: bold;
        margin-bottom: 20px;
        padding-bottom: 10px;
        position: relative;
        border-bottom: solid 1px #ce272e;
    }

        .home-column .title:after {
            content: "";
            left: 0;
            bottom: 0;
            width: 74px;
            height: 2px;
            position: absolute;
            background-color: #ce272e;
        }

        .home-column .title .more {
            float: right;
            font-size: 12px;
            font-weight: normal;
        }

            .home-column .title .more span {
                color: #fff;
                width: 13px;
                height: 13px;
                text-align: center;
                display: inline-block;
                line-height: 13px;
                border-radius: 100%;
                background: #ce272e;
            }

    .home-column .box {
        color: #333;
        font-size: 14px;
    }

        .home-column .box img {
            margin-right: 15px;
        }

        .home-column .box p {
            text-indent: 2em;
        }

.home-about {
    width: 557px;
    float: left;
}

.home-news {
    font-size: 14px;
    width: 557px;
    float: right;
}

    .home-news li {
        height: 25px;
        line-height: 25px;
        overflow: hidden;
        padding: 0 30px 0 10px;
        background: #f4f4f4;
        margin-top: 1px;
    }

        .home-news li a {
            display: inline-block;
        }

        .home-news li span {
            color: #aeaeae;
            float: right;
            font-family: arial;
        }

        .home-news li:hover {
            background: #ce272e;
        }

            .home-news li:hover a, .home-news li:hover span {
                color: #fff;
            }

    .home-news dl {
        margin-bottom: 10px;
    }

    .home-news dt {
        width: 291px;
        float: left;
    }

        .home-news dt .time {
            width: 66px;
            float: left;
            color: #fff;
            line-height: 20px;
            padding: 7px 0;
            font-family: arial;
            text-align: center;
            background: #ce272e;
            position: relative;
        }

            .home-news dt .time:after {
                content: "";
                width: 100%;
                height: 3px;
                left: 0;
                bottom: -10px;
                position: absolute;
                background: #ce272e;
            }

        .home-news dt .font36 {
            font-size: 36px;
            line-height: 36px;
        }

        .home-news dt .pic {
            width: 220px;
            height: 145px;
            float: right;
            position: relative;
        }

    .home-news dd {
        width: 244px;
        float: right;
    }

        .home-news dd h3 {
            font-size: 14px;
            height: 40px;
            line-height: 40px;
            overflow: hidden;
            -webkit-transition: all .3s ease-out;
            transition: all .3s ease-out;
        }

            .home-news dd h3 a {
                color: #333;
                display: block;
            }

        .home-news dd p {
            height: 60px;
            overflow: hidden;
            line-height: 20px;
            font-size: 13px;
            color: #656565;
        }

        .home-news dd .more {
            margin-top: 15px;
            color: #b6b6b6;
            font-size: 13px;
            display: inline-block;
        }

    .home-news dl dd:hover h3 > a, .home-news dl dd:hover .more {
        color: #ce272e;
    }

.footer {
    color: #454545;
    font-size: 14px;
    padding: 30px 0;
    background: #f6f6f6;
    border-top: solid 40px #f2f2f2;
}

    .footer .leftsidebar {
        width: 50%;
        float: left;
        color: #898989;
        font-size: 12px;
    }

    .footer .rightsidebar {
        text-align: right;
    }

.bd_weixin_popup {
    box-sizing: content-box !important;
    -webkit-box-sizing: content-box !important;
    -moz-box-sizing: content-box !important;
}

.banner {
    width: 100%;
    display: block;
    height: 549px;
    overflow: hidden;
    position: relative;
    text-align: center;
}

    .banner .pic {
        width: 100%;
        height: 549px;
        overflow: hidden;
    }

        .banner .pic span {
            display: block;
            width: 1600px;
            left: 50%;
            height: 549px;
            position: relative;
            text-align: center;
            margin-left: -800px;
        }

    .banner .slick-dots li button {
        width: 12px;
        height: 12px;
        cursor: pointer;
        background: #aeaeae;
        vertical-align: top;
        -webkit-transition: all .3s ease-out;
        transition: all .3s ease-out;
    }

    .banner .slick-dots li.slick-active button {
        background: #ce272e;
    }

    .banner .slick-dots {
        width: 1260px;
        left: 50%;
        margin-left: -630px;
        text-align: center;
        bottom: 55px;
    }

.page-banner {
    width: 100%;
    height: 380px;
    overflow: hidden;
    position: relative;
}

    .page-banner .pic {
        left: 50%;
        top: 0;
        width: 1920px;
        height: 380px;
        position: absolute;
        margin-left: -960px;
    }

.page-bg {
    min-height: 500px;
    background: url(../images/page-bg.jpg) no-repeat top center #f9f9f9;
}

.page-bg-2 {
    min-height: 500px;
    background: url(../images/page-bg-2.jpg) no-repeat top center #f9f9f9;
}

.page-current {
    padding: 17px 0 0 0;
    border-bottom: solid 1px #dbdbdb;
}

    .page-current p {
        float: right;
        width: 30%;
        height: 24px;
        line-height: 24px;
        font-size: 12px;
        text-align: right;
        overflow: hidden;
        margin-top: 10px;
    }

        .page-current p span {
            color: #ce272e;
        }

        .page-current p img {
            margin-right: 5px;
        }

.page-title {
    width: 415px;
    text-align: center;
    margin: 50px auto;
    background: #fff;
    height: 100px;
    padding-top: 30px;
}

    .page-title .tit01 span {
        color: #333;
        padding: 0 10px;
        font-size: 24px;
        height: 24px;
        vertical-align: top;
        overflow: hidden;
        display: inline-block;
    }

    .page-title .tit02 {
        height: 24px;
        margin-top: 5px;
        overflow: hidden;
        font-family: arial;
        color: #adadad;
        font-size: 15px;
    }

.page-menu {
    width: 70%;
    float: left;
}

    .page-menu span {
        padding-bottom: 10px;
        margin-right: 3px;
        display: inline-block;
    }

        .page-menu span a {
            color: #525252;
            width: 140px;
            font-size: 15px;
            text-align: center;
            display: inline-block;
            height: 36px;
            padding: 0 5px;
            line-height: 36px;
            overflow: hidden;
            border-radius: 30px;
        }

        .page-menu span:hover, .page-menu .active {
            background: url(../images/page-line.png) no-repeat center bottom;
        }

            .page-menu span:hover > a, .page-menu .active > a {
                background: #ce272e;
                color: #fff;
            }

.list-about {
    font-size: 14px;
    padding-bottom: 100px;
}

    .list-about .text01 {
        font-size: 16px;
        color: #333;
        padding-bottom: 10px;
    }

    .list-about .text02 {
        line-height: 30px;
        padding-left: 20px;
        background: url(../images/page-ico2.jpg) no-repeat left 10px;
    }

    .list-about .list {
        padding: 35px;
        margin-top: 30px;
        border-radius: 10px;
        border: solid 1px #eee;
    }

        .list-about .list li {
            width: 20%;
            float: left;
            text-align: center;
        }

            .list-about .list li p {
                margin-top: 10px;
                font-size: 16px;
            }

.list-news dl {
    overflow: hidden;
    background: #fff;
    margin-bottom: 15px;
    padding: 26px 0 26px 20px;
}

    .list-news dl:hover dd .box h3 > a {
        font-weight: bold;
    }

    .list-news dl:hover dd {
        width: 800px;
        padding-left: 40px;
    }

.list-news dt {
    width: 331px;
    height: 180px;
    float: left;
    position: relative;
}

.list-news dd {
    width: 810px;
    float: left;
    font-size: 14px;
    padding-left: 30px;
    -webkit-transition: all .4s ease-out;
    transition: all .4s ease-out;
}

.list-news .box {
    width: 630px;
    float: left;
}

    .list-news .box h3 {
        height: 40px;
        font-size: 18px;
        overflow: hidden;
        line-height: 40px;
    }

        .list-news .box h3 a {
            color: #333;
            display: block;
            font-weight: normal;
        }

    .list-news .box p {
        height: 48px;
        overflow: hidden;
    }

    .list-news .box .more {
        margin-top: 30px;
        padding-top: 10px;
        border-top: dotted 1px #e5e5e5;
    }

.list-news .time {
    width: 67px;
    float: left;
    margin-top: 35px;
    margin-left: 50px;
    color: #777;
    font-size: 20px;
    font-family: "avgr45w";
    text-align: center;
}

    .list-news .time p:first-child {
        color: #999;
        font-size: 52px;
        line-height: 60px;
        margin-bottom: 10px;
        border-bottom: solid 1px #e5e5e5;
    }

.list-news-show {
    padding: 30px;
    background: #fff;
    margin-top: 50px;
    font-size: 14px;
    line-height: 26px;
    padding-bottom: 80px;
}

    .list-news-show .list {
        margin-top: 20px;
        margin-bottom: 60px;
    }

        .list-news-show .list dt {
            width: 120px;
            height: 120px;
            color: #fff;
            float: left;
            padding: 10px 27px;
            text-align: center;
            font-family: arial;
            font-size: 16px;
            background: #ce272e;
            font-family: "avgr45w";
        }

            .list-news-show .list dt p:first-child {
                font-size: 52px;
                line-height: 60px;
                font-weight: normal;
                margin-bottom: 5px;
                border-bottom: solid 1px #e69397;
            }

        .list-news-show .list dd {
            width: 900px;
            float: left;
            padding-left: 25px;
        }

            .list-news-show .list dd h1 {
                font-size: 20px;
                color: #ce272e;
                margin: 20px 0 10px 0;
            }

            .list-news-show .list dd p {
                color: #999;
                font-size: 12px;
            }

.list-page-news {
    margin-top: 70px;
    padding: 20px 0;
    border-top: solid 1px #e5e5e5;
    border-bottom: solid 1px #e5e5e5;
}

    .list-page-news li {
        height: 40px;
        line-height: 40px;
        overflow: hidden;
    }

.list-xg-news li {
    height: 40px;
    line-height: 40px;
    overflow: hidden;
    background: url(../images/page-ico2.jpg) no-repeat left 15px;
}

    .list-xg-news li a {
        display: block;
        padding-left: 15px;
    }

    .list-xg-news li span {
        color: #999;
        font-size: 13px;
        float: right;
        padding-left: 50px;
        font-family: arial;
    }

.list-xg-news .tit {
    padding: 15px 0;
    font-size: 20px;
    color: #ce272e;
}

.list-contact {
    padding-bottom: 60px;
}

    .list-contact .list {
        padding-top: 40px;
        padding-bottom: 30px;
        border-bottom: solid 1px #e5e5e5;
    }

        .list-contact .list li {
            float: left;
            width: 25%;
            text-align: center;
        }

            .list-contact .list li img {
                width: 90px;
                height: 90px;
                line-height: 90px;
                border-radius: 100%;
                background: #ce272e;
            }

            .list-contact .list li h3 {
                color: #000;
                margin-top: 25px;
                font-size: 16px;
            }

            .list-contact .list li p {
                line-height: 20px;
                margin-top: 10px;
            }

.list-service {
    font-size: 15px;
    padding-bottom: 80px;
}

.list-support {
    padding-bottom: 20px;
}

    .list-support ul {
        width: 1190px;
        margin-left: -15px;
    }

    .list-support li {
        float: left;
        width: 365px;
        height: 343px;
        background: #fff;
        margin: 15px;
        font-size: 15px;
        padding: 20px 30px 20px 20px;
        border: solid 1px #eaeaea;
    }

        .list-support li .time {
            color: #333;
            font-family: "avgr45w";
            padding-bottom: 10px;
            border-bottom: solid 1px #eaeaea;
        }

            .list-support li .time .n1 {
                font-size: 36px;
                line-height: 40px;
            }

            .list-support li .time .n2 {
                font-size: 17px;
            }

        .list-support li .text01 {
            color: #333;
            height: 30px;
            margin-top: 40px;
            font-weight: normal;
            overflow: hidden;
            line-height: 30px;
            font-size: 18px;
        }

        .list-support li .text02 {
            color: #999;
            height: 60px;
            margin-top: 10px;
            overflow: hidden;
            line-height: 30px;
        }

        .list-support li .text03 {
            margin-top: 20px;
            line-height: 36px;
            background: url(../images/service_03.png) no-repeat left top;
        }

            .list-support li .text03 a {
                color: #999;
                padding-left: 45px;
                display: inline-block;
            }

        .list-support li:hover {
            border-color: #ce272e;
            background: #ce272e;
        }

            .list-support li:hover .time {
                color: #fff;
                border-color: #d24e53;
            }

            .list-support li:hover .text01 {
                color: #fff;
            }

            .list-support li:hover .text02 {
                color: #e6abac;
            }

            .list-support li:hover .text03 {
                background: url(../images/service_05.png) no-repeat left top;
            }

                .list-support li:hover .text03 > a {
                    color: #fff;
                }

.list-app {
    padding-bottom: 55px;
}

    .list-app ul {
        width: 1200px;
        margin-left: -15px;
    }

    .list-app li {
        width: 370px;
        height: 280px;
        float: left;
        margin: 15px;
        position: relative;
    }

        .list-app li a {
            display: block;
        }

            

        .list-app li .pic {
            width: 370px;
            height: 280px;
            position: relative;
        }

        .list-app li .mask {
            left: 0;
            bottom: 0;
            width: 100%;
            color: #fff;
            padding: 0 20px;
            text-align: center;
            position: absolute;
            background: #ce272e;
            background: rgba(206,39,46,0.9);
        }

            .list-app li .mask h3 {
                font-size: 18px;
                height: 55px;
                line-height: 55px;
                overflow: hidden;
                font-weight: normal;
                color:#fff;
            }

                .list-app li .mask h3 img {
                    margin-top: 2px;
                    vertical-align: top;
                    max-height:46px;
                }


            .list-app li .mask p {
                font-size: 14px;
                line-height: 22px;
                height: 0;
                opacity: 0;
                overflow: hidden;
                display: none\9;
                -webkit-transition: all .4s ease-out;
                transition: all .4s ease-out;
            }
                .list-app li .mask p em {
                font-style:normal;
                }
                
                
        .list-app li:hover .mask{padding-bottom: 20px;}
        .list-app li:hover .mask p{
            opacity: 1;
            height: 88px;
            display: block\9;
        }

.list-app-show {
    margin-top: 50px;
    line-height: 26px;
    font-size: 14px;
    padding: 65px 30px;
    padding-right: 60px;
    background: #fff;
}

    .list-app-show h1 {
        font-size: 20px;
        font-weight: normal;
        margin: 20px 0;
    }

.list-xg-app {
    padding: 50px 0;
    padding-bottom: 70px;
}

    .list-xg-app .tit {
        padding: 15px 0;
        font-size: 20px;
        color: #ce272e;
    }

    .list-xg-app ul {
        width: 1190px;
        margin-left: -5px;
overflow:hidden;
    }

    .list-xg-app li {
        width: 186px;
        float: left;
        margin: 0 5px;
padding-bottom:10px;
    }

        .list-xg-app li .mask {
            padding: 10px;
            width: 186px;
            height: 170px;
            text-align: center;
            border-radius: 3px;
            background: #fff;
            border: solid 1px #ccc;
            display: table;
        }

            .list-xg-app li .mask .pic {
                width: 160px;
                height: 100px;
                position: relative;
            }

            .list-xg-app li .mask .tit01 {
                font-size: 14px;
                line-height: 20px;
                height: 40px;
                overflow: hidden;
                display: table-cell;
                vertical-align: middle;
            }

        .list-xg-app li .textbox {
            width: 186px;
            margin-top: 15px;
            background: #fff;
            border-radius: 3px;
            padding: 10px;
            display: table;
            border: solid 1px #ccc;
            text-align: center;
        }

            .list-xg-app li .textbox p {
                font-size: 14px;
                height: 40px;
                line-height: 20px;
                overflow: hidden;
                display: table-cell;
                vertical-align: middle;
            }

.list-join .table {
    border: 0;
    text-align: left;
    margin-top: 33px;
}

    .list-join .table tr, .list-join .table td, .list-join .table th {
        border: 0;
        height: 55px;
        font-size: 14px;
        line-height: 55px;
        overflow: hidden;
        font-weight: normal;
        padding-left: 50px;
        border-bottom: solid 1px #e2e2e2;
    }

    .list-join .table th {
        font-size: 16px;
        padding-left: 30px;
        border-top: solid 2px #e2e2e2;
    }

    .list-join .table td > a {
        display: inline-block;
    }

    .list-join .table tr:hover {
        background: #ce272e;
    }

        .list-join .table tr:hover td, .list-join .table tr:hover td > a {
            color: #fff;
        }

    .list-join .table tr:first-child {
        background: none;
    }

.list-join-2 {
	width:930px;
	margin:0 auto;
    padding-bottom: 80px;
    
}

    .list-join-2 .list {
        color: #333;
        font-size: 18px;
        border-radius: 3px;
        padding: 15px;
        margin-top: 15px;
        border: solid 1px #e6e6e6;
    }

        .list-join-2 .list li {
            float: left;
            width: 33.33%;
            padding: 0 15px;
        }

            .list-join-2 .list li span {
                width: 62px;
                height: 62px;
                margin-right: 15px;
                border-radius: 100%;
                display: inline-block;
                background: #d2d2d2;
            }

                .list-join-2 .list li span img {
                    -webkit-transition: all .3s ease-out;
                    transition: all .3s ease-out;
                }

            .list-join-2 .list li:hover span img {
                -webkit-transform: rotate(360deg);
                -ms-transform: rotate(360deg);
                transform: rotate(360deg);
            }

.list-honor {
    padding-bottom: 70px;
}

    .list-honor .box {
        margin: 0 15px;
    }

        .list-honor .box a {
            width: 100%;
            height: 100%;
            position: relative;
            display: block;
        }

            .list-honor .box a:after {
                    left: 0;
     top:0;
     opacity:0;
     content:"";
     width: 100%;
     height: 100%;
     position: absolute;
     background: url(../images/bg.png);
            }

        .list-honor .box span {
            top: 50%;
            left: 50%;
            z-index: 3;
            opacity: 0;
            margin-left: -15px;
            margin-top: -15px;
            text-align: center;
            position: absolute;
        }

        .list-honor .box a:hover span, .list-honor .box a:hover:after {
            opacity: 1;
        }

        .list-honor .box .pic {
            padding: 6px;
            width: 265px;
            height: 194px;
            background: #fff;
            position: relative;
            border: solid 1px #d0d0d0;
        }

        .list-honor .box .tit {
            width: 245px;
            margin: 0 10px;
            height: 55px;
            font-size: 15px;
            line-height: 55px;
            overflow: hidden;
            padding-left: 18px;
            border: solid 1px #d0d0d0;
            border-top: 0;
        }

    .list-honor .slick-prev, .list-honor .slick-next {
        width: 30px;
        height: 30px;
        margin-top: -40px;
    }

    .list-honor .slick-prev {
        left: -50px;
        border: 0;
        background: url(../images/left-prev.jpg) no-repeat;
    }

    .list-honor .slick-next {
        right: -50px;
        border: 0;
        background: url(../images/right-next.jpg) no-repeat;
    }

.list-bearimg {
    padding-bottom: 70px;
}

    /*.list-bearimg ul {
        width: 1300px;
        margin-left: -60px;
    }*/

    .list-bearimg .items {
        width: 360px;
        height: 211px;
        margin: 0 10px;
        display: inline-block;
        margin-bottom: 20px;
        position: relative;
    }

        .list-bearimg .items .pic {
             width: 360px;
       		 height: 211px;
            position: relative;
        }

        .list-bearimg .items .mask {
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            color: #fff;
            opacity: 0;
            display: none\9;
            text-align: center;
            position: absolute;
            background: #ce272e;
            background: rgba(204,39,45,0.8);
        }

            .list-bearimg .items .mask p {
                font-size: 20px;
                height: 30px;
                line-height: 30px;
                overflow: hidden;
                position: absolute;
                top: 50%;
                width: 100%;
                padding: 0 15px;
                text-align: center;
                margin-top: -15px;
            }

        .list-bearimg .items:hover .mask {
            opacity: 1;
            display: block;\9
        }
        .list-bearimg .slick-prev{
        	width: 30px;
        	height: 30px;
        	left:-50px;
        	border: 0;
        	background: url(../images/left-prev.jpg) no-repeat;
        }
        .list-bearimg .slick-next{
        	width: 30px;
        	height: 30px;
        	right:-30px;
        	border: 0;
        	background: url(../images/right-next.jpg) no-repeat;
        }

    .list-bearimg .li-1 {
        width: 412px;
        height: 510px;
        margin-left: 0;
    }

        .list-bearimg .li-1 .pic {
            position: relative;
            width: 412px;
            height: 510px;
        }

.list-message {
    font-size: 14px;
    background: #fff;
    position: relative;
    padding: 60px 36px 280px 14px;
}

    .list-message li {
        margin-top: 15px;
    }

        .list-message li p {
            float: left;
            width: 33.33%;
            padding-left: 22px;
            position: relative;
        }

            .list-message li p em {
                top: 10px;
                left: 35px;
                font-style: normal;
                position: absolute;
            }

        .list-message li input, .list-message li select, .list-message li textarea {
            padding: 9px;
            border: 0;
            width: 100%;
            font-size: 14px;
            padding-left: 20px;
            background: #f9f9f9;
            font-family: "Microsoft YaHei";
            border: solid 2px #f9f9f9;
        }

            .list-message li input:focus, .list-message li select:focus, .list-message li textarea:focus {
                border: solid 2px #ce272e;
            }

    .list-message .t1, .list-message .t2 {
        margin-left: 22px;
    }

    .list-message .t2 {
        color: #f00;
        margin-bottom: 30px;
    }

    .list-message .button {
        color: #fff;
        width: 200px;
        font-weight: bold;
        margin-left: 40px;
        background: #ce272e;
    }

.list-history-1 {
    background: #fff;
}

    .list-history-1 .box {
        padding-right: 60px;
    }

    .list-history-1 .scorll-pic {
        width: 437px;
        height: 343px;
        float: left;
        padding: 35px 0 0 35px;
        background: url(../images/hbg.jpg) no-repeat;
    }

        .list-history-1 .scorll-pic .pic {
            width: 402px;
            height: 266px;
            position: relative;
        }

        .list-history-1 .scorll-pic .slick-dots {
            z-index: 999;
            bottom: 60px;
            right: 20px;
            text-align: right;
        }

            .list-history-1 .scorll-pic .slick-dots li button {
                width: 9px;
                height: 9px;
                background: none;
                border: solid 1px #f9f9f9;
            }

            .list-history-1 .scorll-pic .slick-dots li.slick-active button {
                background: #fff;
            }

    .list-history-1 .box-text {
        width: 607px;
        float: right;
        padding-top: 20px;
    }

        .list-history-1 .box-text time {
            color: #ce272e;
            font-family: "avgr45w";
            font-size: 38px;
            line-height: 50px;
        }

        .list-history-1 .box-text h3 {
            font-size: 18px;
            height: 20px;
            color: #333;
            line-height: 20px;
            overflow: hidden;
            font-weight: normal;
        }

        .list-history-1 .box-text .line {
            margin-top: 25px;
            margin-bottom: 20px;
            border-top: solid 1px #f1f1f1;
        }

        .list-history-1 .box-text .t1 {
            height: 66px;
            font-size: 14px;
            line-height: 22px;
            overflow: hidden;
        }

    .list-history-1 .slick-prev, .list-history-1 .slick-next {
        width: 37px;
        height: 37px;
        margin-top: 80px;
        border: solid 1px #dedede;
    }

    .list-history-1 .slick-prev {
        left: 500px;
        background: url(../images/left.png) no-repeat center center;
    }

        .list-history-1 .slick-prev:hover {
            border-color: #ce272e;
            background: url(../images/left-1.png) no-repeat center center #ce272e;
        }

    .list-history-1 .slick-next {
        left: 545px;
        right: auto;
        background: url(../images/right.png) no-repeat center center;
    }

        .list-history-1 .slick-next:hover {
            border-color: #ce272e;
            background: url(../images/right-1.png) no-repeat center center #ce272e;
        }

.list-history-2 {
    font-size: 22px;
    margin-top: 40px;
    font-family: "avgr45w";
    padding-bottom: 100px;
    position: relative;
}

    .list-history-2:after {
        content: "";
        left: 0;
        top: 55px;
        height: 2px;
        width: 100%;
        position: absolute;
        background: url(../images/hline.jpg) repeat-x;
    }

    .list-history-2 p {
        cursor: pointer;
        text-align: center;
        padding-top: 100px;
        position: relative;
    }

        .list-history-2 p span {
            top: 50px;
            left: 50%;
            margin-left: -6px;
            width: 12px;
            height: 20px;
            position: absolute;
            background: url(../images/hicon-02.jpg) no-repeat;
        }

    .list-history-2 .slick-current span {
        background: url(../images/hicon.jpg) no-repeat;
    }

    .list-history-2 .slick-prev, .list-history-2 .slick-next {
        width: 30px;
        height: 30px;
        border: 0;
        margin-top: -70px;
    }

    .list-history-2 .slick-prev {
        left: 0;
        background: url(../images/left-prev.jpg) no-repeat;
    }

    .list-history-2 .slick-next {
        right: 0;
        background: url(../images/right-next.jpg) no-repeat;
    }

.pro-left {
    width: 260px;
    float: left;
    padding-bottom: 20px;
    position: relative;
    border-right: solid 1px #f5f5f5;
}

    .pro-left .title {
        left: 0;
        top: -30px;
        color: #fff;
        width: 387px;
        height: 172px;
        padding-right: 120px;
        text-align: center;
        position: absolute;
        background: url(../images/pro-bg.png) no-repeat;
    }

        .pro-left .title h3 {
            font-size: 34px;
            line-height: 40px;
            padding-top: 50px;
        }

        .pro-left .title p {
            color: #efadaf;
            font-size: 19px;
            margin-top: 5px;
            font-family: arial;
        }

    .pro-left .submenu {
        z-index: 9;
        min-height: 400px;
        padding-top: 160px;
        position: relative;
        border-left: solid 3px #e5e5e5;
    }

        .pro-left .submenu li {
            font-size: 16px;
        }

            .pro-left .submenu li > a {
                color: #333;
                display: block;
                padding: 10px 0;
                padding-left: 35px;
                -webkit-transition-duration: 0s;
                transition-duration: 0s;
            }

                .pro-left .submenu li > a:hover {
                    color: #fff;
                    background: url(../images/pro-ico1.png) no-repeat right 13px #ce272e;
                    border-bottom-left-radius: 10px;
                }

        .pro-left .submenu .active > a {
            color: #fff;
            background: url(../images/pro-ico1.png) no-repeat right 13px #ce272e;
            border-bottom-left-radius: 10px;
        }

    .pro-left .submenu-two {
        display: none;
    }

        .pro-left .submenu-two a {
            padding: 10px 0;
            padding-left: 30px;
            display: block;
            margin: 0 10px;
            font-size: 13.5px;
            border-bottom: solid 1px #f0f0f0;
            background: url(../images/pro-ico2.png) no-repeat 10px 17px;
        }

            .pro-left .submenu-two a:hover {
                color: #ce272e;
                border-bottom: solid 1px #fff;
                background: url(../images/pro-ico3.png) no-repeat 10px 17px;
            }

        .pro-left .submenu-two .active-2 {
            color: #ce272e;
            border-bottom: solid 1px #fff;
            background: url(../images/pro-ico3.png) no-repeat 10px 17px;
        }

    .pro-left .submenu-three {
        display: none;
         
        background: #f6f6f6;
        position: relative;
    }

        .pro-left .submenu-three:after {
            content: "";
            width: 1px;
            height: 90%;
            top: 10px;
            left: 36px;
            position: absolute;
            background: #eab7ba;
        }

        .pro-left .submenu-three > a {
            color: #858585;
            display: block;
            background: none;
            font-size: 14px;
            padding: 8px 0;
            border-bottom: 0;
            padding-left: 30px;
            background: url(../images/pro-ico4.png) no-repeat 12px 17px;
        }

            .pro-left .submenu-three > a:hover, .pro-left .submenu-three > a.active-2 {
                color: #ce272e;
                border-bottom: 0;
                background: url(../images/pro-ico4.png) no-repeat 12px 17px;
            }

    .pro-left .pro-search {
        margin-top: 30px;
        padding-bottom: 10px;
        border-bottom: solid 1px #e6e6e6;
    }

        .pro-left .pro-search .inputfrom {
            width: 189px;
            color: #333;
            padding: 6px 10px;
            background: #fff;
            border: solid 1px #b5b5b5;
        }

        .pro-left .pro-search .btn {
            color: #fff;
            padding: 0 17px;
            font-size: 14px;
            float: right;
            line-height: 30px;
            display: inline-block;
            background: #ce272e;
        }

    .pro-left .subblock {
        display: block;
    }

.pro-right {
    width: 900px;
    float: left;
    z-index: 9;
    padding-bottom: 20px;
    padding-top: 30px;
    position: relative;
    background: #fff;
}

    .pro-right .cur {
        font-size: 12px;
        height: 40px;
        line-height: 40px;
        text-align: right;
        overflow: hidden;
        color: #6e6e6e;
        z-index: 9;
        position: relative;
    }

        .pro-right .cur span {
            color: #ce272e;
        }

        .pro-right .cur a {
            color: #6e6e6e;
        }

            .pro-right .cur a:hover {
                color: #ce272e;
            }

        .pro-right .cur img {
            margin-top: 12px;
            vertical-align: top;
        }

    .pro-right .title {
        height: 60px;
        line-height: 60px;
        overflow: hidden;
        font-weight: normal;
        position: relative;
        margin-top: -20px;
        color: #333;
        font-size: 20px;
        margin-left: 40px;
        border-bottom: solid 1px #d5d5d5;
    }

        .pro-right .title img {
            margin-top: 21px;
            vertical-align: top;
        }

.list-product {
    margin-top: 20px;
    padding-left: 15px;
    padding-bottom: 60px;
}

    .list-product li {
        width: 417px;
        float: left;
        margin-top: 30px;
        margin-left: 25px;
        position: relative;
    }

        .list-product li:after {
            content: "";
            width: 100%;
            height: 100%;
            right: 0;
            bottom: -3px;
            z-index: -9;
            position: absolute;
            border-radius: 10px;
            background: #f2f2f2;
        }

        .list-product li .box {
            width: 415px;
            padding: 20px 15px;
            border-radius: 10px;
            position: relative;
            background: #fff;
            border: solid 1px #ddd;
        }

            .list-product li .box .tit {
                position: relative;
            }

                .list-product li .box .tit .icon {
                    top: 0;
                    left: 0;
                    width: 47px;
                    height: 47px;
                    border-radius: 100%;
                    position: absolute;
                    background: #ce272e;
                }

                .list-product li .box .tit .t1 {
                    height: 47px;
                    line-height: 47px;
                    overflow: hidden;
                    margin-left: 60px;
                    font-size: 18px;
                }

                    .list-product li .box .tit .t1 > a {
                        color: #333;
                        display: block;
                        border: solid 1px #fff;
                    }

                .list-product li .box .tit:hover .icon img {
                    -webkit-transform: rotate(360deg);
                    -ms-transform: rotate(360deg);
                    transform: rotate(360deg);
                }

                .list-product li .box .tit:hover .t1 > a {
                    color: #ce272e;
                }

            .list-product li .box .mask {
                min-height: 150px;
                margin-top: 10px;
                font-size: 14px;
                margin-left: 60px;
            }

                .list-product li .box .mask p {
                    height: 40px;
                    line-height: 40px;
                    overflow: hidden;
                    border-bottom: dotted 1px #dadada;
                    background: url(../images/p-ico6.png) no-repeat left 15px;
                }

                    .list-product li .box .mask p > a {
                        display: block;
                        padding-left: 20px;
                        height: 40px;
                    }

        .list-product li .boxhide {
            height: 0;
            width: 100%;
            z-index: 99;
            top: 70px;
            position: absolute;
            overflow: hidden;
        }

        .list-product li .bullet {
            margin-top: -7px;
            padding-top: 16px;
            border-radius: 10px;
            height: 310px;
            background: #fff;
            box-shadow: 0 0 20px #ddd;
            border: solid 3px #ce272e;
        }

            .list-product li .bullet a {
                font-size: 14px;
                display: block;
                height: 36px;
                line-height: 36px;
                overflow: hidden;
                padding-left: 20px;
                margin: 0 20px 0 70px;
                background: url(../images/p-ico6.png) no-repeat left 13px;
            }

        .list-product li .arrow {
            margin-left: 70px;
        }

        .list-product li .cont1 {
            height: 255px;
            margin-right: 17px;
            z-index: 999;
            position: relative;
        }

        .list-product li:hover .boxhide {
            height: 330px;
        }

.list-product-2 {
    padding-left: 40px;
    padding-top: 15px;
}

    .list-product-2 li {
        margin-top: 25px;
        position: relative;
        background: #fff;
        cursor: pointer;
    }

        .list-product-2 li .line {
            height: 30px;
            bottom: -3px;
            z-index: 99;
            width: 100%;
            z-index: -2;
            border-radius: 10px;
            position: absolute;
            background: #f2f2f2;
        }

        .list-product-2 li .box {
            padding: 30px 0;
            border-radius: 10px;
            border: solid 1px #dcdcdc;
        }

        .list-product-2 li .pic {
            width: 205px;
            height: 144px;
            float: left;
            margin-left: 15px;
            position: relative;
            
        }

        .list-product-2 li .txtwarp {
            width: 554px;
            float: left;
            margin-left: 15px;
min-height:144px;
border-left: solid 1px #dcdcdc;
padding:0 0 0 45px;
        }

            .list-product-2 li .txtwarp .tit {
                position: relative;
            }

                .list-product-2 li .txtwarp .tit h3 {
                    font-size: 18px;
                    font-weight: normal;
                    padding-bottom: 10px;
                    border-bottom: dotted 1px #dadada;
                }

                    .list-product-2 li .txtwarp .tit h3 > a {
                        color: #333;
                        height: 24px;
                        overflow: hidden;
                    }

            .list-product-2 li .txtwarp .tit02 {
                padding-top: 15px;
            }

                .list-product-2 li .txtwarp .tit02 a {
                    width: 100%;
                    height: 30px;
                    font-size: 14px;
                    line-height: 30px;
                    padding-left: 20px;
                    display: inline-block;
                    overflow: hidden;
                    padding-right: 20px;
                    background: url(../images/p-ico6.png) no-repeat left 10px;
                }

    .list-product-2 li .boxhide {
        height: 0;
        width: 420px;
        left:250px;
        z-index: 99;
        top: 60px;
        position: absolute;
        overflow: hidden;
    }

    .list-product-2 .bullet {
        margin-top: -7px;
        padding-top: 16px;
        border-radius: 10px;
        height: 430px;
        background: #fff;
        box-shadow: 0 0 20px #ddd;
        border: solid 3px #ce272e;
    }

        .list-product-2 .bullet a {
            font-size: 14px;
            display: block;
            height: 36px;
            line-height: 36px;
            overflow: hidden;
            padding-left: 20px;
            margin: 0 20px 0 25px;
            background: url(../images/p-ico6.png) no-repeat left 13px;
        }

    .list-product-2 .arrow {
        margin-left: 70px;
    }

    .list-product-2 .cont1 {
        height: 370px;
        margin-right: 17px;
        z-index: 999;
        position: relative;
    }

    .list-product-2 li:hover .boxhide {
        height: 460px;
    }

.list-product-show {
    font-size: 14px;
    padding-left: 40px;
    padding-top: 40px;
}

.list-product-show-2 {
    padding-left: 40px;
    padding-top: 50px;
 color:#000000
}

    .list-product-show-2 .list dt {
        width: 249px;
        height: 208px;
        position: relative;
        border-radius: 10px;
        background: #fff;
        float: left;
        border: solid 1px #dcdcdc;
	margin-right:20px;
    }

        .list-product-show-2 .list dt:after {
            content: "";
            width: 100%;
            height: 100%;
            right: -3px;
            bottom: -3px;
            z-index: -1;
            position: absolute;
            background: #f2f2f2;
border-radius: 10px;
        }

    .list-product-show-2 .list dd {
        font-size: 14px;
        width: 580px;
        float: right;
    }

        .list-product-show-2 .list dd h1 {
            color: #333;
            font-size: 18px;
            font-weight: normal;
            margin: 15px 0;
        }

    .list-product-show-2 .list-table {
        margin-top: 40px;
        text-align: center;
    }

        .list-product-show-2 .list-table th {
            color: #fff;
            line-height: 30px;
            font-size: 16px;
        }

        .list-product-show-2 .list-table tr, .list-product-show-2 .list-table th, .list-product-show-2 .list-table td {
            padding: 3px 0;
            border: solid 1px #fff;
        }

            .list-product-show-2 .list-table tr td:first-child {
                text-align: left;
                padding-left: 20px;
            }

    .list-product-show-2 .list-cot-1 {
        width: 460px;
        margin: 50px 0;
        padding-right: 20px;
        float: left;
        font-size: 14px;
        border-right: solid 1px #ebebeb;
    }

        .list-product-show-2 .list-cot-1 h3 {
            margin-bottom: 25px;
            color: #ce272e;
            font-size: 20px;
            font-weight: normal;
        }

            .list-product-show-2 .list-cot-1 h3 img {
                margin-top: 6px;
                vertical-align: top;
                margin-right: 10px;
            }

        .list-product-show-2 .list-cot-1 li {
            margin: 5px 0;
            padding-left: 15px;
            background: url(../images/sj2.jpg) no-repeat left 10px;
        }

    .list-product-show-2 .list-cot-2 {
        width: 300px;
        float: right;
        border: 0;
        padding-left: 20px;
    }

.list-xg-pro {
    padding: 50px;
    border-radius: 10px;
    margin-top: 30px;
    padding-top: 30px;
    z-index: 9;
    background: #fff;
    border: solid 1px #e0e0e0;
    position: relative;
}

    .list-xg-pro .box {
        width: 770px;
    }

        .list-xg-pro .box h3 {
            color: #ce272e;
            font-weight: normal;
            padding-bottom: 15px;
            border-bottom: dotted 1px #dadada;
        }

        .list-xg-pro .box li {
            margin-top: 15px;
            float: left;
            width: 50%;
        }

            .list-xg-pro .box li img {
                margin: 6px 5px 0 0;
                vertical-align: top;
            }

.pro-list-line {
    height: 20px;
    background: #f2f2f2;
    border-radius: 10px;
    margin-top: -16px;
}

.contact-map {
    width: 100%;
    position: relative;
    z-index: 1;
    padding: 0 50px;
    height: 380px;
}

    .contact-map #l-map {
        width: 100%;
        height: 380px;
    }

        .contact-map #l-map em {
            font-weight: bold;
            font-size: 16px;
            color: #ce272e;
            font-style: normal;
        }

        .contact-map #l-map p {
            font-size: 14px;
            color: #666;
        }

.tab {
    padding: 40px 0 50px 0;
    font-family: arial;
    text-align: center;
}

    .tab a {
        color: #666;
        padding: 0 10px;
        line-height: 27px;
        margin: 0 2px;
        background: #fff;
        border: solid 1px #bfbfbf;
        display: inline-block;
    }

        .tab a:hover, .tab a.cpb {
            color: #fff;
            background: #ce272e;
        }

.apply-box-4 {
    position: fixed;
    left: 0;
    top: 0;
    display: none;
    width: 100%;
    height: 100%;
    z-index: 99999;
    background-color: rgba(0,0,0,0.5);
}

.playmain-4 {
    background-color: #fff;
    width: 863px;
    position: absolute;
    left: 50%;
    margin-left: -431px;
    color: #666;
    height: 560px;
    top: 50%;
    margin-top: -276px;
    line-height: 26px;
    z-index: 99999;
    font-size: 14px;
    padding: 20px 40px;
    border-radius: 10px;
    padding-bottom: 70px;
}

    .playmain-4 ul {
        padding-bottom: 20px;
        padding-top: 20px;
        border-bottom: solid 1px #a0a0a0;
    }

    .playmain-4 li p:first-child {
        width: 50%;
    }

    .playmain-4 li p {
        float: left;
        width: 25%;
    }

    .playmain-4 .t1 p {
        color: #999;
        font-size: 13px;
    }

    .playmain-4 .t2 p {
        color: #333;
        font-size: 30px;
        line-height: 50px;
        height: 50px;
        overflow: hidden;
    }

    .playmain-4 .titles {
        color: #333;
        height: 60px;
        font-size: 30px;
        line-height: 60px;
        font-weight: normal;
        border-bottom: solid 1px #e5e5e5;
    }

    .playmain-4 .title-2 {
        color: #333;
        padding: 30px 0 10px;
        line-height: 24px;
        font-weight: bold;
        font-size: 16px;
    }

    .playmain-4 .title-4 {
        margin-top: 40px;
        padding-top: 40px;
        font-size: 16px;
        border-top: solid 1px #a0a0a0;
    }

        .playmain-4 .title-4 a {
            color: #cc272d;
        }

        .playmain-4 .title-4 img {
            vertical-align: top;
            margin-top: 3px;
            margin-right: 5px;
        }

    .playmain-4 .title-5 {
        margin-top: 20px;
    }

    .playmain-4 .play-colse4 {
        position: absolute;
        right: -40px;
        cursor: pointer;
        top: 0;
        width: 35px;
        height: 35px;
        background: url("../images/play-close.png") no-repeat center;
        background-size: 100% 100%;
    }
    
    .playmain-4 .box{
    	 height: 420px;
    	 overflow-y:scroll;
    }

.trueland-float-box {
    position: fixed;
    right: 10px;
    bottom: 80px;
    z-index: 10;
}

    .trueland-float-box li {
        margin-bottom: 1px;
        color: #fff;
    }

        .trueland-float-box li .box {
            cursor: pointer;
            background: #202020;
            width: 70px;
            height: 70px;
            padding: 15px 0;
            z-index: 1;
            position: relative;
            text-align: center;
        }

            .trueland-float-box li .box:hover {
                background: #ce272e;
            }

        .trueland-float-box li .iconfont {
            font-size: 40px;
            display: block;
            line-height: 40px;
            text-align: center;
        }

            .trueland-float-box li .iconfont img {
                margin-top: -7px;
            }

        .trueland-float-box li .tel {
            position: relative;
            z-index: 1;
        }

            .trueland-float-box li .tel .iconfont {
                font-size: 36px;
            }

            .trueland-float-box li .tel .content {
                position: absolute;
                right: 100px;
                background: #c40700;
                width: 240px;
                height: 70px;
                line-height: 70px;
                font-size: 18px;
                top: 0;
                right: 0;
                z-index: 0;
                padding-left: 20px;
                text-align: left;
                width: 0;
                -webkit-transition: all .5s ease-in-out;
                transition: all .5s ease-in-out;
                overflow: hidden;
            }

            .trueland-float-box li .tel:hover .content {
                width: 240px;
            }

        .trueland-float-box li .wchat {
            position: relative;
            z-index: 0;
        }

            .trueland-float-box li .wchat .content {
                position: absolute;
                right: 214px;
                width: 214px;
                height: 174px;
                top: -28px;
                right: 0;
                z-index: 0;
                width: 0;
                -webkit-transition: all .5s ease-in-out;
                transition: all .5s ease-in-out;
                overflow: hidden;
            }

            .trueland-float-box li .wchat:hover .content {
                width: 180px;
            }

        .trueland-float-box li .returnTop {
            height: 100px;
        }

.bullet-box {
    position: fixed;
    left: 0;
    top: 0;
    display: none;
    width: 100%;
    height: 100%;
    z-index: 99999;
    background-color: rgba(0,0,0,0.5);
}

    .bullet-box .box {
        padding: 16px;
        width: 890px;
        height: 590px;
        top: 50%;
        left: 50%;
        margin-left: -495px;
        margin-top: -295px;
        background: #fff;
        border-radius: 10px;
        position: absolute;
    }

    .bullet-box .pic {
        width: 850px;
        height: 519px;
        position: relative;
        border: solid 1px #d0d0d0;
    }

    .bullet-box .gb-1 {
        top: 0;
        right: -40px;
        position: absolute;
    }

    .search_mask {
    background: url(../images/tm-bg.png) repeat;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 999;
    top: 0;
    left: 0;
}

    .search_mask .s_box {
        width: 350px;
        height: 136px;
        padding: 25px;
        top: 50%;
        left: 50%;
        margin-left: -175px;
        position: absolute;
        margin-top: -68px;
        background: #fff;
    }

        .search_mask .s_box .text1 {
            text-align: center;
            line-height: 24px;
            color: #666;
            font-size: 16px;
            font-style: normal;
        }

        .search_mask .s_box #sure {
            width: 140px;
            height: 36px;
            display: block;
            margin: 20px auto 0;
            background: #ce272e;
            border-radius: 2px;
            color: #fff;
            font-size: 16px;
            text-align: center;
            line-height: 36px;
            letter-spacing: 5px;
        }