@charset "utf-8";

/* 注意：以下长度用em换算，1em=10px。特别注意文字大小，父子层级会继承，所以不要在div中定义字体大小，只能用span修改字体。
------------------------------------------------------------------------------------------------------ */

/* 全局样式
-------------------------------------------------------------- */
html, body, a, p, span, ul, img {
    padding: 0;
    margin: 0;
    list-style: none;
    border: none;
    font-size: 13px;
    font-family: "微软雅黑", "Arial";
    color: #666;
}

p {
    line-height: 25px;
}

img {
    border: none;
    vertical-align: middle;
}

td {
    vertical-align: center;
    font-size: 13px;
}

body {
    background: #fff;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: bold;
}

h1 {
    font-size: 3em;
    line-height: 1;
    margin: 0;
    padding: 0;
}

h2 {
    font-size: 2em;
    margin: 0;
    padding: 0;
}

h3 {
    font-size: 1.5em;
    line-height: 1;
    margin: 0;
    padding: 0;
}

h4 {
    font-size: 1.2em;
    line-height: 1.25;
    margin: 0;
    padding: 0;
}

h5 {
    font-size: 1em;
    margin: 0;
    padding: 0;
}

h6 {
    font-size: 1em;
}

/* 页面基本元素
-------------------------------------------------------------- */

/* 链接样式 */
a {
    text-decoration: none;
}

a:visited {
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

/* 常用元素 */
.clear {
    clear: both;
    font-size: 1px;
    line-height: 0px;
    height: 0px;
}

/* 层浮动 */
.left {
    float: left;
}

.right {
    float: right;
}

.center {
    margin: 0 auto;
}

/* 文字对齐 */
.tleft {
    text-align: left;
}

.tright {
    text-align: right;
}

.tcenter {
    text-align: center;
}

* html, * html body /* 修正IE6振动bug */
{
    background-image: url(../images/56c8fb209b294f0d94c96b5e2b4b5e26.gif);
    background-attachment: fixed;
}


/* 主体内容开始
-------------------------------------------------------------- */

.page {
    margin: 0 auto;
    width: 100%;
    height: auto;
}

.content {
    width: 100%;
}

.content a:hover {
    color: #eb891a;
}

/*--翻页--*/
#pages {
    padding-top: 5px;
    margin: 0 auto;
    padding: 25px 0;
}

#pages a {
    border: 1px solid #DDD;
    color: #333;
    margin: 2px;
    padding: 2px 5px;
    text-decoration: none;
    font-size: 13px;
}

#pages a:hover {
    border: 1px solid #DDD;
    color: #333;
    margin: 2px;
    padding: 2px 5px;
    text-decoration: none;
    background: #195091;
    color: #FFF;
    font-size: 13px;
}

#pages span {
    background: #195091;
    border: 1px solid gainsboro;
    color: white;
    font-weight: bold;
    margin: 2px;
    padding: 2px 5px;
    font-size: 12px;
}


.fanye {
    text-align: center;
    margin: 0 auto;
}

div.digg {
    padding-right: 3px;
    padding-left: 3px;
    padding-bottom: 20px;
    text-align: center;
    clear: both;
    padding-top: 50px;
}

div.digg a {
    border: #DDDDDD 1px solid;
    background-color: #FFFFFF;
    padding-right: 14px;
    padding-left: 14px;
    padding-bottom: 0px;
    margin: 2px;
    color: #444444;
    padding-top: 0px;
    text-decoration: none;
    line-height: 30px;
}

div.digg a:hover {
    background-color: #e23f41;
    color: #fff;
}

div.digg a:active {
    border: #e23f41 1px solid;
    color: #000;
}

div.digg span {
    border: #e23f41 1px solid;
    padding-right: 14px;
    padding-left: 14px;
    padding-bottom: 0px;
    margin: 2px;
    color: #fff;
    padding-top: 0px;
    background-color: #e23f41;
    line-height: 30px;
}

div.digg span.disabled {
    border: #eee 1px solid;
    padding-right: 14px;
    padding-left: 14px;
    padding-bottom: 8px;
    margin: 7px;
    color: #fff;
    padding-top: 8px;
    background: #2bb6d4;
}

@media (max-width: 640px) {

    div.digg {
        padding-top: 30px;
    }
}

article, aside, dialog, footer, header, section, footer, nav, figure, menu {
    display: block
}

/* 详情
-------------------------------------------------------------- */
.contzk {
    padding-top: 15px;
    width: 1100px;
    margin: 0 auto;
}

.biaoti {
    width: 100%;
    text-align: center;
    padding-bottom: 10px;
    color: #024CAD;
    margin-top: 20px;
    font-size: 18px;
}

.shijian {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    line-height: 30px;
    border-bottom: 1px dashed #666;
    padding-bottom: 10px;
    margin-bottom: 30px;
}

.aa {
    width: 100%;
    margin: 0 auto;
    line-height: 25px;
    text-align: left;
}

.aa p, .aa span, #hits {
    line-height: 25px;
    color: #666;
}

.bb {
    width: 70%;
    float: left;
}

.bb p, .bb span, .bb a {
    color: #666;
}

.bb a:hover {
    color: #D01200;
}

.fanyez {
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
    padding-bottom: 15px;
}

.fanyez .right p a {
    font-size: 14px;
    color: #C7CBCE;
}

.fanyez .right p a:hover {
    color: #D01200;
}

/* tab
-------------------------------------------------------------- */
.menu {
    margin: 0 auto;
    height: auto;
    width: 100%;
    border-top: 1px solid #EEEEEE;
}

#con {
    FONT-SIZE: 12px;
    MARGIN: 0px auto;
    WIDTH: 100%
}

#tags {
    margin: 0;
    padding: 0;
}

#tags LI {
    float: left;
    list-style: none;
    border-bottom: none;
    height: 59px;
    line-height: 59px;
    width: 120px;
    border-right: 1px solid #EEEEEE;
    text-align: center;
    display: block;
}

#tags LI A {
    color: #999999;
    font-size: 15px;
    text-decoration: none;
    height: 59px;
    line-height: 59px;
}

#tags LI.emptyTag {
    BACKGROUND: none transparent scroll repeat 0% 0%;
    WIDTH: 4px
}

#tags LI.selectTag {
    color: #333333;
    display: block;
}

#tags LI.selectTag A {
    color: #333333;
}

#tagContent {
    width: 100%;
    height: auto;
    overflow: hidden;
}

.tagContent {
    DISPLAY: none;
}

#tagContent DIV.selectTag {
    DISPLAY: block
}

.banner {
    width: 100%;
}

/*----网站地图---*/
.mapzong {
    line-height: 40px;
    overflow: hidden;
    border: 1px #ddd solid;
    width: 98%;
    margin: 0 auto;
    margin-bottom: 15px;
}

.wzdt_xt {
    float: left;
    width: 70%;
    padding-left: 15px;
}

.wzdt_xt ul li {
    float: left;
    padding-left: 10px;
}

.wzdt_xt ul li a {
    color: #666;
}

.mapzuo {
    width: 25%;
    float: left;
    line-height: 40px;
    background: #00A1E9;
    color: #FFF;
    font-size: 12px;
    text-align: center;
}


/*以下为index代码*/

body {
    margin: 0;
}

input {
    -webkit-appearance: none; /*去除input默认样式*/
}

.clearfix:after {
    display: block;
    content: '';
    clear: both;
    height: 0px;
    visibility: hidden;
    width: 100%;
}

.header_box {
    position: fixed;
    width: 90%;
    top: 35px;
    margin-left: 5%;
    z-index: 3;
}

.header_left {
    float: left
}

.header_right {
    float: right;
    margin-top: 15px;
}

.nav a {
    color: white;
    text-decoration: none;
    padding-bottom: 3px;
    font-size: 18px;
}

.nav a:hover {
    border-bottom: 1px solid white;
}

.head_leftfont div {
    color: white
}

.nav .nav_color {
    color: black;
}

.head_leftfont .leftfont_color {
    color: black;
}

.fen {
    float: left;
    height: 40px;
    border-left: 1px solid white;
    margin-left: 17px;
    margin-right: 17px;
}

.fen_color {
    border-left: 1px solid black;
}

.logoone {
    float: left;
    height: 44px;
}

.logotwo {
    float: left;
    height: 44px;
    display: none;
}

.weixintwo {
    display: none
}

.searchtwo {
    display: none
}

.banner_slogan {
    position: absolute;
    top: 50%;
    left: 5%;
    z-index: 1
}

.dian_box {
    position: absolute;
    bottom: 50px;
    left: 50%;
    margin-left: -51px;
    z-index: 10
}

.dian {
    width: 17px;
    height: 17px;
    float: left;
    cursor: pointer;
    background-image: url(../images/dian_1.png);
    background-size: 100% 100%;
}

.dianlei {
    background-image: url(../images/dian_ch_1.png);
    width: 39px;
}

.motwo_topbox {
    width: 90%;
    margin-left: 5%;
    padding-top: 8%;
}

.point {
    width: 50px;
    height: 50px;
    border: 1px solid #cccccc;
    border-radius: 50%;
    text-align: center;
    float: left;
    cursor: pointer;
}

@keyframes anima {
    to {
        background-color: orange;
        border-color: orange;
    }
}

.content {
    width: 25%;
    float: left;
    overflow: hidden
}

.xiang {
    background-color: #e43a3d;
    text-align: center;
    position: absolute;
    display: none;
}

.video_out {
    position: relative;
    overflow: hidden
}

.cont {
    float: left;
    width: 10%;
    margin-left: 3%;
    margin-right: 3%;
}

.cont2 {
    float: left;
    width: 10%;
    margin-left: 3%;
    margin-right: 3%;
}

.cont_one {
    display: block;
    display: none;
    width: 100%;
}

.cont_two {
    display: block;
    width: 100%;
}

.cont_one2 {
    display: block;
    width: 100%;
}

.cont_two2 {
    display: block;
    width: 100%;
}

.cont_text {
    color: white;
    font-size: 2.5vw;
    display: none;
}

.four_content {
    float: left;
    width: 45%;
    margin-right: 5%;
    margin-top: 2%;
    margin-bottom: 2%;
}

.four_condate {
    color: white;
    font-size: 30px;
}

.four_contitle {
    color: white;
    font-size: 14px;
    margin-top: 15px;
    margin-bottom: 15px;
}

.four_concon {
    color: #b3b6b9;
    font-size: 12px;
    min-height: 48px;
}

.four_contentbox {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}

.map {
    border: 1px solid #797979;
    color: #797979;
    text-align: center;
    line-height: 40px;
    border-radius: 5px;
    margin-top: 20px;
    width: 80%;
}

.map a {
    text-decoration: none;
    color: inherit;
}

.nav_up {
    color: #f7a911;
    border-bottom: 1px solid #8e8e8e;
    padding-bottom: 10px;
    font-size: 14px;
}

.nav_down {
    color: #8e8e8e;
    margin-top: 12%;
    font-size: 12px;
}

.nav_up a, .nav_down a {
    color: inherit;
    text-decoration: none;
}

.share {
    float: left;
    width: 30px;
    height: 30px;
    background-color: #3c3f40;
    border-radius: 50%;
    margin-left: 20px;
}

.share img {
    margin-top: 6px;
    margin-left: 6px;
}

.foot {
    width: 95%;
    margin-left: 2.5%;
    border-top: 0.5px solid #797979;
    margin-top: 2%;
    padding: 20px 0px;
    margin-top: 10px
}

.one_slogan {
    position: absolute;
    color: white;
    top: 10%;
    padding-left: 100px;
    width: 3%;
    border: 5px solid blue
}

.one_banner {
    width: 100%;
    height: 100%;
}

.motwo_con {
    float: left;
    width: 60%;
    margin-right: 10px;
}

.omit {
}

.omit_box {
    color: #cccccc;
    width: 50px;
    height: 50px;
    border: 1px solid #cccccc;
    border-radius: 50%;
    text-align: center;
    float: left;
    cursor: pointer;
    margin-right: 20px;
    margin-left: 20px;
    text-decoration: none;
    line-height: 50px;
}

@keyframes omit_color {
    to {
        background-color: orange;
        border-color: orange;
        color: white
    }
}

.show_out {
    margin-top: 1.5%;
    overflow: hidden;
}

.xiang_con {
    color: white;
    text-align: center
}

.motwo_img {
    width: 100%;
    height: 100%;
}

.mothree_slogan {
    position: absolute;
    z-index: 5;
    top: 150px;
    left: 70px;
    color: white;
    font-size: 4vw;
}

.three_listitle {
    position: absolute;
    z-index: 5;
    bottom: 27%;
    left: 70px;
}

.three_listcon {
    position: absolute;
    z-index: 5;
    bottom: 15%;
    left: 50px;
    color: white;
    font-size: 30px;
    width: 50%;
}

.four_slogan {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    color: white
}

.four_socn {
    font-size: 32px;
    font-weight: bold;
    margin-top: 20px;
}

.login_box {
    padding-bottom: 10%;
}

.upform {
    background-color: #f7a911;
    border: none;
    padding: 20px;
    color: white;
    border-radius: 5px;
    cursor: pointer;
    width: 10%;
    text-align: center
}

.login_in {
    width: 95%;
    margin-left: auto;
    margin-right: auto;
}

.weitext {
    color: white;
    font-size: 12px;
    margin-top: 10px;
}

.five_shop {
    width: 95%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 2%;
}

.weibox {
    float: left;
    width: 48%;
    text-align: center;
    margin-right: 2%;
}

.beian {
    float: left;
    text-decoration: none;
    color: #a8a8a8;
    font-size: 12px;
    margin-right: 20px;
}

.foot .webmap {
    float: left;
    text-decoration: none;
    font-size: 12px;
    color: #bfbfbf;
    margin-top: -2px;
}

.nav_up:hover {
    animation: font_color 0.5s forwards;
    cursor: pointer
}

.nav_down:hover {
    animation: font_color 0.5s forwards;
    cursor: pointer
}

.share:hover {
    animation: share_bg 0.5s forwards;
    cursor: pointer
}

@keyframes map {
    to {
        border-color: black;
        background-color: black;
        color: white;
    }
}

@keyframes font_color {
    to {
        color: white
    }
}

@keyframes share_bg {
    to {
        background-color: black;
    }
}

.ce_con {
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 50%;
    width: 40px;
    height: 40px;
    position: relative;
    right: 0px;
}

@keyframes ce_bg {
    to {
        background-color: #e43a3d;
    }
}

.two_addtu {
    margin-top: 15%;
    width: 10%
}

.two_addtit {
    font-size: 1.1vw;
    margin-top: 5%;
}

.two_addcon {
    font-size: 0.8vw;
    margin-top: 3%;
}

.four_rightimg {
    float: right;
    width: 25%;
}

.fout_leftcon {
    float: left;
    width: 70%;
}

.upname {
    width: 14%;
    padding: 20px;
    margin-right: 1%
}

.uptel {
    width: 14%;
    padding: 20px;
    margin-right: 1%
}

.upcon {
    width: 20%;
    padding: 20px;
    margin-right: 1%
}

.mma {
    width: 17%;
    margin-right: 1%;
    float: left;
    margin-top: 3%;
}

.mma #code {
    border: 1px solid #555555;
    background: #FFF;
    padding: 20px;
    margin-top: 0;
    width: 32%;
}

.vid {
    height: 100%;
}

.small_screen {
    display: none
}

.erwei_box {
    float: right;
    width: 20%;
}

.con_xinbox {
    float: left;
    width: 30%;
}

.share_box {
    float: right;
    margin-top: -10px;
}

.four_box {
    padding-top: 150px;
    background-image: url(../images/four_bgone_1.png);
    background-size: auto 100%;
}

.nav_smbox {
    display: none
}

.two_lone {
    margin-top: 15px;
}

.two_ltwo {
    margin-top: 15px;
    display: none
}

.two_rone {
    margin-top: 15px;
}

.two_rtwo {
    margin-top: 15px;
    display: none
}

.friend_link {
    float: left;
    color: #bfbfbf;
    font-size: 12px;
    margin-top: 0px;
}

.ce_box {
    position: fixed;
    right: 0px;
    bottom: 10%;
    z-index: 5
}

.two_500 {
    float: left;
}

.vid_img {
    width: 100%;
    height: 100%;
}

.soimg {
    float: left;
}

.soimg img {
    width: 50%;
}

/*
		响应式
		*/
@media (min-width: 1170px) {
    .ce_con:hover {
        background-color: rgba(0, 0, 0, 0.5);
        cursor: pointer
    }

    .point:hover {
        animation: anima 0.5s forwards;
    }

    .omit_box:hover {
        animation: omit_color 0.5s forwards;
    }

    .ce_con:hover {
        animation: ce_bg 0.5s forwards;
        cursor: pointer
    }

    .form_box input {
        float: left;
        outline: none;
        margin-top: 3%;
        border: 0;
    }

    .foot_end {
        background-color: #1b1b1d;
        bottom: 0;
        position: absolute;
        width: 100%;
    }

    .four_content {
        float: left;
        width: 45%;
        margin-right: 5%;
        margin-top: 4%;
        margin-bottom: 2%;
    }

    .map:hover {
        animation: map 0.5s forwards;
        cursor: pointer
    }
}

@media (max-width: 1170px) {
    .four_rightimg {
        display: none
    }

    .fout_leftcon {
        float: left;
        width: 100%;
    }

    .vid {
        width: 100%;
    }

    .mothree_slogan {
        position: absolute;
        z-index: 5;
        top: 40px;
        left: 70px;
        color: white;
        font-size: 4vw;
    }

    .big_screen {
        display: none
    }

    .small_screen {
        display: block
    }

    .three_listcon {
        position: absolute;
        z-index: 5;
        bottom: 10%;
        left: 50px;
        color: white;
        font-size: 30px;
        width: 50%;
    }

    .upname {
        width: 30%;
        padding: 10px;
        margin-top: 1%;
        float: left;
        margin-right: 2%;
        margin-bottom: 2%;
        border: none
    }

    .uptel {
        width: 60%;
        padding: 10px;
        margin-top: 1%;
        float: left;
        margin-bottom: 2%;
        border: none
    }

    .upcon {
        width: 94%;
        padding: 10px;
        margin-top: 2%;
        display: block;
        border: none
    }

    .mma {
        width: 25%;
        margin-top: 2%
    }

    .mma #code {
        padding: 10px;
        margin-top: 5px;
        width: 37%;
    }

    .mma #code_img {
        height: 30px;
        margin-top: 0
    }

    .upform {
        background-color: #f7a911;
        border: none;
        padding: 10px 15px;
        color: white;
        border-radius: 5px;
        cursor: pointer;
        width: 40%;
        text-align: center;
        margin-top: 3%;
        margin-bottom: 3%;
    }

    .form_box {
    }

    .foot_end {
        background-color: #1b1b1d;
        bottom: 0;
        width: 100%;
    }

    .nav_box {
        display: none;
    }

    .erwei_box {
        float: right;
        width: 40%;
    }

    .con_xinbox {
        float: left;
        width: 50%;
    }

    .share_box {
        display: none
    }

    .four_content {
        width: 100%;
        margin-top: 4%;
        margin-bottom: 4%;
    }

    .four_box {
        padding-top: 50px;
        background-image: url(../images/four_bgone_1.png);
    }

    .header_box {
        position: absolute;
        width: 90%;
        top: 35px;
        margin-left: 5%;
        z-index: 3;
    }

    .video_box video {
        display: none;
    }

    .motwo_topbox {
        width: 90%;
        margin-left: 5%;
        padding-top: 4%;
    }
}

@media (min-width: 950px) {
    .nav {
        float: left;
        margin-right: 50px;
    }
}

@media (max-width: 950px) {
    .nav {
        background-color: #333333;
        color: #acacac;
        padding: 15px;
        border-bottom: 1px solid black;
    }

    .nav a {
        font-size: 14px;
    }

    .header_right {
        width: 40%;
        position: absolute;
        right: 0px;
        top: -30px;
        display: none;
        z-index: 100;
    }

    .nav_smbox img {
        width: 50%;
    }

    .logoone {
        float: left;
        width: 60%;
        height: auto
    }

    .content {
        width: 48%;
        float: left;
        overflow: hidden;
        margin-bottom: 3%;
        margin-left: 1%;
        margin-right: 1%
    }

    .one_slogan {
        position: absolute;
        color: white;
        top: 40%;
        width: 70%;
    }

    .one_slogan img {
        width: 100%;
    }

    .three_listitle {
        position: absolute;
        z-index: 5;
        bottom: 40%;
        left: 70px;
    }

    .three_listcon {
        position: absolute;
        z-index: 5;
        bottom: 13%;
        left: 50px;
        color: white;
        font-size: 30px;
        width: 80%;
    }

    .cont2 {
        float: left;
        width: 10%;
        margin-left: 3%;
        margin-right: 3%;
    }

    .nav_smbox {
        position: absolute;
        right: 0;
        top: -15px;
        text-align: right;
        width: 10%;
        display: block;
        z-index: 101
    }

    .motwo_topbox {
        width: 90%;
        margin-left: 5%;
        padding-top: 4%;
    }

    .mma {
        width: 35%;
    }
}

@media (min-width: 700px) {
    .foot a {
        color: #848484;
        text-decoration: none;
        float: left;
        margin-left: 10px;
        margin-right: 10px;
        font-size: 12px;
    }
}

@media (max-width: 700px) {
    .upname {
        width: 30%;
        padding: 10px;
        margin-top: 1%;
        float: left;
        margin-right: 2%;;
        margin-bottom: 2%;
        border: none
    }

    .uptel {
        width: 58%;
        padding: 10px;
        margin-top: 1%;
        float: left;
        margin-bottom: 2%;
        border: none
    }

    .upcon {
        width: 94%;
        padding: 10px;
        display: block;
        border: none
    }

    .upform {
        background-color: #f7a911;
        border: none;
        padding: 10px 15px;
        color: white;
        border-radius: 5px;
        cursor: pointer;
        width: 40%;
        text-align: center;
        margin-top: 4%;
        margin-bottom: 3%;
    }

    .form_box {
    }

    .erwei_box {
        width: 98%;
        margin-top: 20px;
    }

    .con_xinbox {
        width: 90%;
        margin-left: 2%;
        margin-top: 30px;
    }

    .logoone {
        float: left;
        width: 65%;
        height: auto
    }

    .header_box {
        position: absolute;
        width: 95%;
        top: 15px;
        margin-left: 5%;
        z-index: 3;
    }

    .nav_smbox {
        position: absolute;
        right: 20px;
        top: 5px;
        text-align: right;
        width: 10%;
        display: block;
        z-index: 101
    }

    .point {
        width: 30px;
        height: 30px;
        border: 1px solid #cccccc;
        border-radius: 50%;
        text-align: center;
        float: left;
        cursor: pointer;
    }

    .two_lone {
        margin-top: 8px;
        width: 60%
    }

    .two_ltwo {
        margin-top: 8px;
        width: 60%;
        display: none
    }

    .two_rone {
        margin-top: 8px;
        width: 60%;
    }

    .two_rtwo {
        margin-top: 8px;
        width: 60%;
        display: none
    }

    .omit_box {
        color: #cccccc;
        width: 30px;
        height: 30px;
        border: 1px solid #cccccc;
        border-radius: 50%;
        text-align: center;
        float: left;
        cursor: pointer;
        margin-right: 10px;
        margin-left: 10px;
        text-decoration: none;
        line-height: 30px;
    }

    .friend {
        display: block
    }

    .qin {
        clear: both
    }

    .friend_link {
        margin-top: 3px;
    }

    .foot a {
        line-height: 25px;
    }

    .dian_box {
        position: absolute;
        bottom: 10px;
        left: 50%;
        margin-left: -35px;
        z-index: 10
    }

    .dian {
        width: 10px;
        height: 10px;
        float: left;
        cursor: pointer;
        background-image: url(../images/dian_1.png);
        background-size: 100% 100%;
    }

    .dianlei {
        background-image: url(../images/dian_ch_1.png);
        width: 20px;
    }

    .con_hide {
        display: none
    }

    .ce_box {
        position: fixed;
        right: 10px;
        top: 85%;
    }

    .add_one {
        margin-top: -2px;
        width: 14px;
    }

    .motwo_con {
        float: left;
        width: 100%;
        margin-right: 10px;
    }

    .two_500 {
        float: left;
        width: 50%
    }

    .weibox {
        float: left;
        width: 35%;
        text-align: center;
        margin-right: 3%
    }

    .five_shop {
        width: 95%;
        margin-left: auto;
        margin-right: auto;
        padding-top: 2%;
        margin-bottom: 20px;
    }

    .show_out {
        margin-top: 3%;
        overflow: hidden;
    }

    .two_addtit {
        font-size: 14px;
        margin-top: 4%;
    }

    .two_addcon {
        font-size: 12px;
        margin-top: 2%;
    }

    .three_listitle {
        position: absolute;
        z-index: 5;
        bottom: 35%;
        left: 30px;
    }

    .three_listcon {
        position: absolute;
        z-index: 5;
        bottom: 13%;
        left: 20px;
        color: white;
        font-size: 30px;
        width: 80%;
    }

    .cont_text {
        color: white;
        font-size: 16px;
        display: none;
    }

    .mothree_slogan {
        position: absolute;
        z-index: 5;
        top: 30px;
        left: 30px;
        color: white;
        font-size: 20px;
    }

    .point_box {
        margin-top: 3.5%;
    }

    .login_box {
        padding-bottom: 5%;
    }

    .motwo_topbox {
        width: 90%;
        margin-left: 5%;
        padding-top: 4%;
    }

    .four_socn {
        font-size: 32px;
        font-weight: bold;
        margin-top: 20px;
    }

    .qing {
        clear: both;
    }

    .map {
        display: none;
    }

    .fout_leftcon {
        float: left;
        width: 100%;
        padding-top: 2%;
        padding-bottom: 2%
    }

    .one_slogan {
        position: absolute;
        color: white;
        top: 40%;
        padding-left: 10%;
    }
}

@media (max-width: 500px) {
    .uptel {
        width: 56%;
        padding: 10px;
        margin-top: 1%;
        float: left;
        margin-bottom: 2%;
        border: none
    }

    .nav_smbox {
        position: absolute;
        right: 20px;
        top: 0px;
        text-align: right;
        width: 12%;
        display: block;
        z-index: 101
    }
}

@media (max-width: 400px) {
    .uptel {
        width: 52%;
        padding: 10px;
        margin-top: 1%;
        float: left;
        margin-bottom: 2%;
        border: none
    }

    .nav_smbox {
        position: absolute;
        right: 20px;
        top: 0px;
        text-align: right;
        width: 14%;
        display: block;
        z-index: 101
    }
}


/*以下为case样式*/
.ca_map {
    border: 1px solid #797979;
    color: #797979;
    text-align: center;
    line-height: 40px;
    border-radius: 5px;
    margin-top: 20px;
    width: 80%;
}

.ca_map a {
    text-decoration: none;
    color: inherit;
}

@keyframes map {
    to {
        border-color: black;
        background-color: black;
        color: white;
    }
}

@keyframes font_color {
    to {
        color: white
    }
}

@keyframes share_bg {
    to {
        background-color: black;
    }
}

@keyframes ce_bg {
    to {
        background-color: #e43a3d;
    }
}

.ca_slogan_one {
    text-align: center;
    color: white;
    font-size: 45px;
    font-weight: bold;
}

.ca_slogan_two {
    text-align: center;
    color: white;
    margin-top: 30px;
}

.ca_top_box {
    position: relative;
}

.ca_slogan_box {
    position: absolute;
    width: 100%;
    top: 45%;
}

.ca_top_img {
    width: 100%;
    display: block
}

.ca_search {
    width: 94%;
    padding: 15px;
}

.ca_board {
    display: inline-block;
    font-size: 14px;
    color: #666666;
    min-width: 172px;
    text-align: center;
    line-height: 36px;
	padding-left: 20px;
    padding-right: 20px;
	margin: 20px 5px;
	border: 1px solid #f2f2f2;
}

.ca_boardlei {
    color: white;
    background-color: #e23f41;
}

.ca_seartit {
    font-size: 22px;
    margin-bottom: 14px;
    color: black;
}

.ca_seartit02 {
    font-size: 22px;
    margin-bottom: 14px;
    color: black;
    display: none
}

.ca_three {
    width: 90%;
    margin-left: 5%;
}

.ca_con_box {
    float: left;
    width: 33%;
    margin-bottom: 30px;
}

.ca_contit {
    font-size: 18px;
    padding-top: 15px;
    padding-left: 10px
}

.ca_concon {
    font-size: 14px;
    padding-top: 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 50%;
    padding-left: 10px
}

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

.ca_conlei {
    color: #f9ba41;
}

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

.ca_conxiang {
    z-index: 3;
    background-color: rgba(228, 58, 61, 0.9);
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
}

.ca_conxiang img {
    width: 10%;
    left: 45%;
    top: 45%;
    position: absolute
}

.ca_anli {
    /*border-top: 2px solid #f2f2f2;*/
    /*border-bottom: 2px solid #f2f2f2;*/
    overflow: hidden;
	text-align: center;
}

.ca_look01 {
    display: none
}

.ca_look02 {
    display: none
}

.ab_foot_end {
    background-color: #1b1b1d;
    position: relative;
    width: 100%;
}

/*
		响应式
		*/

@media (max-width: 1170px) {
    .ca_big_screen {
        display: none
    }

    .ab_foot_end {
        background-color: #1b1b1d;
        position: relative;
        width: 100%;
    }
}

@media (max-width: 1020px) {
    .ca_slogan_two {
        display: none
    }
}

@media (max-width: 720px) {
    .ca_friend {
        display: block
    }

    .ca_slogan_one {
        text-align: center;
        color: white;
        font-size: 6vw;
        font-weight: bold;
    }

    .ca_top_img {
        width: 800px;
        display: block
    }

    .ca_top_box {
        position: relative;
        overflow: hidden
    }

    .ca_board {
        display: inline-block;
        font-size: 14px;
        color: #666666;
        min-width: 40%;
        text-align: center;
        line-height: 36px;
        padding-left: 20px;
        padding-right: 20px;
		margin: 20px 5px;
		border: 1px solid #f2f2f2;
    }

    .ca_boardlei {
        color: white;
        background-color: #e23f41;
    }

    .ca_con_box {
        float: left;
        width: 50%;
        margin-bottom: 30px;
    }
}

@media (min-width: 560px) {

}

@media (max-width: 560px) {

    .ca_con_box {
        float: left;
        width: 100%;
        margin-bottom: 30px;
    }

    .ca_board {
        display: inline-block;
        font-size: 14px;
        color: #666666;
        width: 88%;
        text-align: center;
        line-height: 30px;
        padding-left: 5%;
        padding-right: 5%;
		margin: 20px 5px;
		border: 1px solid #f2f2f2;
    }

    .ca_boardlei {
        color: white;
        background-color: #e23f41;
    }

    .ca_anli {
        display: block;
        padding: 10px 0;
    }

    .ca_anli a {
        display: block;
		width: -webkit-calc(50% - 10px);
		width: -moz-calc(50% - 10px);
		width: calc(50% - 10px);
        font-size: 12px;
        overflow: hidden;
        height: 30px;
        float: left;
        margin: 5px;
        padding: 0 5px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    /*.ca_anli a:last-child {*/
    /*    display: none;*/
    /*}*/

    .ca_look01 {
        font-size: 14px;
        color: #666666;
        width: 90%;
        text-align: center;
        line-height: 30px;
        margin-top: 10px;
        margin-bottom: 10px;
        padding-left: 5%;
        padding-right: 5%;
        margin-left: 5px;
        margin-right: 5px;
        display: block;
        color: white;
        background-color: #e23f41;
        display: none
    }

    .ca_look02 {
        font-size: 14px;
        color: #666666;
        width: 90%;
        text-align: center;
        line-height: 30px;
        margin-top: 10px;
        margin-bottom: 10px;
        padding-left: 5%;
        padding-right: 5%;
        margin-left: 5px;
        margin-right: 5px;
        display: block;
        color: white;
        background-color: #e23f41;
        display: none
    }

    .ca_seartit02 {
        font-size: 22px;
        margin-bottom: 14px;
        color: black;
        display: block
    }

    .ca_seartit {
        display: none
    }
}


/*以下为servic样式*/
.ser_header_left {
    float: left
}

.ser_header_right {
    float: right;
    margin-top: 15px;
}

.ser_nav a {
    color: white;
    text-decoration: none;
    padding-bottom: 3px;
    font-size: 18px;
}

.ser_nav a:hover {
    color: #f7a911;
}

.ser_nav .ser_nav_color {
    color: black;
}

.ser_logoone {
    float: left;
    height: 44px;
}

.ser_logotwo {
    float: left;
    height: 44px;
    display: none;
}

.ser_ce_con {
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 50%;
    width: 50px;
    height: 50px;
    position: relative;
    right: 10px;
}

.ser_title {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 1%;
}

@keyframes ce_bg {
    to {
        background-color: #e43a3d;
    }
}

.ser_nav_smbox {
    display: none
}

.ser_ce_box {
    position: fixed;
    right: 20px;
    top: 40%;
}


.ser_page_con {
    border: 1px solid white;
    color: white;
    float: left;
    font-size: 16px;
    padding: 8px 40px;
    border-radius: 20px;
    cursor: pointer;
    margin-right: 15px;
}

.ser_page_lei {
    background-color: #9d221a;
    border: 1px solid #9d221a;
}

.ser_page_lei2 {
    background-color: #9d221a;
    border: 1px solid #9d221a;
}

.ser_page_box {
    margin-top: 2%;
}

.ser_text_box {
    margin-top: 2%;
}

.ser_text_box2 {
    margin-top: 1%;
}

.ser_onecon_box {
    text-align: center;
    float: left;
    margin-right: 20px;
    width: 76px;
}

.ser_contwo {
    display: none;
}

.ser_cont_box {
    width: 90%;
    margin-left: 5%;
    font-size: 15px;
    padding-top: 12%;
    line-height: 30px;
}

.ser_conone {
    width: 100%;
}

.ser_contwo {
    width: 100%;
}


/*响应式*/
@media (min-width: 1170px) {
    .ser_nav {
        float: left;
        margin-right: 50px;
    }

    .ser_header_box {
        position: fixed;
        width: 90%;
        top: 35px;
        margin-left: 5%;
        z-index: 3;
    }

    .ser_ce_con:hover {
        animation: ce_bg 0.5s forwards;
        cursor: pointer
    }

    .ser_mo_tit01 {
        display: none;
    }

    .ser_mo_tit02 {
        display: none;
    }

    .ser_cont_box2 {
        width: 90%;
        margin-left: 5%;
        font-size: 15px;
        padding-top: 12%;
        line-height: 26px;
    }

    .ser_content_box {
        background-size: 100% 100%;
        color: white;
        overflow: hidden
    }
}

@media (max-width: 1170px) {
    .ser_page_box {
        margin-top: 3%;
        display: none;
    }

    .ser_nav_smbox {
        display: block
    }

    .ser_nav {
        display: none;
    }

    .ser_nav {
        background-color: #333333;
        color: #acacac;
        padding: 15px;
        border-bottom: 1px solid black;
    }

    .ser_nav a {
        font-size: 14px;
    }

    .ser_nav_smbox {
        position: absolute;
        right: 20px;
        top: 0;
        text-align: right;
        width: 10%;
        display: block;
    }

    .ser_nav_smbox img {
        width: 50%;
    }

    .ser_header_right {
        width: 50%;
        position: absolute;
        right: -5.5%;
        top: -15px;
        display: none;
    }

    .ser_cont_box {
        width: 90%;
        margin-left: 5%;
        font-size: 16px;
        padding-top: 12%;
        padding-bottom: 12%
    }

    .ser_logoone {
        float: left;
        height: 44px;
    }

    .ser_header_box {
        position: absolute;
        width: 90%;
        top: 35px;
        margin-left: 5%;
        z-index: 3;
    }

    .ser_con_hide {
        display: none
    }

    .ser_ce_box {
        position: fixed;
        right: 10px;
        top: 85%;
    }

    .ser_cont_box2 {
        width: 90%;
        margin-left: 5%;
        font-size: 15px;
        padding-top: 0%;
        line-height: 26px;
    }

    .ser_content_box {
        background-size: auto 100%;
        color: white;
        overflow: hidden;
        background-position: center
    }
}

@media (max-width: 920px) {
    .ser_mo_tit01 {
        font-size: 20px;
        border-left: 3px solid white;
        padding-left: 10px;
        margin-top: 0%;
        margin-bottom: 2%;
        line-height: 22px;
        font-weight: bold
    }
}

@media (max-width: 720px) {
    .ser_logoone {
        float: left;
        width: 70%;
        height: auto
    }

    .ser_nav_smbox {
        position: absolute;
        right: 0px;
        top: 0px;
        text-align: right;
        width: 10%;
        display: block;
    }

    .ser_text_box {
        margin-top: 5%;
    }

    .ser_cont_box {
        width: 90%;
        margin-left: 5%;
        font-size: 13px;
        padding-top: 20%;
        padding-bottom: 20%
    }

    .ser_onecon_box {
        text-align: center;
        float: left;
        margin-right: 20px;
        width: 20%
    }

    .ser_conone {
        width: 100%
    }

    .ser_contwo {
        width: 100%
    }

    .ser_title {
        font-size: 14px;
        font-weight: bold;
        margin-bottom: 5px;
        margin-top: 10%
    }

    .ser_text_img {
        margin-top: 10%
    }

    .ser_mo_tit01 {
        font-size: 20px;
        border-left: 3px solid white;
        padding-left: 10px;
        margin-top: 0%;
        margin-bottom: 7%;
        line-height: 22px;
        font-weight: bold
    }

    .ser_mo_tit02 {
        font-size: 20px;
        border-left: 3px solid white;
        padding-left: 10px;
        margin-bottom: 7%;
        line-height: 22px;
        font-weight: bold
    }

    .ser_header_box {
        top: 20px;
    }
}

@media (max-width: 520px) {
    .ser_mo_tit01 {
        font-size: 20px;
        border-left: 3px solid white;
        padding-left: 10px;
        margin-top: 0%;
        margin-bottom: 7%;
        line-height: 22px;
        font-weight: bold;
    }

    .ser_nav_smbox {
        position: absolute;
        right: 10px%;
        top: 0px;
        text-align: right;
        width: 12%;
        display: block;
    }
}

@media (max-width: 420px) {
    .ser_mo_tit01 {
        font-size: 20px;
        border-left: 3px solid white;
        padding-left: 10px;
        margin-top: 10%;
        margin-bottom: 7%;
        line-height: 22px;
        font-weight: bold
    }

    .ser_nav_smbox {
        position: absolute;
        right: 0px;
        top: 0px;
        text-align: right;
        width: 15%;
        display: block;
    }

}

@media (max-width: 3700px) {
    .ser_mo_tit01 {
        font-size: 20px;
        border-left: 3px solid white;
        padding-left: 10px;
        margin-top: 15%;
        margin-bottom: 7%;
        line-height: 22px;
        font-weight: bold
    }

}


/*以下是about样式*/
.ab_header_box {
    position: fixed;
    width: 94%;
    z-index: 5;
    box-sizing: content-box;
    padding: 30px 3%;
    transition: background-color 0.5s;
    -webkite-transition: background-color 0.5s;
    -moz-transition: background-color 0.5s;
    -o-transition: background-color 0.5s;
}

.ab_header_boxlei {
    background-color: white;
    box-shadow: 0px 1px 5px black;
    transition: background-color 0.5s;
    -webkite-transition: background-color 0.5s;
    -moz-transition: background-color 0.5s;
    -o-transition: background-color 0.5s;
}

.ab_header_left {
    float: left
}

.ab_header_left h1 {
    margin: 0;
}

.ab_header_right {
    float: right;
    margin-top: 15px;
}

.ab_nav a {
    color: white;
    text-decoration: none;
    padding-bottom: 3px;
    font-size: 18px;
}

.ab_nav a:hover {
    border-bottom: 1px solid white;
}

.ab_nav .ab_nav_color {
    color: black;
}

.ab_logoone {
    float: left;
    height: 44px;
}

.ab_logotwo {
    float: left;
    height: 44px;
    display: none;
}

.ca_header_lei {
    background-color: white;
    box-shadow: 0px 1px 5px black;
    transition: background-color 0.5s;
    -webkite-transition: background-color 0.5s;
    -moz-transition: background-color 0.5s;
    -o-transition: background-color 0.5s;
}

@keyframes map {
    to {
        border-color: black;
        background-color: black;
        color: white;
    }
}

@keyframes font_color {
    to {
        color: white
    }
}

@keyframes share_bg {
    to {
        background-color: black;
    }
}

@keyframes ce_bg {
    to {
        background-color: #e43a3d;
    }
}

.ab_nav_smbox {
    display: none
}

.ab_slogan_one {
    text-align: center;
    color: white;
    font-size: 36px;
    margin-bottom: 15px;
}

.ab_slogan_two {
    text-align: center;
    color: white;
    margin-top: 30px;
    font-size: 16px;
}

.ab_slogan_three {
    margin-top: 5%;
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
}

.ab_top_box {
    position: relative;
}

.ab_slogan_box {
    position: absolute;
    width: 100%;
    top: 22%;
}

.ab_top_img {
    width: 100%;
    display: block
}

.ab_top_con02 {
    display: none
}

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

.ab_topxiang {
    float: left;
    color: white;
    width: 33%;
    text-align: center;
}

.ab_foot_end {
    background-color: #1b1b1d;
    position: relative;
    width: 100%;
}

.ab_twobox {
    position: relative;
    width: 100%;
    background-image: url(../images/about_mo02bg_1.jpg);
    text-align: center;
    padding-top: 100px;
    padding-bottom: 90px;
}

.ab_twotit {
    font-size: 48px;
    color: white;
    padding-bottom: 18px;
}

.ab_twocon {
    font-size: 15px;
    line-height: 32px;
    color: white;
}

.ab_twobtn {
    margin-top: 50px;
    margin-bottom: 50px;
}

@keyframes lian_change {
    to {
        background-color: white;
        color: black;
    }
}

.ba_threebox {
    position: relative;
    overflow: hidden
}

#ab_video {
    width: 100%;
}

.ab_play {
    position: absolute;
    cursor: pointer;
    width: 8%;
    top: 45%;
    left: 46%;
}

.ab_vidimg {
    min-width: 100%;
    min-height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.ab_twonei {
    width: 80%;
    margin-left: auto;
    margin-right: auto
}

/*
		响应式
		*/
@media (max-width: 1170px) {

    .ab_foot_end {
        background-color: #1b1b1d;
        bottom: 0;
        width: 100%;
    }

    .ab_header_box {
        position: absolute;
        width: 94%;
        z-index: 5;
        padding: 20px 3%;
    }
}

@media (min-width: 1020px) {
    .ab_nav {
        float: left;
        margin-right: 50px;
    }

    .ab_lian {
        border: 2px solid white;
        border-radius: 30px;
        padding: 10px 50px;
        margin-left: 10px;
        margin-right: 10px;
        color: white;
        font-size: 17px;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .ab_lianlei {
        animation: lian_change 0.5s forwards
    }
}

@media (max-width: 1020px) {
    .ab_nav {
        background-color: #333333;
        color: white;
        padding: 15px;
        border-bottom: 1px solid black;
    }

    .ab_nav a {
        font-size: 14px;
    }

    .ab_header_right {
        width: 40%;
        position: absolute;
        right: 0px;
        top: -15px;
        display: none
    }

    .ab_nav_smbox img {
        width: 100%;
    }

    .ab_logoone {
        float: left;
        width: 60%;
        height: auto
    }

    .ab_logotwo {
        float: left;
        width: 60%;
        height: auto
    }

    .ab_nav_smbox {
        position: absolute;
        right: 20px;
        top: 20px;
        text-align: right;
        width: 5%;
        display: block
    }

    .ab_slogan_two {
        display: none
    }

    .ab_nav_img {
        display: none
    }

    .ab_twonei {
        width: 90%;
        margin-left: auto;
        margin-right: auto
    }

    .ab_top_box {
        position: relative;
    }

    .ab_lian {
        border: 2px solid white;
        border-radius: 30px;
        padding: 10px 50px;
        margin-left: 10px;
        margin-right: 10px;
        color: white;
        font-size: 17px;
        margin-top: 10px;
        margin-bottom: 10px;
        display: block;
    }
}

@media (max-width: 720px) {
    .ab_nav_smbox {
        position: absolute;
        right: 20px;
        top: 20px;
        text-align: right;
        width: 5%;
        display: block
    }
}

@media (min-width: 620px) {
    .ab_xiangtop {
        line-height: 180px;
        font-size: 89px;
        font-family: Impact
    }
}

@media (max-width: 620px) {
    .ab_header_box {
        position: absolute;
        width: 94%;
        z-index: 5;
        padding: 20px 3%;
        z-index: 3;
    }

    .ab_nav_smbox {
        position: absolute;
        right: 20px;
        top: 20px;
        text-align: right;
        width: 5%;
        display: block;
    }

    .ab_friend {
        display: block
    }

    .ab_slogan_one {
        text-align: center;
        color: white;
        font-size: 6vw;
    }

    .ab_top_img {
        width: 800px;
        display: block
    }

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

    .ab_xiangtop {
        font-size: 9vw;
        font-family: Impact;
        margin-top: 30px;
    }

    .ab_slogan_box {
        position: absolute;
        width: 100%;
        top: 20%;
    }

    .ab_twotit {
        font-size: 6vw;
        color: white;
        padding-bottom: 18px;
    }

    .ab_topxiang {
        float: left;
        color: white;
        width: 100%;
        text-align: center;
        margin-top: 5%;
    }

    .ab_xiangdown {
        margin-top: 20px;
    }
}

@media (max-width: 470px) {
    .ab_nav_smbox {
        position: absolute;
        right: 20px;
        top: 20px;
        text-align: right;
        width: 7%;
        display: block;
    }
}

@media (max-width: 350px) {
    .ab_nav_smbox {
        position: absolute;
        right: 20px;
        top: 20px;
        text-align: right;
        width: 10%;
        display: block;
    }
}


/*以下为contact样式*/
.con_header_boxlei {
    background-color: white;
    box-shadow: 0px 1px 5px black;
    transition: background-color 0.5s;
    -webkite-transition: background-color 0.5s;
    -moz-transition: background-color 0.5s;
    -o-transition: background-color 0.5s;
}

.con_foot {
    width: 95%;
    margin-left: 2.5%;
    border-top: 0.5px solid #797979;
    margin-top: 2%;
    padding: 20px 0px;
    margin-top: 10px
}

@keyframes map {
    to {
        border-color: black;
        background-color: black;
        color: white;
    }
}

@keyframes font_color {
    to {
        color: white
    }
}

@keyframes share_bg {
    to {
        background-color: black;
    }
}

@keyframes ce_bg {
    to {
        background-color: #e43a3d;
    }
}

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

@keyframes lian_change {
    to {
        background-color: white;
        color: black;
    }
}

.con_one {
    position: relative;
    overflow: hidden
}

.con_soone {
    font-size: 50px;
    color: white;
    font-weight: bold
}

.con_sobox {
    text-align: center;
    position: absolute;
    width: 100%;
    top: 40%;
    left: 0;
}

.con_conbox {
    float: left;
    width: 50%;
}

.con_onebg {
    width: 100%;
}

.con_two {
    position: relative;
    overflow: hidden
}

.con_twobg {
    width: 100%;
}

.con_inbox {
    width: 90%;
    position: absolute;
    top: 15%;
    left: 5%;
}

.con_twoso01 {
    font-size: 2.2vw;
    float: left;
    color: black;
    font-weight: bold
}

.con_twoimg01 {
    float: left;
    margin-left: 30px;
}

.con_twoso02 {
    font-size: 1.7vw;
    color: black;
    margin-bottom: 10px;
}

.con_twoimg02 {
    display: block;
}

.con_twocon {
    width: 10.6%;
    background-color: rgba(237, 176, 56, 0.85);
    padding: 1% 3%;
    float: left;
    height: 200px;
}

.con_twoconlei {
    background-color: #e5453c;
}

.con_contit {
    color: white;
    font-weight: bold;
    font-size: 1vw;
    margin-top: 10px;
    margin-bottom: 10px;
}

.con_conxiang {
    color: white
}

.con_xiang {
    width: 90%;
    position: absolute;
    bottom: 0;
    left: 5%;
}

.con_sodown {
    margin-top: 3%;
}

.con_three {
    width: 90%;
    margin-left: 5%;
}

.con_threeso01 {
    font-size: 24px;
    color: black;
    margin-top: 60px;
}

.con_threeso02 {
    font-size: 14px;
    color: black;
    margin-top: 20px;
}

.con_addin {
    outline: none;
    border-width: 1px;
    padding: 15px;
    width: 20%;
    margin-right: 1%;
    border: 1px solid #a6a6a6
}

.con_need {
    resize: none;
    width: 100%;
    outline: none;
    border-width: 1px;
    padding: 15px;
    border: 1px solid #a6a6a6;
    height: 100px;
}

.con_inputbox {
    margin-top: 60px;
}

.con_area {
    margin-top: 30px;
}

.con_formup {
    margin-top: 30px;
}

.con_threeup {
    background-color: #555555;
    color: white;
    padding: 15px 50px;
    border-radius: 5px;
    border: none;
    outline: none;
    margin-bottom: 30px;
    margin-right: 5px;
    cursor: pointer;
    font-size: 16px;
}

.con_threeup:hover {
    animation: formup 0.5s forwards
}

@keyframes formup {
    to {
        background-color: #951e23;
    }
}

.ab_foot_end {
    background-color: #1b1b1d;
    position: relative;
    width: 100%;
}

/*
		响应式
		*/
@media (max-width: 1170px) {
    .ab_foot_end {
        background-color: #1b1b1d;
        position: relative;
        width: 100%;
    }

    .con_sodown {
        display: none
    }
}

@media (max-width: 1020px) {
    .con_twocon {
        width: 25%;
        background-color: rgba(237, 176, 56, 0.85);
        padding: 1% 3%;
        float: left;
        height: 200px;
        margin: 5px;
    }

    .con_twobg {
        display: none
    }

    .con_soone {
        font-size: 5vw;
        color: white;
        font-weight: bold
    }

    .con_two {
        height: 580px;
    }

    .con_addin {
        outline: none;
        border-width: 1px;
        padding: 15px;
        width: 27%;
        margin-right: 1%;
        border: 1px solid #a6a6a6
    }

    .con_contit {
        color: white;
        font-weight: bold;
        font-size: 2vw;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .con_twoso01 {
        font-size: 3vw;
        float: left;
        color: black;
        font-weight: bold
    }

    .con_inbox {
        width: 90%;
        position: absolute;
        top: 10%;
        left: 5%;
    }
}

@media (max-width: 820px) {
    .con_contit {
        color: white;
        font-weight: bold;
        font-size: 3vw;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .con_twoso01 {
        font-size: 4vw;
        float: left;
        color: black;
        font-weight: bold
    }

    .con_addin {
        outline: none;
        border-width: 1px;
        padding: 15px;
        width: 90%;
        margin-right: 0;
        border: 1px solid #a6a6a6;
        margin-top: 30px;
    }

    .con_twocon {
        width: 42%;
        background-color: rgba(237, 176, 56, 0.85);
        padding: 1% 3%;
        float: left;
        height: 190px;
        text-align: left;
        margin-bottom: 10px;
    }

    .con_two {
        height: 750px;
    }

    .con_inbox {
        width: 90%;
        position: absolute;
        top: 3%;
        left: 5%;
    }

    .con_need {
        resize: none;
        width: 90%;
        outline: none;
        border-width: 1px;
        padding: 15px;
        border: 1px solid #a6a6a6;
        height: 100px;
    }
}

@media (max-width: 620px) {
    .con_friend {
        display: block
    }

    .con_sobox {
        text-align: center;
        position: absolute;
        width: 100%;
        top: 45%;
        left: 0;
    }

    .con_one {
        height: 200px;
    }

    .con_onebg {
        height: 100%;
    }

    .con_soone {
        font-size: 8vw;
        color: white;
        font-weight: bold
    }

    .con_twoso01 {
        font-size: 5.5vw;
        float: left;
        color: black;
        font-weight: bold
    }

    .con_two {
        height: 880px;
    }

    .con_addin {
        outline: none;
        border-width: 1px;
        padding: 15px;
        width: 90%;
        margin-right: 0;
        border: 1px solid #a6a6a6;
        margin-top: 30px;
    }

    .con_need {
        resize: none;
        width: 90%;
        outline: none;
        border-width: 1px;
        padding: 15px;
        border: 1px solid #a6a6a6;
        height: 100px;
    }

    .con_inputbox {
        margin-top: 20px;
    }

    .con_twoimg01 {
        display: none
    }

    .con_inbox {
        width: 90%;
        position: absolute;
        top: 3%;
        left: 5%;
    }

    .con_contit {
        color: white;
        font-weight: bold;
        font-size: 5vw;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .con_twocon {
        width: 42%;
        background-color: rgba(237, 176, 56, 0.85);
        padding: 20px 3%;
        float: left;
        height: 200px;
        text-align: left;
        margin-bottom: 10px;
    }
}

@media (max-width: 580px) {
    .con_two {
        height: 850px;
    }

    .con_contit {
        color: white;
        font-weight: bold;
        font-size: 5vw;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .con_twocon {
        width: 41%;
        background-color: rgba(237, 176, 56, 0.85);
        padding: 20px 3%;
        float: left;
        height: 200px;
        text-align: left;
        margin-bottom: 10px;
    }
}

@media (max-width: 420px) {
    .con_two {
        height: 690px;
    }

    .con_contit {
        color: white;
        font-weight: bold;
        font-size: 16px;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .con_twocon {
        width: 40%;
        background-color: rgba(237, 176, 56, 0.85);
        padding: 20px 3%;
        float: left;
        height: 150px;
        text-align: left;
        margin-bottom: 10px;
    }

    .con_twocon img {
        max-width: 20%
    }

    .con_threeso01 {
        font-size: 24px;
        color: black;
        margin-top: 30px;
    }

    .con_threeso02 {
        font-size: 14px;
        color: black;
        margin-top: 10px;
    }

    .con_inputbox {
        margin-top: 10px;
    }

    .con_addin {
        outline: none;
        border-width: 1px;
        padding: 15px;
        width: 90%;
        margin-right: 0;
        border: 1px solid #a6a6a6;
        margin-top: 15px;
    }

    .con_area {
        margin-top: 15px;
    }

    .con_formup {
        margin-top: 15px;
    }
}


/*ca_detail的样式*/
.beian {
    float: left;
    text-decoration: none;
    color: #a8a8a8;
    font-size: 12px;
    margin-right: 20px;
}

@keyframes map {
    to {
        border-color: black;
        background-color: black;
        color: white;
    }
}

@keyframes font_color {
    to {
        color: white
    }
}

@keyframes share_bg {
    to {
        background-color: black;
    }
}

@keyframes ce_bg {
    to {
        background-color: #e43a3d;
    }
}

.ab_top_con02 {
    display: none
}

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

.ab_foot_end {
    background-color: #1b1b1d;
    position: relative;
    width: 100%;
}

@keyframes lian_change {
    to {
        background-color: white;
        color: black;
    }
}

@keyframes playpic {
    0% {
        transform: rotate(-10deg);
        -ms-transform: rotate(-10deg);
        -webkite-transform: rotate(-10deg);
        -moz-transform: rotate(-10deg);
        transform-origin: 30% 30%;
        -ms-transform-origin: 30% 30%;
        -webkite-transform-origin: 30% 30%;
        -moz-transform-origin: 30% 30%;
        width: 100%;
        height: 100%
    }
    50% {
        transform: rotate(3deg);
        -ms-transform: rotate(3deg);
        -webkite-transform: rotate(3deg);
        -moz-transform: rotate(3deg);
        transform-origin: 30% 30%;
        -ms-transform-origin: 30% 30%;
        -webkite-transform-origin: 30% 30%;
        -moz-transform-origin: 30% 30%;
        width: 95%;
        height: 103%
    }
    100% {
        transform: rotate(-10deg);
        -ms-transform: rotate(-10deg);
        -webkite-transform: rotate(-10deg);
        -moz-transform: rotate(-10deg);
        transform-origin: 30% 30%;
        -ms-transform-origin: 30% 30%;
        -webkite-transform-origin: 30% 30%;
        -moz-transform-origin: 30% 30%;
        width: 100%;
        height: 100%
    }
}

.det_one {
    width: 90%;
    margin-left: 5%;
    border-bottom: 1px solid #dddddd;
    padding-top: 150px;
    padding-bottom: 50px;
}

.det_oneleft {
    float: left
}

.det_oneright {
    float: right;
    margin-top: 30px;
}

.det_onename {
    font-size: 36px;
    float: left;
    color: black;
}

.det_twoname {
    font-size: 13px;
    padding-left: 10px;
    margin-left: 10px;
    border-left: 1px solid #dfdfdf;
    float: left;
    color: #5a5a5a;
    margin-top: 25px;
}

.det_oneso {
    margin-top: 15px;
}

.det_onebtn01 {
    float: left;
    border-radius: 50%;
    margin-right: 20px;
    width: 46px;
    line-height: 46px;
    text-align: center
}

.det_pan {
    float: left;
    margin-right: 40px;
    font-size: 15px;
    line-height: 46px;
}

.det_two {
    width: 1100px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 70px;
    margin-bottom: 70px
}

.det_xiangimg {
    width: 100%;
    box-shadow: 0px 1px 22px -1px #C5C4C4;
    margin-top: 70px;
}

.det_xiangimg img {
    width: 100%;
}

.det_ask {
    width: 150px;
    background-color: #ffc400;
    margin-left: auto;
    margin-right: auto;
    padding: 13px 0px 13px 45px;
    border-radius: 25px;
    display: block;
}

.det_asknei {
    width: 100px;
}

.det_ask:hover {
    animation: askcolor 0.8s forwards
}

@keyframes askcolor {
    to {
        background-color: #fcda63
    }
}

.det_onebtnlei01 {
    animation: xuan01 0.5s forwards
}

.det_onebtnlei02 {
    animation: xuan02 0.5s forwards
}

@keyframes xuan01 {
    to {
        transform: rotate(360deg);
        -webkite-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
    }
}

@keyframes xuan02 {
    to {
        transform: rotate(-360deg);
        -webkite-transform: rotate(-360deg);
        -ms-transform: rotate(-360deg);
        -moz-transform: rotate(-360deg);
    }
}

.det_cenav {
    width: 50px;
    position: fixed;
    right: 100px;
    top: 40%;
    overflow: hidden
}

.det_cenavcon01 {
    width: 100px;
    height: 50px;
    background-color: #e4e4e4;
}

.det_cenavcon02 {
    width: 50px;
    line-height: 50px;
    height: 50px;
    background-color: #e4e4e4;
    text-align: center
}

.det_cenavcon03 {
    width: 50px;
    line-height: 50px;
    height: 50px;
    background-color: #e4e4e4;
    text-align: center
}

.det_cenavcon04 {
    width: 100px;
    height: 50px;
    background-color: #e4e4e4;
    margin-left: -50px;
}

.det_jianbox {
    width: 50px;
    line-height: 50px;
    float: left;
    text-align: center
}

.det_cenavconlei {
    animation: det_celei 0.8s forwards
}

@keyframes det_celei {
    to {
        background-color: #ffc600;
    }
}

.det_cetxt {
    display: none;
    color: black;
    line-height: 20px;
    font: 12px;
    padding-top: 6px;
}

/*
		响应式
		*/
@media (max-width: 1270px) {
    .det_two {
        width: 90%;
        margin-left: auto;
        margin-right: auto;
        margin-top: 70px;
        margin-bottom: 70px
    }

    .det_cenav {
        width: 50px;
        position: fixed;
        right: 100px;
        top: 40%;
        overflow: hidden
    }
}

@media (max-width: 1170px) {
    .ab_foot_end {
        background-color: #1b1b1d;
        bottom: 0;
        width: 100%;
    }
}

@media (max-width: 820px) {
    .det_oneright {
        float: left;
        margin-top: 30px;
    }

    .det_onename {
        font-size: 26px;
        float: left;
        color: black;
    }

    .det_twoname {
        font-size: 13px;
        padding-left: 10px;
        margin-left: 10px;
        border-left: 1px solid #dfdfdf;
        float: left;
        color: #5a5a5a;
        margin-top: 15px;
    }

    .det_one {
        width: 90%;
        margin-left: 5%;
        border-bottom: 1px solid #dddddd;
        padding-top: 100px;
        padding-bottom: 50px;
    }

    .det_pan {
        float: left;
        margin-top: 0px;
        margin-right: 30px;
    }

    .det_onebtn01 {
        float: left;
        border-radius: 50%;
        margin-right: 10px;
        width: 46px;
        line-height: 46px;
        text-align: center
    }

    .det_two {
        width: 90%;
        margin-left: auto;
        margin-right: auto;
        margin-top: 40px;
        margin-bottom: 70px
    }
}

@media (max-width: 700px) {
    .det_cenav {
        width: 50px;
        position: fixed;
        right: 20px;
        top: 40%;
        overflow: hidden
    }
}

@media (max-width: 620px) {
    .det_friend {
        display: block
    }

    .det_oneright a {
        width: 50%;
        margin-bottom: 5px;
    }
}


/*culture的样式*/
.ab_foot_end {
    background-color: #1b1b1d;
    position: relative;
    width: 100%;
}

.beian {
    float: left;
    text-decoration: none;
    color: #a8a8a8;
    font-size: 12px;
    margin-right: 20px;
}

@keyframes map {
    to {
        border-color: black;
        background-color: black;
        color: white;
    }
}

@keyframes font_color {
    to {
        color: white
    }
}

@keyframes share_bg {
    to {
        background-color: black;
    }
}

@keyframes ce_bg {
    to {
        background-color: #e43a3d;
    }
}

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

@keyframes lian_change {
    to {
        background-color: white;
        color: black;
    }
}

.cul_one {
    position: relative;
    overflow: hidden;
    height: 900px;
}

.cul_onebg {
    min-width: 100%;
    min-height: 100%;
}

.cul_imgbox {
    position: absolute;
    width: 732px;
    left: 50%;
    top: 50%;
    height: 466px;
    margin-left: -366px;
    margin-top: -233px;
}

.cul_dongimg01 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

.cul_dongimg02 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

.cul_dongimg03 {
    position: absolute;
    top: 0;
    left: 0;
    animation: playpic 30s infinite;
    transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    -webkite-transform: rotate(-10deg);
    -moz-transform: rotate(-10deg);
    transform-origin: 40% 40%;
    -ms-transform-origin: 40% 40%;
    -webkite-transform-origin: 40% 40%;
    -moz-transform-origin: 40% 40%;
    width: 100%
}

@keyframes playpic {
    0% {
        transform: rotate(-10deg);
        -ms-transform: rotate(-10deg);
        -webkite-transform: rotate(-10deg);
        -moz-transform: rotate(-10deg);
        transform-origin: 30% 30%;
        -ms-transform-origin: 30% 30%;
        -webkite-transform-origin: 30% 30%;
        -moz-transform-origin: 30% 30%;
        width: 100%;
        height: 100%
    }
    50% {
        transform: rotate(3deg);
        -ms-transform: rotate(3deg);
        -webkite-transform: rotate(3deg);
        -moz-transform: rotate(3deg);
        transform-origin: 30% 30%;
        -ms-transform-origin: 30% 30%;
        -webkite-transform-origin: 30% 30%;
        -moz-transform-origin: 30% 30%;
        width: 95%;
        height: 103%
    }
    100% {
        transform: rotate(-10deg);
        -ms-transform: rotate(-10deg);
        -webkite-transform: rotate(-10deg);
        -moz-transform: rotate(-10deg);
        transform-origin: 30% 30%;
        -ms-transform-origin: 30% 30%;
        -webkite-transform-origin: 30% 30%;
        -moz-transform-origin: 30% 30%;
        width: 100%;
        height: 100%
    }
}

.cul_sol01 {
    color: white;
    position: absolute;
    top: 0;
    left: -100px;
}

.cul_sol02 {
    color: white;
    position: absolute;
    top: -30px;
    right: -50px;
}

.cul_sol03 {
    color: white;
    position: absolute;
    bottom: 0;
    left: -100px;
}

.cul_sol04 {
    color: white;
    position: absolute;
    bottom: -30px;
    right: -100px;
}

.cul_sotit01 {
    background-color: #eb891a;
    font-size: 18px;
    font-weight: bold;
    padding: 5px 0px;
    width: 60px;
    text-align: center;
    margin-bottom: 5px;
}

.cul_sotit02 {
    background-color: #c92327;
    font-size: 18px;
    font-weight: bold;
    padding: 5px 0px;
    width: 60px;
    text-align: center;
    margin-bottom: 5px;
}

/*
		响应式
		*/
@media (max-width: 1170px) {
    .ab_foot_end {
        background-color: #1b1b1d;
        position: relative;
        width: 100%;
    }
}

@media (max-width: 1020px) {
    .cul_imgbox {
        position: absolute;
        width: 550px;
        height: 350px;
        top: 60%;
        left: 50%;
        margin-left: -275px;
    }

    .cul_sol01 {
        color: white;
        position: absolute;
        top: -200px;
        left: 20px;
    }

    .cul_sol02 {
        color: white;
        position: absolute;
        top: -100px;
        left: 20px;
    }

    .cul_sol03 {
        color: white;
        position: absolute;
        bottom: -100px;
        left: 20px;
    }

    .cul_sol04 {
        color: white;
        position: absolute;
        bottom: -200px;
        left: 20px;
    }
}

@media (max-width: 620px) {
    .cul_friend {
        display: block
    }

    .cul_onebg {
        height: 100%;
    }

    .cul_imgbox {
        position: absolute;
        width: 320px;
        height: 203px;
        top: 65%;
        left: 50%;
        margin-left: -160px;
    }

    .cul_sol01 {
        color: white;
        position: absolute;
        top: -200px;
        right: 20px;
        text-align: right
    }

    .cul_sol02 {
        color: white;
        position: absolute;
        top: -100px;
        left: 20px;
    }

    .cul_sol03 {
        color: white;
        position: absolute;
        bottom: -100px;
        right: 20px;
        text-align: right
    }

    .cul_sol04 {
        color: white;
        position: absolute;
        bottom: -200px;
        left: 20px;
    }

    .cul_sotit01 {
        background-color: #eb891a;
        font-size: 15px;
        font-weight: bold;
        padding: 3px 0px;
        width: 50px;
        text-align: center;
        margin-bottom: 5px;
    }

    .cul_sotit02 {
        background-color: #c92327;
        font-size: 15px;
        font-weight: bold;
        padding: 3px 0px;
        width: 50px;
        text-align: center;
        margin-bottom: 5px;
    }
}


/*in_particulars的样式*/
.par_header_boxlei {
    background-color: white;
    box-shadow: 0px 1px 5px black;
    transition: background-color 0.5s;
    -webkite-transition: background-color 0.5s;
    -moz-transition: background-color 0.5s;
    -o-transition: background-color 0.5s;
}

.par_weitext {
    color: white;
    font-size: 12px;
    margin-top: 10px;
}

.beian {
    float: left;
    text-decoration: none;
    color: #a8a8a8;
    font-size: 12px;
    margin-right: 20px;
}

@keyframes map {
    to {
        border-color: black;
        background-color: black;
        color: white;
    }
}

@keyframes font_color {
    to {
        color: white
    }
}

@keyframes share_bg {
    to {
        background-color: black;
    }
}

@keyframes ce_bg {
    to {
        background-color: #e43a3d;
    }
}

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

@keyframes lian_change {
    to {
        background-color: white;
        color: black;
    }
}

.par_one {
    overflow: hidden;
    height: 398px;
    background-color: #9dd273;
    text-align: center;
    padding-bottom: 30px;
}

.par_soone {
    font-size: 40px;
    color: white;
    margin-top: 10%;
}

.par_soone2 {
    font-size: 50px;
    color: white;
    font-weight: bold;
    margin-top: 2%;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
}

.par_two {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 80px;
    padding-bottom: 0px;
}

.par_two a:hover {
    color: black;
}

.par_p {
    margin-bottom: 50px;
}

.par_artimg {
    width: 90%;
    margin-bottom: 30px;
    margin-left: 5%;
}

.ab_foot_end {
    background-color: #1b1b1d;
    position: relative;
    width: 100%;
}

/*
		响应式
		*/
@media (max-width: 1170px) {
    .ab_foot_end {
        background-color: #1b1b1d;
        position: relative;
        width: 100%;
    }

    .par_soone2 {
        font-size: 40px;
        color: white;
        font-weight: bold;
        margin-top: 4%
    }

    .par_soone {
        margin-top: 14%;
    }
}

@media (max-width: 1020px) {
    .par_soone2 {
        font-size: 30px;
        color: white;
        font-weight: bold;
        margin-top: 2%
    }

    .par_soone {
        font-size: 30px;
        color: white;
        margin-top: 12%
    }
}

@media (max-width: 991px) {
    .par_one {
        height: 220px;
    }
}

@media (max-width: 720px) {
    .par_soone2 {
        font-size: 20px;
        color: white;
        font-weight: bold;
        margin-top: 2%
    }

    .par_soone {
        font-size: 20px;
        color: white;
        margin-top: 12%
    }
}

@media (max-width: 620px) {
    .par_friend {
        display: block
    }

    .par_soone2 {
        font-size: 20px;
        color: white;
        font-weight: bold;
        margin-top: 4%;
        width: 80%;
        margin-left: 10%;
    }

    .par_soone {
        font-size: 20px;
        color: white;
        margin-top: 20%
    }
}


/*information的样式*/
.inf_header_boxlei {
    background-color: white;
    box-shadow: 0px 1px 5px black;
    transition: background-color 0.5s;
    -webkite-transition: background-color 0.5s;
    -moz-transition: background-color 0.5s;
    -o-transition: background-color 0.5s;
}

.ab_foot_end {
    background-color: #1b1b1d;
    position: relative;
    width: 100%;
}

.weitext {
    color: white;
    font-size: 12px;
    margin-top: 10px;
}

@keyframes map {
    to {
        border-color: black;
        background-color: black;
        color: white;
    }
}

@keyframes font_color {
    to {
        color: white
    }
}

@keyframes share_bg {
    to {
        background-color: black;
    }
}

@keyframes ce_bg {
    to {
        background-color: #e43a3d;
    }
}

.ab_top_con02 {
    display: none
}

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

@keyframes lian_change {
    to {
        background-color: white;
        color: black;
    }
}

.inf_one {
    position: relative;
    overflow: hidden;
    font-weight: bold
}

.inf_sotwo {
    font-size: 16px;
    color: #a5a6ac;
    padding-top: 28px;
}

.inf_sobox {
    text-align: center;
    position: absolute;
    width: 100%;
    top: 40%;
    left: 0;
    font-size: 40px;
    color: #fff;
}

.inf_conbox {
    float: left;
    width: 50%;
}

.inf_date {
    font-size: 20px;
    margin-top: 50px;
    color: black;
}

.inf_tit {
    font-size: 17px;
    margin-top: 30px;
    color: black;
}

.inf_xiang {
    line-height: 27px;
    margin-top: 30px;
    margin-bottom: 30px;
    color: #666666
}

.inf_add {
    font-size: 25px;
    color: #666666;
    margin-bottom: 30px;
}

.inf_txt {
    text-align: center;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    height: 300px;
}

.inf_conboxlei {
    background-image: url(../images/inf_conbg_1.jpg);
}

.inf_twoin {
    float: left;
    width: 50%;
}

.inf_img {
    position: relative;
}

.inf_imgup {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3);
    top: 0;
    left: 0;
    display: none
}

.inf_concolor {
    color: white
}

.inf_onebg {
    width: 100%;
}

/*
		响应式
		*/
@media (max-width: 1170px) {
    .ab_foot_end {
        background-color: #1b1b1d;
        position: relative;
        width: 100%;
    }
}

@media (max-width: 1020px) {
    .inf_twoin {
        float: left;
        width: 100%;
    }

    .inf_soone {
        font-size: 5vw;
        color: white;
        font-weight: bold
    }
}

@media (max-width: 620px) {
    .inf_friend {
        display: block
    }

    .inf_sotwo {
        font-size: 16px;
        color: #a5a6ac;
        padding-top: 28px;
        display: none
    }

    .inf_sobox {
        text-align: center;
        position: absolute;
        width: 100%;
        top: 45%;
        left: 0;
    }

    .inf_conbox {
        float: left;
        width: 48%;
        background-color: #EEEEEE;
        margin-left: 1%;
        margin-right: 1%;
        margin-top: 8px;
    }

    .inf_one {
        height: 200px;
    }

    .inf_onebg {
        height: 100%;
    }

    .inf_soone {
        font-size: 8vw;
        color: white;
        font-weight: bold
    }

    .inf_date {
        font-size: 18px;
        margin-top: 20px;
        color: black;
    }

    .inf_tit {
        font-size: 16px;
        margin-top: 15px;
        color: black;
        height: 45px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }

    .inf_xiang {
        line-height: 25px;
        height: 50px;
        margin-top: 15px;
        margin-bottom: 5px;
        color: #666666;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }

    .inf_txt {
        height: 202px;
    }

    .inf_add {
        font-size: 25px;
        color: #666666;
        margin-bottom: 10px;
    }
}

/*join的样式*/
.jo_one {
    position: relative;
    overflow: hidden
}

.jo_onebg {
    width: 100%
}

.jo_sotopbox {
    position: absolute;
    width: 100%;
    left: 50px;
    bottom: 10%;
}

.jo_soone {
    font-size: 45px;
    color: white;
    font-weight: bold
}

.jo_leftbox {
    float: left;
    width: 45%;
}

.jo_leftright {
    float: right;
    width: 40%;
}

.jo_ltou {
    float: left;
    width: 100px;
    text-align: center;
    margin-left: 10%
}

.jo_lnei {
    float: right;
    width: 70%;
    overflow: hidden;
    box-shadow: 0px 0px 5px #dddddd;
}

.jo_name {
    margin-top: 10px;
    margin-bottom: 30px;
}

.jo_two {
    padding-top: 30px;
    padding-bottom: 30px;
}

.jo_lconbox {
}

.jo_lcon {
    padding: 30px 0px;
    float: left;
}

.jo_tit {
    font-size: 20px;
    line-height: 50px
}

.jo_fu {
    font-size: 16px;
    line-height: 30px
}

.jo_con {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 10px;
}

.jo_join {
    border: 2px solid #767676;
    margin-top: 40px;
    display: block;
    line-height: 36px;
    width: 130px;
    text-align: center;
}

.jo_joinlei {
    animation: join 0.5s forwards
}

@keyframes join {
    to {
        color: white;
        background-color: #951e23;
        border-color: #951e23;
    }
}

.jo_rightbox {
    float: right;
    width: 49%;
    position: relative;
    overflow: hidden;
    box-shadow: 0 0 10px black
}

.jo_ban {
    float: left
}

.jo_upceng {
    position: absolute;
    height: 100%;
    background-color: rgba(6, 6, 6, 0.5);
    top: 0;
    left: 0;
}

.jo_so {
    float: left;
    color: white;
}

.jo_sobox {
    position: absolute;
    left: 0;
    bottom: 30%;
    z-index: 2
}

.jo_sotit {
    font-size: 32px;
    margin-bottom: 30px;
}

.jo_socon {
    font-size: 16px;
    line-height: 30px;
}

.jo_sonei {
    width: 80%;
    margin-left: auto;
    margin-right: auto
}

.jo_upceng {
    position: absolute
}

.jo_conbox {
    float: left;
    background-color: #666666;
    width: 80px;
    text-align: center;
    line-height: 80px;
    border-radius: 50%;
    margin-left: 20px;
    margin-right: 20px;
    cursor: pointer
}

.jo_conboxlei {
    background-color: #bf1724;
}

.jo_bannercon {
    position: absolute;
    bottom: 50px;
    left: 100px;
}

.jo_touan {
    display: block;
    margin-left: 30px;
}

.jo_touliang {
    display: none;
    margin-left: 30px;
}

.jo_toubox {
    text-align: center;
    cursor: pointer
}

.jo_toushow {
    display: block
}

.jo_touhide {
    display: none
}

.jo_neibox {
    width: 90%;
    margin-left: auto;
    margin-right: auto
}

/*响应式*/
@media (max-width: 1140px) {
    .jo_rightbox {
        display: none
    }

    .jo_leftbox {
        float: left;
        width: 90%;
    }
}

@media (max-width: 720px) {
    .jo_soone {
        font-size: 25px;
        color: white;
        font-weight: bold
    }
}

@media (max-width: 620px) {
    .jo_rightbox {
        display: none
    }

    .jo_leftbox {
        float: left;
        width: 90%;
    }

    .jo_ltou {
        float: left;
        width: 100px;
        text-align: center;
        margin-left: 5%
    }
}

@media (max-width: 470px) {
    .jo_rightbox {
        display: none
    }

    .jo_leftbox {
        float: left;
        width: 95%;
    }

    .jo_ltou {
        float: left;
        width: 60px;
        text-align: center;
        margin-left: 10px
    }

    .jo_touan {
        display: block;
        margin-left: 15px;
    }

    .jo_touliang {
        display: none;
        margin-left: 15px;
    }

    .jo_toushow {
        display: block
    }

    .jo_touhide {
        display: none
    }

    .jo_soone {
        font-size: 18px;
        color: white;
        font-weight: bold
    }

    .jo_onebg {
        width: 130%
    }
}

/*join_form样式*/
.jofo_name {
    float: left;
    width: 100px;
    text-align: right;
    margin-top: 10px;
    font-size: 17px;
}

.jofo_nei {
    float: left;
    padding: 15px;
    margin-left: 20px;
    outline: none;
    border: 1px solid #a6a6a6;
    width: 200px;
}

.jofo_nei2 {
    float: left;
    padding: 15px;
    margin-left: 20px;
    outline: none;
    border: 1px solid #a6a6a6;
    width: 200px;
    resize: none
}

.jofo_two {
    margin-top: 100px;
}

.jofo_fobox {
    margin-top: 20px;
    margin-bottom: 20px;
}

.jofo_ti {
    color: white;
    background-color: #555555;
    padding: 15px 50px;
    border: none;
    border-radius: 5px;
    outline: none;
    margin-left: 120px;
    cursor: pointer
}

.jofo_ti:hover {
    background-color: #f7a911;
}

.jofo_neibox {
    width: 380px;
    margin-left: auto;
    margin-right: auto;
}

@media (max-width: 400px) {
    .jofo_name {
        float: left;
        width: 90px;
        text-align: right;
        margin-top: 15px;
        font-size: 15px;
    }

    .jofo_nei {
        float: left;
        padding: 15px;
        margin-left: 20px;
        outline: none;
        border: 1px solid #a6a6a6;
        width: 150px;
    }

    .jofo_nei2 {
        float: left;
        padding: 15px;
        margin-left: 20px;
        outline: none;
        border: 1px solid #a6a6a6;
        width: 150px;
        resize: none
    }

    .jofo_neibox {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }

    .jofo_two {
        margin-top: 30px;
    }
}


/*--小程序页面--*/

.xcbg {
    background: #EEEEEE;
    width: 100%;
    padding: 38px 0 18px 0;
}

.max1200 {
    max-width: 1200px;
    margin: 0 auto;
}

.color0 {
    color: #000000;
}

.fontn {
    font-weight: 500;
    font-size: 18px;
}

.font14 {
    font-size: 14px;
}

.cxico {
    float: left;
    padding-right: 20px;
    padding-left: 20px;
}

.cbodr {
    border-right: 1px solid #CCCCCC;
    margin-bottom: 20px;
}

.mt60 {
    margin-top: 60px;
}

.imgcc {
    width: 93%;
}

.red {
    color: #F00;
}

.fontw {
    font-weight: 500;
}

.pt26 {
    padding-top: 26px;
}

.pt36 {
    padding-top: 36px;
}

.pb30 {
    padding-bottom: 30px;
}

.pb34 {
    padding-bottom: 34px;
}

.pb40 {
    padding-bottom: 40px;
}

.contn {
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
}

.xysbg {
    background: #F1F5F8;
    padding-top: 30px;
    margin: 0 auto;
}

.bgbai {
    background: #FFF;
    font-size: 16px;
    color: #333333;
    padding: 20px;
    line-height: 26px;
    padding-bottom: 30px;
}

.bgbai:hover {
    background: #F5CC63;
    animation-delay: 2s;
    -webkit-animation-delay: 2s; /* Safari 和 Chrome */
}

/*.ab_header_box{ width:100%;}
*/
.pp30 {
    padding: 33px 0;
}

.pt10 {
    padding-top: 10px;
}

.mt36 {
    margin-top: 36px;
}

.imgcc2 {
    width: 95%;
}

.w20 {
    width: 20%;
    padding: 15px;
    float: left;
}

.baibg {
    background: #FFF;
    padding: 48px 0;
    border: 1px solid #E8E8E8;
}

.baibg:hover {
    -moz-box-shadow: 0px 0px 8px #DFE3E6;
    -webkit-box-shadow: 0px 0px 8px #DFE3E6;
    box-shadow: 0px 0px 8px #DFE3E6;
}

.pt25 {
    padding-top: 25px;
}

.nums {
    transition: 0.2s;
    text-align: center;
    background: url(../images/huibg_03.png) repeat;
    padding-top: 30%;
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.nums h4 {
    color: #333333;
    font-size: 20px;
    line-height: 25px;
    margin-bottom: 20px;
    margin-top: 28px;
}

.nums p {
    font-size: 14px;
    color: #333333;
    margin: 0 38px;
    line-height: 24px;
}

.nums:hover {
    background: url(../images/mnhuang_03.png) repeat;
}

.nums:hover h4 {
    color: #fff;
}

.nums:hover p {
    color: #fff;
}

.rowa {
    margin: 0 -1px;
}

.w201 {
    width: 20%;
    padding: 1px;
    float: left;
    margin-bottom: 1px;
}

.pdw {
    position: relative;
}

.dzdbg {
    background: url(../images/ddz_02.jpg) no-repeat center;
    background-size: cover;
    min-height: 158px;
}

.colorw {
    color: #FFF;
}

.pb10 {
    padding-bottom: 10px;
    padding-top: 56px;
}

.mdingzhi {
    padding: 8px 20px;
    border: 1px solid #fff;
    margin-right: 20px;
    color: #FFF;
    font-size: 16px;
    margin-top: 70px;
    display: inline-block;
}

.mdingzhi:hover {
    color: #333;
    background: #FFF;
}

@media (max-width: 767px) {

    .mdingzhi {
        margin-top: 30px;
    }

    .dzdbg h2 {
        font-size: 20px;
    }
}


/*--p2p---*/
.colorh {
    color: #9b6c10;
}

.font26 {
    font-size: 26px;
}

.bzbg1 {
    background: url(../images/cai_01_1.png) no-repeat center;
    height: 213px;
}

.bzbg2 {
    background: url(../images/cai_02_1.png) no-repeat center;
    height: 213px;
}

.bzbg3 {
    background: url(../images/cai_03_1.png) no-repeat center;
    height: 213px;
}

.bzbg4 {
    background: url(../images/cai_04_1.png) no-repeat center;
    height: 213px;
}

.bzlb {
    text-align: center;
    color: #FFF;
    padding: 120px 5px 0 5px;
}

.bzlb strong {
    font-size: 20px;
}

.bzlb p {
    font-size: 14px;
    color: #FFF;
    line-height: 20px;
    padding-top: 5px;
}

.pjrbg {
    background: url(../images/jrbg_1.jpg) repeat-x bottom;
    width: 100%;
    max-height: 548px;
    padding-bottom: 30px;
}

.company_name span {
    display: inline-block;
    width: 50px;
    height: 1px;
    background-color: #9B6C10;
    margin-bottom: 27px;
    margin-top: 20px;
}

.company_name p {
    font-size: 14px;
    padding-bottom: 20px;
}

.jrpic img {
    width: 92%;
}

.cptxbg {
    background: #F0E9DB;
    width: 100%;
    margin-top: 1px;
}

.baibgj {
    background: #FFF;
    padding: 30px 0;
    border: 1px solid #E8E8E8;
    margin-bottom: 10px;
}

.baibgj:hover {
    -moz-box-shadow: 0px 0px 8px #DFE3E6;
    -webkit-box-shadow: 0px 0px 8px #DFE3E6;
    box-shadow: 0px 0px 8px #DFE3E6;
}

.font16 {
    font-weight: 500;
    font-size: 16px;
}

.font18 {
    font-weight: 500;
    font-size: 18px;
}

.colors {
    color: #333;
}

.duih {
    background: url(../images/duihao_1.png) no-repeat;
    width: 20px;
    height: 20px;
    display: inline-block;
    float: left;
    margin-right: 5px;
}

.pdb10 {
    padding-bottom: 10px;
}

.line30 {
    line-height: 20px;
}

.w202 {
    width: 20%;
    padding: 1px;
    float: left;
    margin-bottom: 1px;
}

.syfwbg {
    background: url(../images/ppxbg_02_1.jpg) no-repeat center;
    height: 298px;
}

.wk50 {
    width: 50%;
    float: right;
}

.mzixun {
    width: 160px;
    height: 40px;
    display: block;
    background: #9B6C10;
    font-size: 18px;
    color: #FFF;
    text-align: center;
    line-height: 40px;
    margin-top: 20px;
}

.mzixun:hover {
    background: #fff;
    color: #9B6C10;
}

.opacity7 {
    opacity: 0.7
}

@media screen and (max-width: 767px) {
    .mt60 {
        margin-top: 30px;
    }

    .pt36 {
        padding-top: 15px;
    }

    .pb34 {
        padding-bottom: 15px;
    }

    .bgbai {
        padding: 20px;
    }

    .pp30 {
        padding: 15px 0;
    }
}

@media screen and (max-width: 375px) {
    .maxlist span.left {
        max-width: 90px;
    }

    .maxlist p {
        font-size: 12px;
    }

    .imgcc2 {
        width: 100%;
    }

}

/*--餐饮--*/
.cysbg {
    background: #EEEEEE;
    padding-top: 26px;
    padding-bottom: 16px;
}

.fonth18 {
    font-size: 18px;
    color: #ff5b00;
    font-weight: 500;
    padding-top: 8px;
}

.color9 {
    color: #999999;
    line-height: 20px;
    padding: 5px 0 10px 0;
}

.mb50 {
    margin-bottom: 50px;
}

.ztfbg {
    background: #E8EBFC;
}

.mztyou {
    float: right;
    width: 90%;
}

.mztyou h1 {
    font-weight: 500;
    font-size: 48px;
    color: #e16a12;
    padding-top: 10%;
    margin: 0;
}

.cor9 {
    font-size: 16px;
    color: #999999;
    line-height: 26px;
}

.tiaot {
    display: block;
    width: 61px;
    height: 61px;
    margin-top: 30px;
}

.tiaot img {
    -webkit-animation: bounce-up 1.4s linear infinite;
    animation: bounce-up 1.4s linear infinite;
}

}
@-webkit-keyframes bounce-down {
    25% {
        -webkit-transform: translateY(-10px);
    }
    50%, 100% {
        -webkit-transform: translateY(0);
    }
    75% {
        -webkit-transform: translateY(10px);
    }
}

@keyframes bounce-down {
    25% {
        transform: translateY(-10px);
    }
    50%, 100% {
        transform: translateY(0);
    }
    75% {
        transform: translateY(10px);
    }
}

.animate-bounce-down {
    background: #333;
    width: 100px;
    height: 100px;
    margin: 100px auto;
    -webkit-animation: bounce-down 1.5s linear infinite;
    animation: bounce-down 1.5s linear infinite;
}

@-webkit-keyframes bounce-up {
    25% {
        -webkit-transform: translateY(10px);
    }
    50%, 100% {
        -webkit-transform: translateY(0);
    }
    75% {
        -webkit-transform: translateY(-10px);
    }
}

@keyframes bounce-up {
    25% {
        transform: translateY(10px);
    }
    50%, 100% {
        transform: translateY(0);
    }
    75% {
        transform: translateY(-10px);
    }
}

.houtg a {
    color: #333333;
    font-size: 14px;
    line-height: 35px;
    float: none;
    display: inline-block;
}

.max1280 {
    max-width: 1400px;
    margin: 0 auto;
}

.hybgh {
    background: #F7F7F6;
}

.mwmbt {
    font-size: 18px;
    color: #333;
}

.max1100 {
    max-width: 1100px;
    margin: 0 auto;
}

.shiyong span {
    display: inline-block;
    width: 50px;
    height: 2px;
    background-color: #F7B532;
    margin-bottom: 5px;
    margin-top: 20px;
}

.shiyong {
    padding-top: 70px;
}

.linet30 {
    line-height: 30px;
}

.colorc {
    font-size: 14px;
    color: #cccccc;
}

.czixun {
    background: #F7B532;
    border-radius: 8px;
    width: 260px;
    height: 50px;
    line-height: 50px;
    display: inline-block;
    font-size: 18px;
    color: #FFF;
    margin-bottom: 20px;
}

.czixun:hover {
    background: #1B1B1D;
    color: #FFF;
}

.shenqi div:hover img {
    -moz-transition: all 0.8s ease-in-out;
    -webkit-transition: all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
    -ms-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;
    -webkit-transform: rotateY(360deg);
    -moz-transform: rotateY(360deg);
    -ms-transform: rotateY(360deg);
    -o-transform: rotateY(360deg);
    transform: rotateY(360deg);
}

.baibg:hover img {
    -moz-transition: all 0.8s ease-in-out;
    -webkit-transition: all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
    -ms-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;
    -webkit-transform: rotateY(360deg);
    -moz-transform: rotateY(360deg);
    -ms-transform: rotateY(360deg);
    -o-transform: rotateY(360deg);
    transform: rotateY(360deg);
}

.baibgj:hover img {
    -moz-transition: all 0.8s ease-in-out;
    -webkit-transition: all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
    -ms-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;
    -webkit-transform: rotateY(360deg);
    -moz-transform: rotateY(360deg);
    -ms-transform: rotateY(360deg);
    -o-transform: rotateY(360deg);
    transform: rotateY(360deg);
}

@media (max-width: 1440px) {
    .mztyou {
        width: 96%;
    }

    .mztyou h1 {
        font-size: 38px;
        padding-top: 5%;
    }

    .mztyou hr {
        margin: 10px 0;
    }

    .tiaot {
        width: 41px;
        height: 41px;
        margin-top: 10px;
    }

    .cor9 {
        font-size: 14px;
        line-height: 25px;
    }

}

@media (max-width: 1380px) {
    .houtg a {
        font-size: 12px;
    }
}

@media (max-width: 1280px) {
    .houtg .col-sm-2 {
        width: 16.66%;
    }

    .houtg a {
        margin-bottom: 10px;
    }
}

@media (max-width: 1200px) {
    .max1200 {
        padding: 0 20px;
    }

    .mztyou h1 {
        font-size: 25px;
    }

    .mztyou {
        width: 98%;
        min-height: 270px;
    }

    .mwmbt {
        font-size: 16px;
    }

    .shiyong {
        padding-top: 50px;
    }

}

@media (max-width: 1100px) {
    .max1100 {
        width: 95%;
    }

    .shiyong {
        padding-top: 30px;
    }

    .mztyou {
        min-height: auto;
    }

    .mztyou .pt10 {
        padding-top: 0;
    }
}

@media (max-width: 1000px) {
    .ycang {
        display: none;
    }

    .mw100 {
        width: 100% !important;
    }

    .imgcc2 {
        width: 90%;
    }

    .nums {
        padding-top: 5%;
    }

    .w201 {
        width: 33.33%;
    }

    .w202 {
        width: 33.33%;
    }

    .bzlb strong {
        font-size: 16px;
    }

    .bzlb p {
        font-size: 12px;
    }

    .company_name p {
        font-size: 12px;
    }

    .jrpic img {
        width: 100%;
        margin-top: 30px;
    }

    .gncang {
        padding-bottom: 50px;
    }

    .gncang .item img {
        margin: 0 auto;
    }

    .wk50 {
        width: 65%;
    }

    .syfwbg {
        background: url(../images/ppxbg_02_1.jpg) no-repeat -455px;
    }

    .tiaot {
        display: none;
    }

}

@media (max-width: 991px) {
    .mztyou {
        min-height: 270px;
    }

}

@media (max-width: 768px) {
    .cbodr {
        margin-bottom: 30px;
    }

    .w20 {
        width: 33.333%;
    }

    .nums {
        padding-top: 30%;
    }

    .syfwbg {
        background: url(../images/ppxbg_02_1.jpg) no-repeat right;
    }

    .wk50 {
        width: 95%;
        margin: 0 auto;
        float: none;
    }

    .wk50 .pb10 {
        padding-top: 15px;
    }

    .shenqi .w202 {
        padding-bottom: 10px;
    }

}

@media (max-width: 767px) {

    .jrpic {
        display: none;
    }

    .sjpt20 {
        padding-top: 20px;
    }
}

@media (max-width: 520px) {
    .w20 {
        width: 50%;
    }

    .w201 {
        width: 100%;
    }

    .bzlb {
        margin-bottom: 5px;
    }

    .houtg .col-sm-2 {
        width: 40%;
    }

}

@media (max-width: 375px) {

    .w20 {
        width: 100%;
    }

    .w202 {
        width: 50%;
    }

    .wk50 {
        width: 100%;
    }

    .mzixun {
        width: 160px;
        height: 30px;
        font-size: 14px;
        line-height: 30px;
        margin-top: 20px;
    }

}


.app-qrcode {
    display: none;
    position: absolute;
    width: 130px;
    height: 130px;
    margin-top: -57px;
    box-shadow: 0 0 6px rgba(14, 22, 30, .3);
    margin-left: -198px;
    z-index: 99;
}

.app-qrcode:before {
    content: '';
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border: 8px solid transparent;
    border-left: 10px solid rgba(0, 0, 0, .3);
    top: 58px;
    left: 132px;
}

.app-qrcode:after {
    content: '';
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border: 8px solid transparent;
    border-left: 10px solid #fff;
    top: 58px;
    left: 129px;
}

.Qr-codee li {
    position: relative;
    float: left;
    text-align: center;
    cursor: pointer;
}

/*--8.2 新增--*/
.row {
    margin-right: -15px;
    margin-left: -15px;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
    float: left;
}

.col-xs-12 {
    width: 100%;
}

.col-xs-11 {
    width: 91.66666667%;
}

.col-xs-10 {
    width: 83.33333333%;
}

.col-xs-9 {
    width: 75%;
}

.col-xs-8 {
    width: 66.66666667%;
}

.col-xs-7 {
    width: 58.33333333%;
}

.col-xs-6 {
    width: 50%;
}

.col-xs-5 {
    width: 41.66666667%;
}

.col-xs-4 {
    width: 33.33333333%;
}

.col-xs-3 {
    width: 25%;
}

.col-xs-2 {
    width: 16.66666667%;
}

.col-xs-1 {
    width: 8.33333333%;
}

.col-xs-pull-12 {
    right: 100%;
}

.col-xs-pull-11 {
    right: 91.66666667%;
}

.col-xs-pull-10 {
    right: 83.33333333%;
}

.col-xs-pull-9 {
    right: 75%;
}

.col-xs-pull-8 {
    right: 66.66666667%;
}

.col-xs-pull-7 {
    right: 58.33333333%;
}

.col-xs-pull-6 {
    right: 50%;
}

.col-xs-pull-5 {
    right: 41.66666667%;
}

.col-xs-pull-4 {
    right: 33.33333333%;
}

.col-xs-pull-3 {
    right: 25%;
}

.col-xs-pull-2 {
    right: 16.66666667%;
}

.col-xs-pull-1 {
    right: 8.33333333%;
}

.col-xs-pull-0 {
    right: auto;
}

.col-xs-push-12 {
    left: 100%;
}

.col-xs-push-11 {
    left: 91.66666667%;
}

.col-xs-push-10 {
    left: 83.33333333%;
}

.col-xs-push-9 {
    left: 75%;
}

.col-xs-push-8 {
    left: 66.66666667%;
}

.col-xs-push-7 {
    left: 58.33333333%;
}

.col-xs-push-6 {
    left: 50%;
}

.col-xs-push-5 {
    left: 41.66666667%;
}

.col-xs-push-4 {
    left: 33.33333333%;
}

.col-xs-push-3 {
    left: 25%;
}

.col-xs-push-2 {
    left: 16.66666667%;
}

.col-xs-push-1 {
    left: 8.33333333%;
}

.col-xs-push-0 {
    left: auto;
}

.col-xs-offset-12 {
    margin-left: 100%;
}

.col-xs-offset-11 {
    margin-left: 91.66666667%;
}

.col-xs-offset-10 {
    margin-left: 83.33333333%;
}

.col-xs-offset-9 {
    margin-left: 75%;
}

.col-xs-offset-8 {
    margin-left: 66.66666667%;
}

.col-xs-offset-7 {
    margin-left: 58.33333333%;
}

.col-xs-offset-6 {
    margin-left: 50%;
}

.col-xs-offset-5 {
    margin-left: 41.66666667%;
}

.col-xs-offset-4 {
    margin-left: 33.33333333%;
}

.col-xs-offset-3 {
    margin-left: 25%;
}

.col-xs-offset-2 {
    margin-left: 16.66666667%;
}

.col-xs-offset-1 {
    margin-left: 8.33333333%;
}

.col-xs-offset-0 {
    margin-left: 0;
}

@media (min-width: 768px) {
    .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
        float: left;
    }

    .col-sm-12 {
        width: 100%;
    }

    .col-sm-11 {
        width: 91.66666667%;
    }

    .col-sm-10 {
        width: 83.33333333%;
    }

    .col-sm-9 {
        width: 75%;
    }

    .col-sm-8 {
        width: 66.66666667%;
    }

    .col-sm-7 {
        width: 58.33333333%;
    }

    .col-sm-6 {
        width: 50%;
    }

    .col-sm-5 {
        width: 41.66666667%;
    }

    .col-sm-4 {
        width: 33.33333333%;
    }

    .col-sm-3 {
        width: 25%;
    }

    .col-sm-2 {
        width: 16.66666667%;
    }

    .col-sm-1 {
        width: 8.33333333%;
    }

    .col-sm-pull-12 {
        right: 100%;
    }

    .col-sm-pull-11 {
        right: 91.66666667%;
    }

    .col-sm-pull-10 {
        right: 83.33333333%;
    }

    .col-sm-pull-9 {
        right: 75%;
    }

    .col-sm-pull-8 {
        right: 66.66666667%;
    }

    .col-sm-pull-7 {
        right: 58.33333333%;
    }

    .col-sm-pull-6 {
        right: 50%;
    }

    .col-sm-pull-5 {
        right: 41.66666667%;
    }

    .col-sm-pull-4 {
        right: 33.33333333%;
    }

    .col-sm-pull-3 {
        right: 25%;
    }

    .col-sm-pull-2 {
        right: 16.66666667%;
    }

    .col-sm-pull-1 {
        right: 8.33333333%;
    }

    .col-sm-pull-0 {
        right: auto;
    }

    .col-sm-push-12 {
        left: 100%;
    }

    .col-sm-push-11 {
        left: 91.66666667%;
    }

    .col-sm-push-10 {
        left: 83.33333333%;
    }

    .col-sm-push-9 {
        left: 75%;
    }

    .col-sm-push-8 {
        left: 66.66666667%;
    }

    .col-sm-push-7 {
        left: 58.33333333%;
    }

    .col-sm-push-6 {
        left: 50%;
    }

    .col-sm-push-5 {
        left: 41.66666667%;
    }

    .col-sm-push-4 {
        left: 33.33333333%;
    }

    .col-sm-push-3 {
        left: 25%;
    }

    .col-sm-push-2 {
        left: 16.66666667%;
    }

    .col-sm-push-1 {
        left: 8.33333333%;
    }

    .col-sm-push-0 {
        left: auto;
    }

    .col-sm-offset-12 {
        margin-left: 100%;
    }

    .col-sm-offset-11 {
        margin-left: 91.66666667%;
    }

    .col-sm-offset-10 {
        margin-left: 83.33333333%;
    }

    .col-sm-offset-9 {
        margin-left: 75%;
    }

    .col-sm-offset-8 {
        margin-left: 66.66666667%;
    }

    .col-sm-offset-7 {
        margin-left: 58.33333333%;
    }

    .col-sm-offset-6 {
        margin-left: 50%;
    }

    .col-sm-offset-5 {
        margin-left: 41.66666667%;
    }

    .col-sm-offset-4 {
        margin-left: 33.33333333%;
    }

    .col-sm-offset-3 {
        margin-left: 25%;
    }

    .col-sm-offset-2 {
        margin-left: 16.66666667%;
    }

    .col-sm-offset-1 {
        margin-left: 8.33333333%;
    }

    .col-sm-offset-0 {
        margin-left: 0;
    }
}

@media (min-width: 992px) {
    .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
        float: left;
    }

    .col-md-12 {
        width: 100%;
    }

    .col-md-11 {
        width: 91.66666667%;
    }

    .col-md-10 {
        width: 83.33333333%;
    }

    .col-md-9 {
        width: 75%;
    }

    .col-md-8 {
        width: 66.66666667%;
    }

    .col-md-7 {
        width: 58.33333333%;
    }

    .col-md-6 {
        width: 50%;
    }

    .col-md-5 {
        width: 41.66666667%;
    }

    .col-md-4 {
        width: 33.33333333%;
    }

    .col-md-3 {
        width: 25%;
    }

    .col-md-2 {
        width: 16.66666667%;
    }

    .col-md-1 {
        width: 8.33333333%;
    }

    .col-md-pull-12 {
        right: 100%;
    }

    .col-md-pull-11 {
        right: 91.66666667%;
    }

    .col-md-pull-10 {
        right: 83.33333333%;
    }

    .col-md-pull-9 {
        right: 75%;
    }

    .col-md-pull-8 {
        right: 66.66666667%;
    }

    .col-md-pull-7 {
        right: 58.33333333%;
    }

    .col-md-pull-6 {
        right: 50%;
    }

    .col-md-pull-5 {
        right: 41.66666667%;
    }

    .col-md-pull-4 {
        right: 33.33333333%;
    }

    .col-md-pull-3 {
        right: 25%;
    }

    .col-md-pull-2 {
        right: 16.66666667%;
    }

    .col-md-pull-1 {
        right: 8.33333333%;
    }

    .col-md-pull-0 {
        right: auto;
    }

    .col-md-push-12 {
        left: 100%;
    }

    .col-md-push-11 {
        left: 91.66666667%;
    }

    .col-md-push-10 {
        left: 83.33333333%;
    }

    .col-md-push-9 {
        left: 75%;
    }

    .col-md-push-8 {
        left: 66.66666667%;
    }

    .col-md-push-7 {
        left: 58.33333333%;
    }

    .col-md-push-6 {
        left: 50%;
    }

    .col-md-push-5 {
        left: 41.66666667%;
    }

    .col-md-push-4 {
        left: 33.33333333%;
    }

    .col-md-push-3 {
        left: 25%;
    }

    .col-md-push-2 {
        left: 16.66666667%;
    }

    .col-md-push-1 {
        left: 8.33333333%;
    }

    .col-md-push-0 {
        left: auto;
    }

    .col-md-offset-12 {
        margin-left: 100%;
    }

    .col-md-offset-11 {
        margin-left: 91.66666667%;
    }

    .col-md-offset-10 {
        margin-left: 83.33333333%;
    }

    .col-md-offset-9 {
        margin-left: 75%;
    }

    .col-md-offset-8 {
        margin-left: 66.66666667%;
    }

    .col-md-offset-7 {
        margin-left: 58.33333333%;
    }

    .col-md-offset-6 {
        margin-left: 50%;
    }

    .col-md-offset-5 {
        margin-left: 41.66666667%;
    }

    .col-md-offset-4 {
        margin-left: 33.33333333%;
    }

    .col-md-offset-3 {
        margin-left: 25%;
    }

    .col-md-offset-2 {
        margin-left: 16.66666667%;
    }

    .col-md-offset-1 {
        margin-left: 8.33333333%;
    }

    .col-md-offset-0 {
        margin-left: 0;
    }
}

@media (min-width: 1200px) {
    .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
        float: left;
    }

    .col-lg-12 {
        width: 100%;
    }

    .col-lg-11 {
        width: 91.66666667%;
    }

    .col-lg-10 {
        width: 83.33333333%;
    }

    .col-lg-9 {
        width: 75%;
    }

    .col-lg-8 {
        width: 66.66666667%;
    }

    .col-lg-7 {
        width: 58.33333333%;
    }

    .col-lg-6 {
        width: 50%;
    }

    .col-lg-5 {
        width: 41.66666667%;
    }

    .col-lg-4 {
        width: 33.33333333%;
    }

    .col-lg-3 {
        width: 25%;
    }

    .col-lg-2 {
        width: 16.66666667%;
    }

    .col-lg-1 {
        width: 8.33333333%;
    }

    .col-lg-pull-12 {
        right: 100%;
    }

    .col-lg-pull-11 {
        right: 91.66666667%;
    }

    .col-lg-pull-10 {
        right: 83.33333333%;
    }

    .col-lg-pull-9 {
        right: 75%;
    }

    .col-lg-pull-8 {
        right: 66.66666667%;
    }

    .col-lg-pull-7 {
        right: 58.33333333%;
    }

    .col-lg-pull-6 {
        right: 50%;
    }

    .col-lg-pull-5 {
        right: 41.66666667%;
    }

    .col-lg-pull-4 {
        right: 33.33333333%;
    }

    .col-lg-pull-3 {
        right: 25%;
    }

    .col-lg-pull-2 {
        right: 16.66666667%;
    }

    .col-lg-pull-1 {
        right: 8.33333333%;
    }

    .col-lg-pull-0 {
        right: auto;
    }

    .col-lg-push-12 {
        left: 100%;
    }

    .col-lg-push-11 {
        left: 91.66666667%;
    }

    .col-lg-push-10 {
        left: 83.33333333%;
    }

    .col-lg-push-9 {
        left: 75%;
    }

    .col-lg-push-8 {
        left: 66.66666667%;
    }

    .col-lg-push-7 {
        left: 58.33333333%;
    }

    .col-lg-push-6 {
        left: 50%;
    }

    .col-lg-push-5 {
        left: 41.66666667%;
    }

    .col-lg-push-4 {
        left: 33.33333333%;
    }

    .col-lg-push-3 {
        left: 25%;
    }

    .col-lg-push-2 {
        left: 16.66666667%;
    }

    .col-lg-push-1 {
        left: 8.33333333%;
    }

    .col-lg-push-0 {
        left: auto;
    }

    .col-lg-offset-12 {
        margin-left: 100%;
    }

    .col-lg-offset-11 {
        margin-left: 91.66666667%;
    }

    .col-lg-offset-10 {
        margin-left: 83.33333333%;
    }

    .col-lg-offset-9 {
        margin-left: 75%;
    }

    .col-lg-offset-8 {
        margin-left: 66.66666667%;
    }

    .col-lg-offset-7 {
        margin-left: 58.33333333%;
    }

    .col-lg-offset-6 {
        margin-left: 50%;
    }

    .col-lg-offset-5 {
        margin-left: 41.66666667%;
    }

    .col-lg-offset-4 {
        margin-left: 33.33333333%;
    }

    .col-lg-offset-3 {
        margin-left: 25%;
    }

    .col-lg-offset-2 {
        margin-left: 16.66666667%;
    }

    .col-lg-offset-1 {
        margin-left: 8.33333333%;
    }

    .col-lg-offset-0 {
        margin-left: 0;
    }
}

.myxbt {
    text-align: center;
    font-size: 30px;
    color: #333333;
    font-weight: bold;
    padding: 45px 0 0 0;
}

.myxbt strong {
    display: block;
    text-align: center;
    font-size: 30px;
    color: #333333;
    font-weight: bold;
    padding-top: 40px;
    padding-bottom: 85px;
}

.mcontain {
    width: 94%;
    max-width: 1320px;
    margin: 0 auto;
}

.myxbt strong span {
    color: #333333;
    font-size: 22px;
}

.goalimg img {
    width: 100%;
}

.goalimg {
    box-sizing: border-box;
    padding-left: 20px;
}

.pro2 {
    box-sizing: border-box;
    padding-right: 25%;
}

.pro3 {
    box-sizing: border-box;
    padding-right: 5%;
}

.mcontain * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.mcontain *:before,
.mcontain *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.myxkuang {
    border-right: 1px solid #D9D9D9;
    font-size: 18px;
    text-align: center;
}

.myxkuang strong {
    color: #e23f41;
    font-size: 30px;
}

.mfgxai {
    padding-bottom: 70px;
}

.mfgxai li {
    width: 33.33%;
    float: left;
    box-sizing: border-box;
}

.mfgxai li:nth-child(3) .myxkuang {
    border: none;
}

.mfgbg {
    padding: 10px 0;
    width: 45%;
    float: left;
    box-sizing: border-box;
}

.mfgbg img {
    max-width: 100%;
}

.mfetwo {
    padding-top: 10px;
    padding-bottom: 76px;
}

.mgyfg {
    padding-top: 12%;
    width: 55%;
    float: left;
    box-sizing: border-box;
    padding-left: 20px;
}

.mgyfg h3 {
    color: #333333;
    font-size: 24px;
    font-weight: bold;
    background: url(../images/mhxian.jpg) no-repeat bottom left;
    padding-bottom: 15px;
    margin-bottom: 30px;
}

.mgyfg p {
    font-size: 16px;
    line-height: 38px;
}


@media (max-width: 1200px) {
    .mgyfg {
        padding-top: 9%;
        padding-left: 40px;
    }
}

@media (max-width: 767px) {
    .mgyfg p {
        font-size: 14px;
    }
}

/*--第二部分--*/
.mbghui {
    background: #F5F5F5;
}

.mtwok {
    padding-top: 37px;
    padding-bottom: 37px;
}

.mtwok_left {
    width: 60%;
    float: left;
}

.mtwok_right {
    width: 40%;
    float: left;
}

.mtwobt li {
    width: 50%;
    float: left;
    margin-bottom: 50px;
}

.mtwobt {
    padding-top: 50px;
    overflow: hidden;
}

.mtwobt strong {
    font-size: 24px;
    color: #e23f41;
    display: block;
    padding-bottom: 10px;
}

.mtwobt p {
    font-size: 16px;
    color: #333333;
    line-height: 26px;
}


@media (max-width: 767px) {
    .mtwobt p {
        font-size: 14px;
    }
}

/*--第三部分--*/
.myxbanner {
    background: url(../images/myxbanner.jpg) no-repeat center;
    height: 245px;
    margin: 0 auto;
    width: 100%;
}

.myxcont {
    padding-top: 6%;
}

.myxcont strong {
    font-size: 24px;
    color: #f2f5f8;
    background: url(../images/juxing.png) no-repeat bottom left;
    padding-bottom: 22px;
    margin-bottom: 22px;
    display: block;
}

.myxcont p {
    font-size: 16px;
    color: #FFF;
}

.mpt50 {
    padding-top: 50px;
    padding-bottom: 40px;
}

.market li {
    width: 33.33%;
    float: left;
}


.mthreek span {
    display: block;
    height: 33px;
    margin-bottom: 32px;
}

.mthreek strong {
    font-size: 20px;
    color: #e23f41;
}

.mthreek p {
    font-size: 16px;
    color: #333333;
    margin-top: 15px;
}

.canswer {
    box-sizing: border-box;
}

.canswer b {
    font-size: 16px;
    line-height: 26px;
    color: #000;
}

.canswer p, .canswer span {
    font-size: 16px;
    line-height: 26px;
    color: #333333;
    word-break: break-all;
}

.canswer p {
    margin-top: 15px;
}

.canswer a {
    font-size: 14px;
    line-height: 26px;
    float: right;
    color: #e23f41;
    padding-right: 16px;
    margin-right: 10px;
    min-width: 52px;
    display: block;
    background: url(../images/back.png) no-repeat right center;
}

.contentd {
    display: none;
}

.contentd p {
    font-size: 14px;
    line-height: 26px;
    color: #333333;
    word-break: break-all;
}

.mthreek .contentd strong {
    display: block;
    font-size: 14px;
    color: #333333;
}


@media (max-width: 767px) {
    .mthreek p, .canswer p, .canswer span {
        font-size: 14px;
    }
}

/*--第四部分--*/
.mfourk {
    background: #F5F5F5;
    padding: 60px 0 100px 0;
    width: 100%;
    margin: 0 auto;
}

.mfourbt {
    font-size: 30px;
    color: #333333;
    background: url(../images/mfourtb1.png) no-repeat left;
    padding-left: 80px;
    height: 44px;
    line-height: 44px;
    font-weight: bold;
}

.mforlie {
    position: relative;
    margin-top: 75px;
}

.mforlie img {
    max-width: 100%;
}

.mforpob {
    position: absolute;
    width: 100%;
    top: 0;
}

.mforrel {
    text-align: center;
    width: 100%;
    padding-top: 60px;
}

.mforyi {
    text-align: right;
    padding-bottom: 25%;
}

.mforyi:after {
    content: '';
    clear: both;
    width: 100%;
    height: 0px;
    visibility: hidden;
    display: block;
}

.mforyi strong {
    font-size: 18px;
    color: #e16a12;
    display: block;
    padding-bottom: 7px;
}

.mforyi p {
    font-size: 16px;
    color: #333333;
    max-width: 83%;
    float: right;
}

.mforpzuo {
    float: left;
    width: 42%;
}

.mforpyuo {
    float: right;
    width: 36%;
}

.mforer {
    text-align: left;
    padding-bottom: 25%;
    padding-top: 10%;
}

.mforer strong {
    font-size: 18px;
    color: #e16a12;
    display: block;
    padding-bottom: 7px;
}

.mforer p {
    font-size: 16px;
    color: #333333;
}

.mforsan {
    text-align: left;
    padding-top: 27%;
    padding-left: 20px;
}

.mforsan strong {
    font-size: 18px;
    color: #e16a12;
    display: block;
    padding-bottom: 7px;
}

.mforsan p {
    font-size: 16px;
    color: #333333;
}

.offline li {
    width: 33.33%;
    float: left;
    box-sizing: border-box;
    padding: 0 20px;
}

.offline li:nth-child(1) {
    padding-left: 0px;
}

.offline li:nth-child(3) {
    padding-right: 0px;
}

@media (max-width: 1300px) {
    .mforpyuo {
        float: right;
        width: 34%;
    }
}

.mfivek {
    border: 1px solid #8D8D8D;
    overflow: hidden;
    padding: 15px 10px;
    box-sizing: border-box;
    height: 317px;
    position: relative;
}

.mfivek p {
    font-size: 14px;
    padding-top: 18px;
    line-height: 28px;
    color: #333333;
}

.mfivek p strong {
    font-size: 18px;
    color: #94181d;
}

.mfivimg {
    padding-top: 18px;
}

.mfivimg img {
    max-width: 100%;
}

.pb80 {
    padding-bottom: 45px;
}

.myouj {
    position: absolute;
    right: 15px;
    bottom: 15px;
}

.mfivwen {
    font-size: 14px;
    padding: 18px 35px;
    float: left;
    color: #333333;
}

.mfivwen em {
    font-size: 18px;
    color: #333333;
    font-weight: bold;
}

.mhuang:hover {
    background: #E16A12;
}

.mhuang:hover .mfivwen {
    color: #fff;
}

.mhuang:hover .mfivwen em {
    color: #fff;
}

.msevenbg {
    background: #F5F5F5;
    padding: 45px 0;
}

.msevlie {
    background: url(../images/msevb.png) no-repeat 0 393px;
}

.msevlie .pp {
    width: 20%;
    padding: 0 10px;
    float: left;
    text-align: center;
}

.msevlie .mpp2 {
    padding-top: 47px;
}

.msevlie .mpp2 .msevxx {
    height: 286px;
}

.msevlie .pp i {
    width: 61px;
    height: 61px;
    margin: 0 auto;
    display: inline-block;
    background: #94181D;
    border-radius: 50%;
    text-align: center;
    line-height: 61px;
}

.msevxx {
    height: 332px;
    background: url(../images/mxx.jpg) repeat-y center;
    padding-top: 42px;
}

.msevk {
    min-height: 172px;
    background: #fff;
    font-size: 16px;
    color: #333333;
    padding: 25px 0;
    text-align: center;
    line-height: 28px;
    -moz-box-shadow: 0px 0px 5px #E9E9E9;
    -webkit-box-shadow: 0px 0px 5px #E9E9E9;
    box-shadow: 0px 0px 5px #E9E9E9;
}

.pp:hover .msevk {
    background: #E16A12;
    color: #fff;
}

.msevquan {
    background: url(../images/msev.png) no-repeat center top;
    padding-top: 50px;
}

.msevquan strong {
    font-size: 20px;
    color: #333333;
    display: block;
}

.msevquan span {
    font-size: 20px;
    color: #e23f41;
    font-weight: bold;
    padding-top: 15px;
    display: block;
}

.pp:hover .msevquan {
    background: url(../images/msevl.png) no-repeat center top;
}

.pp:hover i {
    background: #E16A12;
}

.phonestep {
    display: none;
}

@media (max-width: 1400px) {
    .msevlie {
        background: url(../images/msevb.png) no-repeat center 393px;
        background-size: 97%;
    }
}

@media (max-width: 1130px) {
    .mforpzuo {
        width: 37%;
    }

    .mforpyuo {
        width: 30%;
    }

    .mtwobt {
        padding-top: 30px;
    }

    .mfivwen {
        padding: 8px 35px;
    }
}

@media (max-width: 900px) {
    .mforrel img {
        width: 35%;
    }

    .mforyi p {
        max-width: 95%;
    }

    .mforyi {
        padding-bottom: 14%;
    }

    .mforrel {
        padding-top: 50px;
    }

    .mforlie {
        margin-top: 30px;
    }

    .mfourk {
        padding-top: 40px;
    }

    .mtwok_left {
        width: 100%;
        float: none;
    }

    .mtwok_right {
        width: 100%;
        float: none;
    }
}

@media (max-width: 768px) {
    .msevenbg {
        display: none;
    }

    .myxbt {
        font-size: 20px;
        padding: 25px 0 0 0;
    }

    .myxbt strong {
        font-size: 20px;
        padding-top: 15px;
        padding-bottom: 30px;
    }

    .mfgbg {
        float: none;
        width: 100%;
    }

    .mgyfg {
        float: none;
        width: 100%;
        padding-left: 0px;
    }

    .mfgxai, .mfetwo {
        padding-bottom: 30px;
    }

    .mtwok {
        padding-top: 0px;
    }

    .mtwobt strong {
        font-size: 20px;
        padding-bottom: 0px;
        padding-top: 20px;
    }

    .mtwobt {
        padding-top: 0px;
    }

    .goalimg {
        padding: 0;
    }

    .goalimg img {
        margin: 20px 0;
    }

    .mthreek {
        margin-bottom: 30px;
    }

    .mthreek span {
        margin-bottom: 15px;
    }

    .mpt50 {
        padding: 30px 0 0;
    }

    .mforrel {
        display: none;
    }

    .mforpob {
        position: static;
    }

    .mforpzuo {
        width: 100%;
        float: none;
        text-align: left;
    }

    .pro2 {
        padding-right: 0;
    }

    .mforyi {
        padding-bottom: 20px;
    }

    .mforpyuo {
        width: 100%;
        float: none;
        text-align: left;
    }

    .mforer {
        padding-bottom: 20px;
        padding-top: 0%;
    }

    .mforsan {
        padding-top: 0%;
        padding-left: 0px;
    }

    .mforyi p {
        max-width: 100%;
        float: none;
        text-align: left;
    }

    .mforyi {
        text-align: left;
    }

    .mfourk {
        padding-bottom: 30px;
    }

    .phonestep {
        display: block;
        background-color: #F5F5F5;
        padding: 30px 15px 20px;
    }

    .phonestep ul li {
        width: 50%;
        float: left;
        text-align: left;
        margin-bottom: 20px;
    }

    .phonestep ul li h3 {
        font-size: 15px;
        color: #e23f41;
        font-weight: bold;
        line-height: 24px;
        margin-bottom: 6px;
    }

    .phonestep ul li p {
        font-size: 14px;
        color: #666;
        line-height: 24px;
    }

    .mtwobt li {
        width: 100%;
        float: none;
        margin-bottom: 0px;
    }

    .market li {
        width: 100%;
        float: none;
    }

    .offline li {
        width: 100%;
        float: none;
        padding: 0 0px;
    }


}


/*--竞价托管--*/
.jjtgbt {
    padding-top: 78px;
}

.jjtgbt strong {
    font-size: 30px;
    color: #000000;
    text-align: center;
    font-weight: 500;
    text-align: center;
    display: block;
}

.jjtgbt p {
    text-align: center;
    font-size: 15px;
    color: #808080;
    background: url(../images/jjhxian.jpg) no-repeat bottom center;
    padding: 10px 0 8px 0;
}

.jjwblie {
    padding: 10px 0;
    overflow: hidden;
}

.jjwblie ul li {
    width: 20%;
    float: left;
    text-align: center;
    padding: 35px 0;
}

.jjwblie ul li span {
    display: block;
    text-align: center;
    font-size: 24px;
    padding: 18px 0 8px 0;
    color: #333333;
}

.jjwblie ul li p {
    font-size: 16px;
    color: #808080;
    line-height: 24px;
    width: 100%;
    margin: 0 auto;
}

.jjwblie ul li:first-child p {
    width: 65%;
}

.jjpic img {
    max-width: 100%;
}

.jjwbbg {
    background: url(../images/jjwbbg.jpg) no-repeat;
    width: 100%;
    padding: 0 0 30px 0;
}

.yxwbpic img {
    max-width: 100%;
    margin: 0 auto;
    display: block;
}

.yxpt72 {
    padding-top: 72px;
}

.yxwbzuo {
    padding-bottom: 20px;
    padding-top: 12px;
    min-height: 180px;
}

.yxwbzuo span {
    float: left;
    width: 55px;
    display: block;
    margin-right: 18px;
}

.yxwbyou {
    padding-top: 12px;
    float: left;
    width: 80%;
}

.yxwbyou strong {
    font-size: 24px;
    color: #333333;
    display: block;
    font-weight: 500;
    padding-bottom: 10px;
}

.yxwbyou p {
    font-size: 16px;
    color: #808080;
}

.jjxqlie {
    padding: 70px 0;
}

.jjxqlie ul {
    overflow: hidden;
}

.jjxqlie ul li {
    width: 25%;
    float: left;
}

.jjxqlie ul li h3 {
    font-weight: 500;
    text-align: center;
    font-size: 24px;
    height: 48px;
    line-height: 24px;
    margin-bottom: 8px;
    color: #333333;
}

.jjxqkbg {
    height: 244px;
    width: 100%;
}

.jjxqkbg1 {
    background: url(../images/xqtu1.png) no-repeat center;
}

.jjxqkbg2 {
    background: url(../images/xqtu2.png) no-repeat center;
}

.jjxqkbg3 {
    background: url(../images/xqtu3.png) no-repeat center;
}

.jjxqkbg4 {
    background: url(../images/xqtu4.png) no-repeat center;
}

.jjxqkbg p {
    font-size: 16px;
    color: #4c4c4c;
    line-height: 26px;
    text-align: center;
}

.jjxqkbg1 p {
    padding-top: 130px;
}

.jjxqkbg2 p {
    padding-top: 108px;
}

.jjxqkbg3 p {
    padding-top: 120px;
}

.jjxqkbg4 p {
    padding-top: 120px;
}

.jjjybg {
    background: url(../images/jjytbg2.jpg) no-repeat center top;
    width: 100%;
    margin: 0 auto;
    padding-bottom: 34px;
}

.jylie {
    padding-top: 75px;
}

.jylie ul {
    margin-left: -19px;
    margin-right: -19px;
}

.jylie ul li {
    padding: 0 19px 20px 19px;
    width: 25%;
    float: left;
}

.jypic {
    position: relative;
}

.jypic p {
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
    background: url(../images/jjytbg1.png) repeat;
    font-size: 18px;
    color: #fff;
    text-align: center;
    line-height: 25px;
    padding: 17px 10px;
}

.jytitle {
    font-size: 16px;
    line-height: 25px;
    color: #333333;
    margin-top: 20px;
    padding-left: 10px;
    padding-right: 10px;
    min-height: 100px;
}

.jjfwbg {
    background: url(../images/jjfwbg.jpg) no-repeat;
    width: 100%;
    margin: 0 auto;
}

.jjfwlie {
    padding-top: 55px;
    padding-bottom: 30px;
}

.jjfwlie ul {
    overflow: hidden;
}

.jjfwlie ul li {
    padding: 21px 0;
    overflow: hidden;
}

.jjfwlie ul li span {
    float: left;
    display: block;
    margin-right: 12px;
}

.jfwyou {
    float: left;
    width: 88%;
}

.jfwyou strong {
    color: #fff;
    font-size: 24px;
    display: inline-block;
    border: 2px solid #E23F41;
    border-radius: 8px;
    font-weight: 500;
    line-height: 51px;
    padding: 0 10px;
}

.jfwyou p {
    font-size: 16px;
    color: #cccccc;
    padding-top: 10px;
    line-height: 26px;
}


@media (max-width: 1280px) {

    .yxwbzuo {
        padding-bottom: 20px;
        padding-top: 12px;
        min-height: 150px;
    }
}

@media (max-width: 1200px) {

    .jjwblie ul li span {
        display: block;
        text-align: center;
        font-size: 20px;
        padding: 18px 0 8px 0;
        color: #333333;
    }

    .jjwblie ul li p {
        font-size: 14px;
        color: #808080;
        line-height: 24px;
    }

    .jjwblie ul li:first-child p {
        width: 75%;
    }

    .yxwbzuo {
        padding-bottom: 20px;
        padding-top: 12px;
        min-height: 130px;
    }

    .jjxqlie ul li {
        width: 25%;
        float: left;
        padding: 0 10px;
    }

    .jjxqkbg {
        height: 244px;
        width: 100%;
        background-size: 100%;
    }
}

@media (max-width: 998px) {
    .jjwblie ul li {
        width: 20%;
        float: left;
        text-align: center;
        padding: 35px 10px;
    }

    .jjwblie ul li:first-child p {
        width: 100%;
    }

    .yxwbzuo {
        padding-bottom: 20px;
        padding-top: 0px;
        min-height: 120px;
    }

    .yxwbzuo span {
        float: left;
        display: block;
        margin-right: 18px;
        width: 15%;
    }

    .yxwbzuo span img {
        max-width: 100%;
    }

    .yxwbyou {
        padding-top: 6px;
        float: left;
        width: 75%;
    }

    .jjxqlie ul li h3 {
        font-weight: 500;
        text-align: center;
        font-size: 20px;
        height: 48px;
        line-height: 24px;
        margin-bottom: 8px;
        color: #333333;
    }

    .jjxqkbg {
        height: 210px;
        width: 100%;
        background-size: 100%;
    }

    .jjxqkbg p {
        font-size: 13px;
        color: #4c4c4c;
        line-height: 22px;
        text-align: center;
    }

    .jjxqkbg1 p {
        padding-top: 100px;
    }

    .jjxqkbg2 p {
        padding-top: 88px;
    }

    .jjxqkbg3 p {
        padding-top: 90px;
    }

    .jjxqkbg4 p {
        padding-top: 90px;
    }

    .jypic p {
        position: absolute;
        bottom: 0;
        width: 100%;
        left: 0;
        background: url(../images/jjytbg1.png) repeat;
        font-size: 16px;
        color: #fff;
        text-align: center;
        line-height: 25px;
        padding: 17px 10px;
    }

    .jytitle {
        font-size: 14px;
        line-height: 25px;
        color: #333333;
        margin-top: 20px;
        padding-left: 10px;
        padding-right: 10px;
        min-height: 100px;
    }

}

@media (max-width: 767px) {
    .jjtgbt strong {
        font-size: 25px;
        color: #000000;
        text-align: center;
        font-weight: 500;
        text-align: center;
        display: block;
    }

    .jjtgbt {
        padding-top: 38px;
    }

    .jjwblie {
        padding-top: 30px;
    }

    .jjwblie ul li {
        width: 33.33%;
        float: left;
        text-align: center;
        padding: 15px 10px;
    }

    .jjwblie ul li:first-child p {
        width: 100%;
    }

    .jjwblie ul li p {
        font-size: 12px;
        color: #808080;
        height: 72px;
        line-height: 24px;
    }

    .jjxqlie ul li {
        width: 50%;
        float: left;
        padding: 0 10px;
    }

    .jjxqkbg {
        height: 180px;
        width: 100%;
        background-size: 100%;
    }

    .jjxqkbg1 p {
        padding-top: 90px;
    }

    .jjxqkbg2 p {
        padding-top: 78px;
    }

    .jjxqkbg3 p {
        padding-top: 80px;
    }

    .jjxqkbg4 p {
        padding-top: 80px;
    }

    .jylie ul li {
        padding: 0 19px 20px 19px;
        width: 50%;
        float: left;
    }

    .jytitle {
        font-size: 14px;
        line-height: 25px;
        color: #333333;
        margin-top: 20px;
        padding-left: 10px;
        padding-right: 10px;
        min-height: 125px;
    }

    .jjfwbg {
        background: url(../images/jjfwbg.jpg) repeat-y;
        width: 100%;
        margin: 0 auto;
    }

    .jjfwlie {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .jjfwlie ul li span {
        float: left;
        display: block;
        margin-right: 12px;
        margin-bottom: 12px;
    }

    .jfwyou {
        float: left;
        width: 100%;
    }

    .jfwyou strong {
        color: #fff;
        font-size: 20px;
        display: inline-block;
        border: 2px solid #E23F41;
        border-radius: 8px;
        font-weight: 500;
        line-height: 28px;
        padding: 5px 10px;
    }

    .jfwyou p {
        font-size: 14px;
        color: #cccccc;
        padding-top: 10px;
        line-height: 26px;
    }

    .mforyi p, .mforer p, .mthreek p {
        font-size: 14px;
    }
}

@media (max-width: 399px) {
    .jjwblie {
        padding-top: 30px;
    }

    .jjwblie ul li {
        width: 50%;
        float: left;
        text-align: center;
        padding: 15px 10px;
    }

    .jjwblie ul li p {
        font-size: 12px;
        color: #808080;
        height: 72px;
        line-height: 24px;
    }

    .jjxqlie ul li {
        width: 100%;
        float: left;
        padding: 10px 10px;
    }

    .jjxqkbg {
        height: 244px;
        width: 100%;
        background-size: auto;
    }

    .jjxqkbg p {
        font-size: 14px;
        color: #4c4c4c;
        line-height: 25px;
        text-align: center;
    }

    .jjxqkbg1 p {
        padding-top: 130px;
    }

    .jjxqkbg2 p {
        padding-top: 108px;
    }

    .jjxqkbg3 p {
        padding-top: 120px;
    }

    .jjxqkbg4 p {
        padding-top: 120px;
    }


}


@media (max-width: 375px) {

    .jylie ul li {
        padding: 0 19px 20px 19px;
        width: 100%;
        float: left;
    }

    .jytitle {
        font-size: 14px;
        line-height: 25px;
        color: #333333;
        margin-top: 20px;
        padding-left: 10px;
        padding-right: 10px;
        min-height: auto;
    }

}


.footlink {
    width: 84%;
    border-top: 0.5px solid #797979;
    margin-top: 2%;
    padding: 0 8%;
    margin-top: 10px;
    padding-bottom: 25px;
    padding-top: 10px;
}

.footlink a {
    color: #848484;
    text-decoration: none;
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    font-size: 12px;
}

.mlinktitle {
    text-align: center;
}

.mlinktitle strong {
    display: block;
    font-size: 24px;
    color: #fff;
    font-weight: 500;
    background: url(../images/mlinkb_1.jpg) no-repeat bottom center;
    padding-bottom: 5px;
    margin-bottom: 5px;
}

.mlinktitle span {
    display: block;
    font-size: 14px;
    color: rgba(255, 255, 255, 0.5);
}

.linkp {
    display: none;
    width: 100%;
}

.mlinkdown {
    width: 100%;
    padding-top: 40px;
}

.mlinkl {
    float: left;
    width: 90%;
    font-size: 14px;
    color: #fff;
}

.mlinkl a {
    float: none !important;
    font-size: 14px;
    color: #fff;
    white-space: nowrap;
}

.mlinkr {
    float: left;
    width: 10%;
    position: relative;
}

.linkp a {
    font-size: 14px;
    color: #fff;
}

#mlingb {
    position: absolute;
    right: 0;
    top: -9px;
    font-size: 15px;
    width: 124px;
    height: 38px;
    padding-left: 27px;
    text-align: left;
    background: url(../images/mlinkj_1.png) no-repeat 90%;
    background-color: rgba(255, 255, 255, 0.5);
    border: none;
    outline: 0;
    color: #1b1b1d;
    cursor: pointer;
}

.mlinka {
    background: url(../images/mlinkjx_1.png) no-repeat 90% !important;
    background-color: rgba(255, 255, 255, 0.5) !important;
}


@media (max-width: 1580px) {
    .mlinkl {
        width: 85%;
    }

    .mlinkr {
        width: 15%;
    }
}

@media (max-width: 991px) {
    .mlinkl {
        width: 80%;
    }

    .mlinkr {
        width: 20%;
    }
}

@media (max-width: 640px) {
    .mlinkl {
        width: 100%;
    }

    .mlinkr {
        width: 100%;
        display: none;
    }

    .linkp {
        display: block;
        width: 100%;
    }

    .footlink {
        display: none;
    }

    .foot_end {
        padding-bottom: 60px !important;
    }

    .ce_con {
        display: none !important;
    }
}


/*12.16*/
.banner {
    height: 100vh;
    overflow: hidden;
    position: relative;
    z-index: 1
}

.banner .slick-list, .banner .slick-slide, .banner .slick-slider, .banner .slick-track {
    height: 100%;
}

.fwbg {
    overflow: hidden;
    height: 100%;
    width: 20%;
    position: relative;
    float: left;
    border-left: 1px solid #666666;
    transition: transform 0.5s ease-in 0.2s;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}


.mfooter {
    position: fixed;
    width: 225px;
    right: 30px;
    bottom: 10px;
    text-align: right;
    z-index: 999;
    color: rgba(255, 255, 255, 0.6);
}

.mshare {
    padding-bottom: 10px;
}

.mshare a {
    display: inline-block;
    margin-left: 15px;
}


.banner .item {
    height: 100%;
    transition: height 0.5s ease-in 0.5s, width 0.5s ease-in;
}

.banner .item .fwbg:nth-child(1) {
    transition: transform 0.5s ease-in 0.3s;
}

.banner .item .fwbg:nth-child(2) {
    transition: transform 0.5s ease-in 0.4s;
}

.banner .item .fwbg:nth-child(3) {
    transition: transform 0.5s ease-in 0.7s;
}

.banner .item .fwbg:nth-child(4) {
    transition: transform 0.5s ease-in 0.8s;
}

.banner .item .fwbg:nth-child(5) {
    transition: transform 0.5s ease-in 0.9s;
}

.init .item .fwbg {
    transform: translateY(100%);
}


.fwbg:first-child {
    border: none;
}

.fwbg img {
    width: 100%;
    height: 100%;
}

.i_g {
    animation: gt 5s infinite linear;
}

@keyframes gt {
    0% {
        margin-top: 5px;
        /*margin-left: 0px;*/
    }
    25% {
        margin-top: 20px;
        /*margin-left: 10px;*/
    }
    50% {
        margin-top: 25px;
        /*margin-left: 20px;*/
    }
    75% {
        margin-top: 20px;
        /*margin-left: 10px;*/
    }
    100% {
        margin-top: 5px;
        /*margin-left: 0px;*/
    }
}

.fwsub {
    position: absolute;
    left: 45px;
    top: 36%;
    transform: translateY(-36%);
}

.fwsub h3 {
    line-height: 30px;
    font-weight: 500;
    font-size: 20px;
    color: #fff;
    background: url(../images/fw01.jpg) no-repeat bottom left;
    padding-bottom: 16px;
    margin-bottom: 10px;
}

.fwsub em {
    font-style: normal;
    display: block;
    font-size: 24px;
    color: #fff;
    text-transform: uppercase;
    font-family: Arial, Helvetica, sans-serif;
}

.fwsubtwo {
    width: 80%;
    position: absolute;
    height: 78px;
    left: 45px;
    top: 36%;
    transform: translateY(-36%);
    background: url(../images/fw02.png) no-repeat 0 49px;
    padding-bottom: 16px;
    margin-bottom: 10px;
}

.fwsubtwo h2 {
    line-height: 30px;
    font-weight: 500;
    display: inline-block;
    float: left;
    font-size: 24px;
    color: #fff;
}

.fwsubtwo em {
    font-style: normal;
    padding-left: 5px;
    height: 30px;
    line-height: 34px;
    display: inline-block;
    font-family: Arial, Helvetica, sans-serif;
    float: left;
    font-size: 24px;
    color: #fff;
    text-transform: uppercase;
}


.banner .slick-list, .banner .slick-slide, .banner .slick-slider, .banner .slick-track {
    height: 100%;
}

.banner a {
    position: relative;
    display: block;
    height: 100%;
    background-repeat: no-repeat;
    background-position: top center;
    -webkit-background-size: cover;
    background-size: cover
}

.banner .slick-next, .banner .slick-prev {
    position: absolute;
    top: 50%;
    margin-top: -25px;
    overflow: hidden;
    width: 45px;
    height: 50px;
    font-size: 0;
    line-height: 0;
    line-height: 999;
    background-repeat: no-repeat;
    background-position: center center;
    -o-background-size: auto 50px;
    -ms-background-size: auto 50px;
    -moz-background-size: auto 50px;
    -webkit-background-size: auto 50px;
    background-size: auto 50px
}

.banner .slick-prev {
    left: 50%;
    margin-left: -645px
}

.banner .slick-next {
    right: 50%;
    margin-right: -645px
}

.banner .slick-dots {
    position: absolute;
    left: 0;
    bottom: 30px;
    width: 100%;
    text-align: center;
    z-index: 99
}

.banner .slick-dots li {
    display: inline-block;
    margin: 0 4px
}

.banner .slick-dots li button {
    display: block;
    width: 40px;
    height: 5px;
    border: none;
    cursor: pointer;
    padding: 0;
    font-size: 0;
    line-height: 0;
    text-indent: 999px;
    background-color: #fff
}

.banner .slick-dots li.slick-active button {
    background-color: #333
}


#da-thumbs {
    height: 100%;
}

.da-thumbs {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: block;
}

.da-thumbs div {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: none;
    position: absolute;
    background: #FFFFFF;
    width: 100%;
    height: 100%;
    padding-left: 80px;
    padding-right: 60px;
    padding-top: 50%;
    overflow-y: auto;
}

.banner .item .fwbg:nth-child(2) .da-thumbs div {
    padding-top: 30%;
}

.banner .item .fwbg:nth-child(3) .da-thumbs div {
    padding-top: 30%;
}

.banner .item .fwbg:nth-child(4) .da-thumbs div {
    padding-top: 40%;
}


.da-thumbs div strong {
    font-size: 18px;
    color: #000000;
    font-weight: 500;
    display: block;
    margin-bottom: 13px;
}

.da-thumbs div strong a {
    font-size: 18px;
    color: #333;
    font-weight: bold;
}

.da-thumbs div p {
    padding-left: 18px;
    font-size: 16px;
    color: #333333;
    padding-bottom: 30px;
}

.da-thumbs div b {
    line-height: 36px;
    font-weight: 500;
    font-size: 16px;
    color: #333333;
}

.da-thumbs div b a {
    display: block;
    line-height: 36px;
    font-size: 16px;
    color: #333333;
    display: inline;
}

.da-thumbs div p a {
    font-size: 16px;
    display: block;
    line-height: 35px;
    color: #333333;
}

.da-thumbs div p a:hover {
    color: #E23F41;
}

.da-thumbs div.da-animate {
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.da-slideFromTop {
    left: 0;
    top: -100%
}

.da-slideFromBottom {
    left: 0;
    top: 100%
}

.da-slideFromLeft {
    top: 0;
    left: -100%
}

.da-slideFromRight {
    top: 0;
    left: 100%
}

.da-slideTop {
    top: 0
}

.da-slideLeft {
    left: 0
}

.da-thumbs li a div span {
    display: block;
    position: relative
}

.da-thumbs div {
    overflow-x: hidden;
}

.da-thumbs div::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

.da-thumbs div::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #fe980f;
    background: url(../images/mhuang.jpg) repeat;
}

.da-thumbs div::-webkit-scrollbar-track {
    background: #282020;
}

@media (max-width: 1440px) {
    .da-thumbs div {
        padding-left: 60px;
        padding-right: 40px;
        padding-top: 50%;
    }

    .da-thumbs div p {
        padding-left: 18px;
        line-height: 26px;
        padding-bottom: 20px;
    }

    .da-thumbs div p a {
        font-size: 14px;
        color: #333333;
    }

    .banner .item .fwbg:nth-child(2) .da-thumbs div {
        padding-top: 50%;
    }

    .banner .item .fwbg:nth-child(3) .da-thumbs div {
        padding-top: 50%;
    }

    .banner .item .fwbg:nth-child(4) .da-thumbs div {
        padding-top: 50%;
    }

}

@media (max-width: 1366px) {
    .da-thumbs div {
        padding-left: 30px;
        padding-right: 30px;
    }
}


@media (max-width: 1279px) {
    .da-thumbs div {
        padding-left: 20px;
        padding-right: 20px;
    }

    .fwsub em {
        font-size: 18px;
    }

    .fwsubtwo em {
        height: 30px;
        line-height: 36px;
        font-size: 20px;
    }

}

@media (max-width: 991px) {
    .da-thumbs div {
        padding-top: 55%;
    }

    .fwbg {
        width: 25%;
    }

    .item .fwbg:nth-child(5) {
        display: none;
    }

    .fwsub {
        left: 30px;
    }

}

.mnpcvode {
    display: block;
}

.mnmobile {
    display: none;
}

@media (max-width: 767px) {
    .banner {
        height: auto;
        margin-top: 95px;
        background: url(../images/fwbgz.jpg) no-repeat top center;
        background-size: cover;
    }

    .banner .item {
        height: auto;
    }

    #da-thumbs {
        height: auto;
    }

    .fwbg {
        overflow: hidden;
        height: 300px;
        width: 100%;
        border-left: none;
    }

    .fwbg img {
        display: none;
    }

    .da-thumbs div {
        padding-top: 30px;
    }

    .banner .item .fwbg:nth-child(2) .da-thumbs div {
        padding-top: 30px;
    }

    .banner .item .fwbg:nth-child(3) .da-thumbs div {
        padding-top: 30px;
    }

    .banner .item .fwbg:nth-child(4) .da-thumbs div {
        padding-top: 30px;
    }

    .mfooter {
        position: relative;
        width: 100%;
        padding-top: 10px;
        right: 0;
        bottom: 0;
        text-align: left;
        color: rgba(255, 255, 255, 0.6);
        padding-bottom: 10px;
        padding-left: 15px;
    }

    .mshare a {
        margin-left: 0;
        margin-right: 15px;
    }

    .mnmobile {
        display: block;
    }

    .mnpcvode {
        display: none;
    }

    .da-thumbs div p a {
        font-size: 16px;
    }

}


/*案例详情页面 12.20*/
.alone01 {
    background: #333333;
    border: 1px solid #EDEDED;
}

.alone01 * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.alxm_left {
    float: left;
    background: #fff;
    width: 55%;
    padding: 120px 105px 110px 105px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.alxm_right {
    float: left;
    width: 45%;
    padding: 120px 0 0 115px;
}


.alxmsub strong {
    font-size: 36px;
    color: #333333;
    display: block;
    background: url(../images/mhei.jpg) no-repeat bottom left;
    padding-bottom: 38px;
    margin-bottom: 30px;
}

.alxm_left p {
    max-width: 630px;
    font-size: 18px;
    font-family: 思源黑体 CN Regular;
    line-height: 36px;
}

.alxmdetail {
    padding-top: 30px;
}

.alxmdetail a {
    display: inline-block;
    float: left;
    border: 1px solid #333333;
    width: 125px;
    height: 38px;
    line-height: 38px;
    border-radius: 5px;
    padding-left: 18px;
}

.alxmdetail a:first-child {
    margin-right: 32px;
}

.alxmdetail a span {
    padding-left: 30px;
    font-size: 16px;
    font-family: 思源黑体 CN Regular;
}

.alan01 {
    background: url(../images/malico01.png) no-repeat left;
}

.alan02 {
    background: url(../images/malico02.png) no-repeat left;
}

.alxmdetail a:hover {
    background: #f7a911;
    color: #fff;
}

.alxmdetail a:hover span {
    color: #fff;
}

.alxmysub {
}

.alxmysub strong {
    font-size: 36px;
    color: #fff;
    display: block;
    background: url(../images/mbai.jpg) no-repeat bottom left;
    padding-bottom: 38px;
    margin-bottom: 30px;
}

.alxmynei {
}

.alxmynei p strong {
    font-size: 16px;
    padding-right: 20px;
}

.alxmynei p {
    font-size: 18px;
    color: #fff;
    font-weight: bold;
    line-height: 35px;
    margin-bottom: 10px;
}

.alan02 {
    padding-top: 28px;
}

.alone02 * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}


/*4.9小程序直播*/
.mzhibo {
    width: 100%;
    border-bottom: 4px solid #EEEEEE;
    padding-bottom: 60px;
}

.mzborder {
    border-right: 1px solid #DEDEDE;
    padding-right: 90px;
}

.mzbpic {
    text-align: right;
    padding-top: 20px;
}

.mzbpic img {
    max-width: 100%;
}

.mzbwen h3 {
    font-size: 20px;
    color: #333333;
    font-weight: 500;
    border-bottom: 1px solid #DEDEDE;
    padding-bottom: 18px;
}

.mzbwen p {
    font-size: 14px;
    line-height: 26px;
    min-height: 78px;
    margin-top: 20px;
}

.mzbwen ul li {
    padding-bottom: 18px;
}

.mzbdown {
    border-top: 1px solid #B9B9B9;
    padding-top: 60px;
    padding-bottom: 60px;
}

.mzbmid {
    text-align: center;
    width: 100%;
    max-width: 280px;
    margin: 0 auto;
    position: relative;
}

.mzbmid img {
    max-width: 100%;
}

.mzbmid h3 {
    position: absolute;
    width: 100%;
    text-align: center;
    font-size: 24px;
    font-weight: 600;
    color: #fff;
    top: 15%;
}

.mzbmid p {
    position: absolute;
    width: 100%;
    text-align: center;
    font-size: 18px;
    color: #fff;
    top: 21%;
}

.mzbsub {
}

.mzbsub ul li {
    padding-bottom: 10px;
}

.mzbsub ul li strong {
    color: #000000;
    font-size: 18px;
    font-weight: 600;
    height: 40px;
    line-height: 20px;
    display: block;
}

.mzbdes {
    font-size: 14px;
    min-height: 132px;
    line-height: 22px;
}


@media (max-width: 1099px) {
    .mzborder {
        padding-right: 40px;
    }

}

@media (max-width: 991px) {
    .mzbsub ul li strong {
        font-size: 16px;
    }
}

@media (max-width: 767px) {
    .mzhibo {
        padding-bottom: 10px;
    }

    .mzbpic {
        text-align: center;
        padding-bottom: 30px;
    }

    .mzbwen h3 {
        font-size: 18px;
        padding-bottom: 10px;
    }

    .mzbwen p {
        line-height: 25px;
        min-height: inherit;
        margin-top: 10px;
    }

    .mzbwen ul li {
        padding-bottom: 25px;
    }

    .mzbdown {
        padding-top: 30px;
        padding-bottom: 0px;
    }

    .mzbsub ul li {
        padding-bottom: 20px;
    }

    .mzbsub ul li strong {
        height: auto;
        line-height: 20px;
        padding-bottom: 10px;
    }

    .mzbdes {
        font-size: 14px;
        min-height: inherit;
        line-height: 22px;
    }

    .mzbmid {
        display: none;
    }
}

/*4.20*/
.erp-service {
    padding-bottom: 60px;
}

.erp-service ul {
    margin-top: 50px;
}

.erp-service li {
    float: left;
    font-weight: 500;
    width: 33.333%;
    padding: 15px 45px 25px;
    text-align: center;
}

.erp-service li span {
    margin-top: 5px;
    display: block;
    font-size: 18px;
    color: #333333;
}

.erp-service li p {
    margin-top: 15px;
    line-height: 22px;
    height: 66px;
    color: #999999;
    overflow: hidden;
    font-size: 16px;
}

.erp-service li:hover {
    box-shadow: 0 0px 15px rgba(38, 40, 118, .1);
    -webkit-box-shadow: 0 0px 15px rgba(38, 40, 118, .1);
}

.erp-service li:hover img {
    animation: tada 1s;
    -webkit-animation: tada 1s;
}

.erp-service .button {
    margin-top: 35px;
}

@media (max-width: 767px) {
    .erp-service {
        padding: 1rem 0;
    }

    .erp-service ul {
        margin-top: 20px;
    }

    .erp-service li {
        padding: 10px;
        width: 50%;
    }

    .erp-service li:nth-child(2n+1) {
        clear: both;
    }

    .erp-service li img {
        width: 40px;
    }

    .erp-service li:hover {
        box-shadow: 0 0px 15px rgba(38, 40, 118, 0);
        -webkit-box-shadow: 0 0px 15px rgba(38, 40, 118, 0);
    }

    .erp-channel {
        padding: 1rem 0;
    }

    .erp-channel .tab span {
        margin: 20px 10px 0;
        width: 120px;
        font-size: 14px;
    }

    .erp-channel .tab span i {
        display: none;
    }

    .erp-channel ul {
        margin: 0 -10px;
    }

    .erp-channel li {
        margin-top: 20px;
        padding: 0 10px;
        width: 50%;
    }

    .erp-service li p {
        font-size: 14px;
    }
}


.mzbpic {
    overflow: hidden;
}

.mzbpic video {
    max-height: 420px;
    max-width: 100%;
    border-radius: 24px;
}

.mzbpic {
    text-align: left;
    padding-top: 20px;
}

.mzbwen ul li {
    padding-bottom: 30px;
}

.mmask {
    position: relative;
    float: left;
    padding: 5px;
}

.mmask span {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(../images/bgvideo.png) no-repeat;
    background-size: cover;
}

@media (max-width: 767px) {
    .cbodr {
        border: none;
    }

    .mzborder {
        padding-right: 0;
        border: none;
    }

    .mzbpic {
        text-align: center;
    }
}


/*竞价托管6月改动*/
.map1200 {
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    margin: 0 auto;
    position: relative;
    height: 100%;
}

.map1200 * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

@media (min-width: 768px) {
    .map1200 {
        width: 700px;
    }
}

@media (min-width: 1024px) {
    .map1200 {
        width: 991px;
    }
}

@media (min-width: 1200px) {
    .map1200 {
        width: 1100px;
    }
}

@media (min-width: 1320px) {
    .map1200 {
        width: 1280px;
    }
}

.jjtgbt em {
    font-style: normal;
}

.baicont {
    padding-top: 60px;
}

.baisub {
    font-size: 24px;
    color: #333333;
    font-weight: 500;
}

.baileft {
    float: left;
    width: 40%;
    padding-top: 60px;
}

.baimid {
    float: left;
    width: 20%;
    padding: 0 15px;
    text-align: center;
}

.baimid img {
    max-width: 100%;
}

.bairight {
    float: left;
    width: 40%;
    padding-top: 60px;
    padding-left: 20px;
}


.bailist {
    padding-top: 30px;
    border-top: 1px solid #E6E6E6;
}

.bailist ul li {
    background: url(../images/jjico.png) no-repeat 0 8px;
    padding-left: 20px;
    line-height: 30px;
}

.baitwo {
    padding-top: 45px;
    padding-bottom: 40px;
}

.baitwo ul {
    margin-left: -5px;
    margin-left: -5px;
}

.baitwo ul li {
    float: left;
    width: 50%;
    padding: 10px 5px;
}

.baitwo ul li span {
    float: left;
    width: 20%;
    display: block;
}

.baitwo ul li span img {
    max-width: 100%;
}

.baitwo ul li p strong {
    color: #333333;
}

.baitwo ul li p {
    float: left;
    color: #999999;
    font-size: 14px;
    width: 80%;
    padding-left: 10px;
}

.jjleft {
    margin-top: 75px;
    width: 40%;
    float: left;
}

.jjleft img {
    max-width: 100%;
}

.jjpdup {
    position: relative;
}

.jjpd {
    position: absolute;
    font-size: 20px;
    color: #333333;
}

.jjpd01 {
    left: 11%;
    bottom: 30%;
}

.jjpd02 {
    left: 42%;
    top: 3%;
}

.jjpd03 {
    right: 14%;
    bottom: 31%;
}


.jjright {
    float: left;
    width: 60%;
    padding-top: 60px;
    padding-left: 20px;
}

.jjright ul li {
    font-size: 16px;
    padding: 12px 0;
    overflow: hidden;
}

.jjright ul li span {
    float: left;
    background: url(../images/jbai.png) no-repeat left;
    width: 28px;
    height: 28px;
    font-size: 24px;
    font-family: Impact;
    color: #fff;
    text-align: center;
}

.jjright ul li p {
    font-size: 16px;
    padding-left: 15px;
    width: 94%;
    float: left;
    color: #333333;
}

@media (max-width: 1319px) {
    .jjpd01 {
        left: 12%;
        bottom: 30%;
    }

    .jjpd02 {
        left: 41%;
        top: 3%;
    }

    .jjpd03 {
        right: 13%;
        bottom: 31%;
    }
}

@media (max-width: 1280px) {
    .baileft {
        padding-top: 50px;
    }

    .bairight {
        padding-top: 50px;
    }
}

@media (max-width: 1023px) {
    .baileft {
        padding-top: 10px;
    }

    .bairight {
        padding-top: 10px;
    }

    .baitwo {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .baitwo ul li {
        width: 100%;
    }

    .bailist {
        padding-top: 10px;
    }

    .bailist ul li {
        font-size: 12px;
    }

    .jjpd {
        font-size: 16px;
    }

    .jjright ul li p {
        width: 90%;
        font-size: 14px;
    }

    .jjleft {
        margin-top: 75px;
        width: 45%;
    }

    .jjright {
        width: 55%;
        padding-top: 60px;
    }

    .jjright ul li {
        padding: 5px 0;
    }

}

@media (max-width: 767px) {
    .baileft {
        padding-top: 0px;
        width: 100%;
    }

    .bairight {
        padding-top: 20px;
        width: 100%;
        padding-left: 0;
    }

    .baimid {
        display: none;
    }

    .baitwo ul li span {
        width: 48px;
    }

    .jjleft {
        margin-top: 30px;
        width: 100%;
    }

    .jjpdup {
        max-width: 500px;
    }

    .jjright {
        width: 100%;
        padding-top: 30px;
        padding-left: 0;
    }

    .baisub {
        font-size: 20px;
    }
}