@charset "utf-8";*html {
    background-image: url(about:blank);
    background-attachment: fixed
}

html {
    padding: 0;
    margin: 0
}

body {
    margin: 0;
    padding: 0;
    font: 14px/1.8 Arial,'Microsoft Yahei','黑体',\5b8b\4f53,sans-serif;
    background: #efefef;
    color: #333;
    word-break: break-all;
    width: auto;
}

div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p {
    padding: 0;
    margin: 0
}

table,td,tr,th {
    font-size: 14px
}

thead th {
    font-weight: bold
}

.clearfix,.swiper-wrapper {
    display: block;
    clear: both;
    overflow: hidden;
}

.clearfix:after,.swiper-wrapper:after, {
    content: '';
    display: block;
    clear: both
}

ol,ul {
    list-style: none
}

li {
    list-style-type: none
}

img {
    vertical-align: top;
    border: 0
}

h1,h2,h3,h4,h5,h6 {
    font-size: inherit;
    font-weight: hold
}

address,cite,code,em,th,i {
    font-weight: normal;
    font-style: normal
}

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

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

input:focus,button:focus,select:focus,textarea:focus {
    outline: 0
}

.main {
    margin: 0 auto;
    width: 1200px
}

.main_left {
    float: left;
    width: 850px;
    overflow: hidden;
    margin-top: 20px;
    margin-bottom: 20px;
}

.main_right {
    position: relative;
    float: right;
    width: 330px;
    overflow: hidden;
}

.fl {
    float: left
}

.fr {
    float: right;
}

.wd420 {
    width: 420px;
    overflow: hidden
}

.clear15 {
    display: block;
    clear: both;
    width: 100%;
    height: 15px;
    overflow: hidden;
    *zoom:1}

.header-wrapper {
    width: 100%;
    background: #ffffff;
    margin-bottom: 0px;
    overflow: hidden;
}

.head {
    margin: 0 auto;
    width: 1200px;
    height: 40px;
    line-height: 40px;
}

.head p a {
    font-size: 14px;
    font-weight: 500;
    color: #8e8e8e;
    padding-left: 20px;
}

.head p a:hover {
    color: #f59506;
}

.head .fabu {
    font-size: inherit;
    background: url(../img/fabu_ico.png) left no-repeat;
    padding-left: 22px;
}

.head .iconfont {
    font-size: inherit;
    background: url(/style/img/reg.png) left no-repeat;
    padding-left: 30px;
}

.top {
    margin: 0 auto;
    width: 1200px;
    height: 70px;
}

.shorttitle {
    width: 320px;
    overflow: hidden;
    float: left;
}

.logo {float: left;}
.top .logo img{max-width: 160px;}

.top h1 {
    float: left;
    font-size: 30px;
    font-weight: 800;
    line-height: 60px;
    color: #555555;
}

.logo a {
    float: left;
    overflow: hidden;
    color: #6591b7;
}

.top .logo .hot {
    font-size: 12px;
    line-height: 12px;
    color: #ffffff;
    padding: 4px 8px;
    background-color: #ff0000;
    top: 40px;
    margin-left: 10px;
    position: absolute;
    border-top-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

.top .logo .hot a {
    color: #ffffff;
}

.top span a {
    float: left;
    line-height: 60px;
    font-size: 30px;
    color: #6591b7;
    font-weight: 600;
    margin-right: 5px;
}

.topa a {
    margin-left: 18px;
    color: #666;
    font-size: 16px;
    font-weight: 600;
    line-height: 60px;
}

.topa a:hover {
    color: #f59506;
}

.topa a.current {
    color: #f59506;
}

.search {
    width: 300px;
    height: 34px;
    line-height: 34px;
    margin: 10px 0;
    position: relative;
}

.search input.text {
    background-color: #f1f1f1;
    height: 34px;
    line-height: 34px;
    width: 208px;
    border: 1px solid #f1f1f1;
    color: #333;
    outline: 0;
    font-size: 12px;
    padding-left: 10px;
}

.search input.search_btn:hover {
    background-color: #ff0400;
}

.search input.search_btn {
    position: absolute;
    right: 0;
    top: 0;

    width: 80px;
    height: 36px;
    line-height: 36px;
    cursor: pointer;
    border: 0;
    background-color: #f57d21;
    color: #fff;
    font-size: 16px;
}

.breadbox {
    margin: 0 auto;
    font-family: simsun;
    color: #999;
    line-height: 30px;
    width: 1200px;
    overflow: hidden;
    z-index: 10;
    position: relative;
}

.bread {
    float: left;
    line-height: 30px;
    font-size: 10px;
    background: url(../img/home_ico.png) left center no-repeat;
    padding-left: 20px;
}

.bread a {
    color: #999;
    line-height: 30px;
    font-size: 10px;
}

.breadbox p.t span {
    color: #999;
    line-height: 30px;
    float: right;
    font-size: 10px;
    margin-left: 15px;
}

.brandbox {
    margin: 0 auto;
    position: relative;
    background-color: #4763d8;
    background-position: center;
    background-size: cover;
    min-width: 1200px;
}

.brandbox::after {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 3;
    background-color: rgba(0,0,0,0.69);
    -webkit-tap-highlight-color: rgba(0,0,0,0.69);
}

.brandbox .bg {
    display: none;
}

.pingbi {
    display: none;
}

.tro_box {
    margin: 0 auto;
    width: 1200px;
    position: relative;
    height: 300px;
    padding-top: 50px;
    z-index: 999;
    zoom:1;}

.has-icon {
    display: block;
}

.tro_box .butie {
    width: 90px;
    height: 40px;
    position: absolute;
    top: 70px;
    left: -6px;
    background: url(/style/img/butie30.png) no-repeat center center / 100% auto;
}

.tro_box img {
    float: left;
    display: inline-block;
    width: 330px;
    height: 220px;
    margin-right: 20px;
    padding: 21px 0;
    overflow: hidden;
    background: #ffffff;
}

.tro_box_r {
    float: left;
    width: 850px;
}

.tro_box .title {
    overflow: hidden;
    margin-bottom: 8px;
    height: 30px;
}
.tro_box h1 {
    white-space: nowrap;
    overflow: hidden;
    }

.tro_box h1 a {
    line-height: 24px;
    font-size: 24px;
    color: #fff;
}

.tro_box h1 a:hover {
    color: #fff
}

.c_g_att {
    /* height: 70px; */
    margin-bottom: 6px;
    overflow: hidden;
}

.c_g_moy {
    padding: 0 15px;
    float: left;
}

.c_g_moy .c_g_tit {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 5px;
    line-height: 1.5em
}

.c_g_click {
    padding-top: 5px;
    float: right;
    width: 100px;
}

.c_g_count {
    text-align: center;
    line-height: 15px;
}

.c_g_count .comment {
    color: #cecbcbab;
    font-size: 14px;
    line-height: 20px;
}

.c_g_att li {
    height: 20px;
    padding-top: 5px;
    float: left;
}

.price {
    color: #f67574;
    font-size: 16px;
    max-width: 296px;
}

.c_g_moy .price span {
    font: 500 12px/33px Arial;
    line-height: 12px;
    color: #cecbcb;
}

.c_g_moy .price .numbg {
    font: 500 14px/33px Arial;
    color: #ff8f03;
}

.c_g_moy .price .num {
    display: none;
}

.c_g_moy .price a {
    font: 500 12px/33px Arial;
    margin-left: 10px;
    color: #cecbcb;
}


.tro_box .qx a {
    line-height: 48px;
    font-size: 30px;
    font-weight: bold;
    text-decoration: line-through;
    color: #fff!important;
}

.tro_box .date_qx {
    text-decoration: line-through;
    color: #666!important;
}

.tro_box .date_yq {
    text-decoration: line-through;
    color: #999!important;
}

.tro_box p {
    line-height: 33px;
    font-size: 16px;
    color: #fff;
}

.tro_box p span{margin-right: 16px;}

.tro_box .date {
    max-width: 700px;
    color: #f67574;
    margin-right: 16px;
    @charset "utf-8";*
    html {
    background-image: url(about:blank);
    background-attachment: fixed}
    html {
    padding: 0;
    margin: 0}
    body {
    margin: 0;
    padding: 0;
    font: 14px/1.8 Arial,'Microsoft Yahei','黑体',\5b8b\4f53,sans-serif;
    background: #efefef;
    color: #333;
    word-break: break-all;
    width: auto;
}
    div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p {
    padding: 0;
    margin: 0}
    table,td,tr,th {
    font-size: 14px}
    thead th {
    font-weight: bold}

.clearfix,.swiper-wrapper {
    display: block;
    clear: both;
    overflow: hidden;
    margin: 10px 0px;
}

.clearfix:
    after,.swiper-wrapper:after, {
    content: '';
    display: block;
    clear: both}
    ol,ul {
    list-style: none}
    li {
    list-style-type: none}
    img {
    vertical-align: top;
    border: 0}
    h1,h2,h3,h4,h5,h6 {
    font-size: inherit;
    font-weight: hold}
    address,cite,code,em,th,i {
    font-weight: normal;
    font-style: normal}
    a {
    color: #333;
    text-decoration: none;
    outline: 0}
    a:hover {
    color: #06f;
    text-decoration: none}
    input:focus,button:focus,select:focus,textarea:focus {
    outline: 0}

.main {
    margin: 0 auto;
    width: 1200px}
.main .notice{
    margin: 0 auto;
    background: #ffffff;
    width: 1200px;
    height: 45px;
    margin-top: 20px;
}
.main .notice
    li{
    background: #ffffff;
    width: 360px;
    height: 45px;
    overflow: hidden;
    float: left;
    margin: 0 20px;
}
.main .notice
    li a{
    overflow: hidden;
    align: center;
    line-height: 40px;
    white-space: nowrap;
    color: #ff0000;
    padding: 0 20px;
}
.main_left {
    float: left;
    width: 850px;
    overflow: hidden;
    margin-top: 20px;
    margin-bottom: 20px;
}

.main_right {
    position: relative;
    float: right;
    width: 330px;
    overflow: hidden;
}

.fl {
    float: left}

.fr {
    float: right;
}

.clear15 {
    display: block;
    clear: both;
    width: 100%;
    height: 15px;
    overflow: hidden;
    *
    zoom:1}

.header-wrapper {
    width: 100%;
    background: #ffffff;
    margin-bottom: 0px;
    overflow: hidden;
}

.head {
    margin: 0 auto;
    width: 1200px;
    height: 40px;
    line-height: 40px;
}

.head
    p a {
    font-size: 14px;
    font-weight: 500;
    color: #8e8e8e;
    padding-left: 20px;
}

.head
    p a:hover {
    color: #f59506;
}

.head .fabu {
    font-size: inherit;
    background: url(../img/fabu_ico.png) left no-repeat;
    padding-left: 22px;
}

.head .iconfont {
    font-size: inherit;
    background: url(/style/img/reg.png) left no-repeat;
    padding-left: 30px;
}

.top {
    margin: 0 auto;
    width: 1200px;
    height: 70px;
}

.shorttitle {
    width: 320px;
    overflow: hidden;
    float: left;
}

.logo {
    float: left;
}
.top .logo
    img{
    max-width: 160px;
}
.top
    h1 {
    float: left;
    font-size: 30px;
    font-weight: 800;
    line-height: 60px;
    color: #555555;
}

.logo
    a {
    float: left;
    overflow: hidden;
    color: #6591b7;
}

.top .logo .hot {
    font-size: 12px;
    line-height: 12px;
    color: #ffffff;
    padding: 4px 8px;
    background-color: #ff0000;
    top: 40px;
    margin-left: 10px;
    position: absolute;
    border-top-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

.top .logo .hot
    a {
    color: #ffffff;
}

.top
    span a {
    float: left;
    line-height: 60px;
    font-size: 30px;
    color: #6591b7;
    font-weight: 600;
    margin-right: 5px;
}

.topa
    a {
    margin-left: 18px;
    color: #666;
    font-size: 16px;
    font-weight: 600;
    line-height: 60px;
}

.topa
    a:hover {
    color: #f59506;
}

.topa
    a.current {
    color: #f59506;
}

.search {
    width: 300px;
    height: 34px;
    line-height: 34px;
    margin: 10px 0;
    position: relative;
}

.search
    input.text {
    background-color: #f1f1f1;
    height: 34px;
    line-height: 34px;
    width: 208px;
    border: 1px solid #f1f1f1;
    color: #333;
    outline: 0;
    font-size: 12px;
    padding-left: 10px;
}

.search
    input.search_btn:hover {
    background-color: #ff0400;
}

.search
    input.search_btn {
    position: absolute;
    right: 0;
    top: 0;
    width: 80px;
    height: 36px;
    line-height: 36px;
    cursor: pointer;
    border: 0;
    background-color: #f57d21;
    color: #fff;
    font-size: 16px;
}

.breadbox {
    margin: 0 auto;
    font-family: simsun;
    color: #999;
    line-height: 30px;
    width: 1200px;
    overflow: hidden;
    z-index: 10;
    position: relative;
}

.bread {
    float: left;
    line-height: 30px;
    font-size: 10px;
    background: url(../img/home_ico.png) left center no-repeat;
    padding-left: 20px;
}

.bread
    a {
    color: #999;
    line-height: 30px;
    font-size: 10px;
}

.breadbox
    p.t span {
    color: #999;
    line-height: 30px;
    float: right;
    font-size: 10px;
    margin-left: 15px;
}

.brandbox {
    margin: 0 auto;
    position: relative;
    background-color: #4763d8;
    background-position: center;
    background-size: cover;
    min-width: 1200px;
}

.brandbox::
    after {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 3;
    background-color: rgba(0,0,0,0.69);
    -webkit-tap-highlight-color: rgba(0,0,0,0.69);
}

.brandbox .bg {
    display: none;
}

.pingbi {
    display: none;
}

.tro_box {
    margin: 0 auto;
    width: 1200px;
    position: relative;
    height: 300px;
    padding-top: 50px;
    z-index: 999;
    zoom:1;}

.has-icon {
    display: block;
}

.tro_box .butie {
    width: 90px;
    height: 40px;
    position: absolute;
    top: 70px;
    left: -6px;
    background: url(/style/img/butie30.png) no-repeat center center / 100% auto;
}

.tro_box
    img {
    float: left;
    display: inline-block;
    width: 330px;
    height: 220px;
    margin-right: 30px;
    padding: 21px 0;
    overflow: hidden;
    background: #ffffff;
}

.tro_box_r {
    float: left;
    width: 840px;
    position: relative;
}
.tro_box .title {
    margin-bottom: 10px;
    height: 32px;
}

.tro_box
    h1 {
    white-space: nowrap;
    float: left;
}

.tro_box
    h1 a {
    line-height: 28px;
    font-size: 24px;
    color: #fff;
}

.tro_box
    h1 a:hover {
    color: #fff}

.c_g_att {
    width: 500px;
    height: 70px;
    margin-bottom: 6px;
    overflow: hidden;
    background: linear-gradient(135deg, #9696968f 0%, #75727294 50%, #3535356b 100%);
}

.c_g_moy {
    padding: 0 15px;
    float: left;
    width: 300px;
}

.c_g_moy .c_g_tit {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 5px;
    line-height: 1.5em}

.c_g_click {
    padding-top: 5px;
    float: right;
    width: 100px;
}

.c_g_count {
    text-align: center;
    line-height: 15px;
}

.c_g_count .comment {
    color: #cecbcbab;
    font-size: 14px;
    line-height: 20px;
}

.c_g_att
    li {
    height: 20px;
    padding-top: 5px;
}

.price {
    color: #ff8f03;
    font-size: 18px;
}

.c_g_moy .price
    span {
    font: 500 12px/33px Arial;
    line-height: 12px;
    color: #cecbcb;
}

.c_g_moy .price .numbg {
    font: 500 14px/33px Arial;
    color: #ff8f03;
}

.c_g_moy .price .num {
    display: none;
}

.c_g_moy .price
    a {
    font: 500 12px/33px Arial;
    margin-left: 10px;
    color: #cecbcb;
}

.c_g_moy .price .pop {
    font: 500 12px/33px Arial;
    margin-left: 10px;
    color: #ffffff;
}

.tro_box .qx
    a {
    line-height: 48px;
    font-size: 30px;
    font-weight: bold;
    text-decoration: line-through;
    color: #fff!important;
}

.tro_box .date_qx {
    text-decoration: line-through;
    color: #666!important;
}

.tro_box .date_yq {
    text-decoration: line-through;
    color: #999!important;
}

.tro_box
    p {
    line-height: 33px;
    font-size: 16px;
    color: #fff;
}

.tro_box
    p span{
margin-right: 16px;
}

.tro_box .date {
    max-width: 700px;
    color: #f67574;
    margin-right: 16px;
    font-weight: bold;
}
.tro_box .time {
    max-width: 700px;
    color: #fff;
    margin-right: 16px;
}
.tro_box
    p em {
    color: #fff;
    padding-left: 25px;
}

.tro_box
    p em1 {
    color: #fff;
    background: url(../img/time_ico.jpg) left no-repeat;
    padding-left: 25px}

.tro_box
    p em2 {
    color: #fff;
    background: url(../img/weizhi_ico.jpg) left no-repeat;
    padding-left: 25px;
    background-size: 14px;
}

.tro_box
    p em3 {
    color: #fff;
    background: url(../img/shuju_ico.png) left no-repeat;
    padding-left: 25px;
    background-size: 14px;
}

.tro_box .bg {
    display: none !important;
}

.tro_box
    p a {
    line-height: 40px;
    overflow: hidden;
}

.tro_box .posterFlag {
    right: 5px;
    top: -5px;
    position: absolute;
}

.tro_box .posterFlag.excellent-icon {
    width: 50px;
    height: 100px;
    background: url(/style/img/tuijian.png) no-repeat 0 0;
    background-size: cover;
}

.content {
    font-size: 16px;
    color: #333;
    text-align: justify;
    background: #f1f1f1;
    overflow: hidden;
    margin-bottom: 15px;
    position: relative;
}

.content .part1 {
    margin-bottom: 10px;
    background: #ffffff;
    padding: 0 20px 20px;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

.content .part {
    background: #ffffff;
    padding: 0 20px 20px;
}

.content
    h2 {
    font-size: 18px;
    color: #666666;
    font-weight: bold;
    padding: 15px 0 10px 0;
    overflow: hidden;
    background: #ffffff;
    display: block;
    clear: both;
}

.content .hb2021 {
    float: right;
    width: 200px;
    height: 30px;
    position: absolute;
    top: 5px;
    right: 10px;
}

.content
    h2:before {
    content: " ";
    float: left;
    width: 5px;
    height: 20px;
    margin: 6px 8px 0 0;
    background: #ff0000;
    overflow: hidden;
}

.content
    p {
    text-indent: 30px;
    padding: 8px 0;
}

.content
    tt {
    text-align: center;
    display: block;
    color: #ff0000;
    font-size: 12px;
    margin-top: -20px;
}

.content .tishi {
    color: #999;
    font-size: 14px;
}

.content .zwjs {
    font-size: 14px;
    color: #0043ff;
}

.content .zwjs
    a {
    color: #0043ff;
    font-size: 14px;
}

.content .zwjs
    a:hover {
    color: #ff0000;
    font-size: 14px;
}

.content
    a {
    color: #333;
    padding-bottom: 2px;
}

.content .img_div {
    font-size: 14px;
    text-align: center;
    text-indent: 0}

.content
    h3 {
    font-size: 16px;
    font-weight: bold;
    line-height: 18px;
    margin: 15px 0 5px;
    padding-bottom: 8px;
}

.content
    h3:before {
    content: " ";
    float: left;
    width: 5px;
    height: 18px;
    margin: 0px 8px 0 30px;
    background: #d49c1f;
    overflow: hidden;
}

.content
    p img {
    vertical-align: middle;
    margin: 10px auto;
    display: block;
    width: 650px;
    border-radius: 13px;
}

.content
    img {
    vertical-align: middle;
    margin: 10px auto;
    display: block;
    max-width: 800px;
}

.content
    video {
    vertical-align: middle;
    margin: 10px auto;
    display: block;
    max-width: 640px}

.content
    blockquote {
    margin: 15px 20px;
    color: #930ae8;
    padding: 10px 15px;
    background-color: #eef0fd;
    font-size: 14px;
}

.content
    blockquote p {
    margin: 5px 0;
    padding: 0;
    font-size: 16px}

.content
    blockquote h3 a {
    font-size: 18px;
    font-weight: bold;
    color: #1478e0;
    line-height: 20px;
    margin: 10px 0;
    padding-bottom: 8px}

.content
    table {
    border-left: 1px solid #c7d9ef;
    border-top: 1px solid #c7d9ef;
    margin: 0 auto;
    max-width: 840px;
    background: #fff}

.content
    table p {
    padding: 5px 10px}

.content
    table th {
    border-right: 1px solid #c7d9ef;
    border-bottom: 1px solid #c7d9ef;
    color: #333}

.content
    table td {
    border-right: 1px solid #c7d9ef;
    border-bottom: 1px solid #c7d9ef}

.content
    ul {
    list-style: none;
    text-indent: 32px;
    background-color: #9ad3d6;
    margin-bottom: 15px;
    padding: 8px 0 8px 0}

.msgPage {
    padding: 10px 0 20px;
    background: #ffffff;
    /* margin-bottom:30px; */
}

.msgPage .online_title {
    margin: 10px 0 15px;
}


.msgPage .online_title .tit {
    font-size: 20px;
    color: #999;
    text-align: center}

.msgPage .online_title .entit {
    font-size: 14px;
    color: #f9ab1e;
    font-family: Arial;
    text-transform: uppercase;
    text-align: center}

.formData {
    width: 300px;
    margin: 0 auto}

.formData .item {
    height: 28px;
    float: left;
    position: relative;
    margin-bottom: 15px;
}

.formData .item
    label {
    width: 65px;
    height: 28px;
    line-height: 28px;
    float: left;
    color: #555;
    padding-right: 5px;
    text-align: right;
}

.formData .item .red {
    color: red;
    font-size: 12px;
    position: absolute;
    right: -10px;
    top: 2px}

.formData .liuyan .red {
    right: -2px;
    top: 0}

.formData .yzm .red {
    right: 107px;
    top: 2px}

.formData .item
    input {
    width: 195px;
    height: 28px;
    line-height: 28px;
    float: left;
    padding-left: 10px;
    border: 2px solid #f5f5f5;
    font-size: 14px;
    background: #fff;
    border-radius: 5px;
}

.formData .item .txt {
    color: #999}

.formData .item
    input:hover {
    border: 2px solid #bbbfc5}

.formData .item .msg-box {
    position: absolute;
    left: 90px}

.formData .item.mr30 {
    margin-right: 10px}

.formData .item.yzm {
    width: 380px}

.formData .item.yzm
    input {
    width: 160px}

.formData .item.yzm
    img {
    margin-left: 20px}

.formData .item.youxiang {
    margin-right: 70px}

.formData .item.liuyan {
    width: 300px;
    height: 28px;
}

.formData .item.liuyan
    textarea {
    width: 195px;
    float: left;
    height: 32px;
    line-height: 32px;
    border: 2px solid #fff;
    background: #fff;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    overflow: hidden;
    color: #666;
    resize: none;
    padding-left: 10px;
    font-family: "microsoft yahei"}

.formData .item.liuyan
    textarea:hover {
    border: 2px solid #bbbfc5}

.formData .itemsub {
    width: 200px;
    position: relative;
    margin: 0 auto;
    padding: 10px 0 15px;
}

.formData .itemsub
    label {
    width: 85px;
    float: left;
    color: #333;
    padding-right: 5px;
    text-align: right}

.formData .itemsub .msg-box {
    position: absolute;
    left: 90px}

.formData .itemsub
    input[type=text] {
    width: 147px;
    height: 40px;
    line-height: 40px;
    float: left;
    border-radius: 6px;
    font-size: 14px;
    background: #fff;
    color: #333;
    text-indent: 10px}

.formData .itemsub
    img {
    height: 32px;
    float: left;
    margin-top: 5px;
    margin-left: 10px}

.formData .btn {
    width: 200px;
    line-height: 35px;
    cursor: pointer;
    color: #fff;
    font-size: 14px;
    background: #ff6b6b;
    border-radius: 15px;
    display: inline-block;
    border: 0;
}

.formData .btn:
    hover {
    background: #2759c1;
    border: 0}

.formData .btn[
    type=reset] {
    background: #f00;
    margin-right: 40px;
    border-radius: 20px}

.msgPage .form-info
    p {
    line-height: 18px;
    color: #999;
    font-weight: 500;
    font-size: 12px;
    text-align: center;
}

.detail-tags {
    float: left;
    font-size: 14px;
    width: 850px;
    padding: 10px 0;
    color: #0e2fd0;
}

.detail-tags
    p a {
    border: 1px solid #ffffff;
    display: inline-block;
    padding: 0 15px;
    color: #999;
    background: #ffffff;
    margin: 0 5px;
    font-size: 14px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 20px;
    border-radius: 1.px;
}

.detail-tags
    p a:hover {
    background: #93a2c7 none repeat scroll 0 0;
    border: 1px solid #93a2c7;
    color: #fff}

.tips {
    width: 850px;
    padding: 10px;
    background: #ffffff;
}
.tips
    img{width: 830px;}

.tips
    span {
    color: #ff0000;
}

.hot-title {
    border-left: 4px solid #ff4d4d;
    height: 50px;
    line-height: 50px;
    margin: 10px 0;
    overflow: hidden;
    background: #ffffff;
}

.hot-title
    div {
    font-size: 18px;
    font-weight: 800;
    color: #555;
    margin-left: 10px;
}

.hot-title .tit
    a {
    font-size: 14px;
    height: 50px;
    line-height: 50px;
    color: #999;
    font-weight: normal;
    float: right;
    margin: 0 15px}

.hot-info-tab {
    width: 850px;
    margin: 10px 0;
}

.hot-info-tab .con {
    margin-left: -10px;
}

.hot-info-tab .con .swiper-slide {
    width: 203px;
    float: left;
    margin: 5px 0 5px 10px;
    border: 1px solid #efefef;
    transition: all .8s ease 0s;
    text-align: center;
    background: #fff;
}

.hot-info-tab .con .swiper-slide
    img {
    border: 0;
    width: 160px;
    height: 110px;
    vertical-align: top;
    border-bottom: 1px solid #efefef;
}

.hot-info-tab .con .swiper-slide:
    hover {
    transform: scale(1.0);
    box-shadow: 0 0 25px rgba(108, 108, 108, 0.35);
}

.hot-info-tab .con .swiper-slide .data {
    font-size: 14px;
    color: #9a9a9a;
    padding: 10px;
    line-height: 25px;
    text-align: center;
    background: #ffffff;
}

.hot-info-tab .con .swiper-slide .data .time {
    padding-top: 6px;
    color: #9a9a9a;
    overflow: hidden;
}

.hot-info-tab .con .swiper-slide .data
    h3 {
    font-size: 14px;
    font-weight: 500;
    color: #30708c;
    line-height: 18px;
    display: block;
    margin-bottom: 5px;
    overflow: hidden;
    height: 18px;
}

.hot_1 {
    color: #fff;
    padding: 2px 3px;
    border-radius: 5px;
    margin-left: 5px;
    background-color: #ff0000;
}


.crumbs {
    font-size: 12px;
    color: #9a9a9a;
}

.new_td {
    padding: 5px;
    background-color: #fff;
    margin-top: 20px;
    /* box-shadow: 0 0 10px rgb(0 0 0 / 10%); */
    display: flex;
}

.crumbs .tag_yd {
    font-size: 16px;
    border-radius: 5px;
    display: inline-block;
    vertical-align: middle;
    float: left;
    margin: 5px;
    height: 40px;
    line-height: 40px;
    color: #fff;
    background: #ff4a00;
    width: 100%;
    text-align: center;
}

.crumbs .tag_yd
    i {
    display: inline-block;
    width: 24px;
    height: 24px;
    background: url(/style/img/zxbut.png) no-repeat center center;
    vertical-align: middle;
    margin-right: 10px;
}

.crumbs .tag_ticket {
    font-size: 16px;
    border-radius: 5px;
    display: inline-block;
    vertical-align: middle;
    margin: 5px;
    height: 40px;
    line-height: 40px;
    color: #fff;
    background: #0841d1;
    width: 120px;
    text-align: center;
}
.expoinfo {
    padding: 10px;
    border-top: 1px solid #f4f4f4;
    background-color: #fff;}
.expoinfo
    ul{display: flex;}
.expoinfo .tittxt{
    display: block;
    height: 40px;
    background: #ffffff url(http://www.828i.com/style/img/txtpic.png) no-repeat 0 10px;
    background-size: 24px;
    padding-left: 24px;
    }
.expoinfo .gz-pic-btn{
    display: block;
    height: 40px;
    background: #ffffff url(http://www.828i.com/style/img/sy_42.png) no-repeat 4px 10px;
    background-size: 22px;
    padding: 0 10px;
    /* padding-left: 25px; */
    cursor: pointer;
 }
.expoinfo
    ul li{
    font-size: 14px;
    vertical-align: middle;
    float: left;
    margin: 5px;
    height: 40px;
    line-height: 40px;
    color: #333;
    width: 100%;
    text-align: center;
    }
.expoinfo
    ul li a{
    font-size: 14px;
    color: #333;
    font-weight: 600;
    }
.expoinfo
    ul li a:hover {
    color: #ff0000;
}

.boxbaike {
    background: url(/style/img/baikebg2.jpg) no-repeat top center;
    padding: 10px 15px;
    margin-top: 15px;
    position: relative;
    background-size: cover;
}

.boxbaike .boxtitle {
    font-size: 18px;
    color: #666666;
    font-weight: 700;
}

.boxbaike
    p {
    display: block;
    overflow: hidden;
    border-radius: 30px;
    padding: 0 10px;
    margin: 10px 20px;
    background-color: #ffffff;
    text-align: center;
}

.boxbaike
    p a {
    font-size: 16px;
    line-height: 35px;
    padding-left: 10px;
    color: #ff5500;
    font-weight: 600;
}

.boxbaike
    p::after {
    content: '热';
    opacity: 1;
    animation: dot_anim 2000ms infinite;
    position: absolute;
    right: 45px;
    top: 60px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    color: #fff;
    font-size: 12px;
    overflow: auto;
    border-radius: 50%;
    background-color: #fb2525;
    text-align: center;
}
    @keyframes dot_anim {
    0% {
        opacity: 1;
    }

    40% {
    opacity: 0;
    }

    100% {
    opacity: 1;
    }
}

.rongyu {
    display: none;
}

.rongyu1 {
    background: url(/style/img/bgphb.jpg) no-repeat top center;
    padding: 10px 15px;
    margin: 15px 0;
    position: relative;
    background-size: cover;
    overflow: hidden;
}

.rongyu1 .title {
    font-size: 18px;
    color: #7089e4;
    font-weight: 700;
}

.rongyu11 {
    background: url(/style/img/bgphb.jpg) no-repeat top center;
    padding: 10px 15px;
    margin-top: 15px;
    position: relative;
    background-size: cover;
    overflow: hidden;
}

.rongyu11 .title {
    font-size: 18px;
    color: #7089e4;
    font-weight: 700;
}

.rongyu111 {
    background: url(/style/img/bgphb.jpg) no-repeat top center;
    padding: 10px 15px;
    margin-top: 15px;
    position: relative;
    background-size: cover;
    overflow: hidden;
}

.rongyu111 .title {
    font-size: 18px;
    color: #7089e4;
    font-weight: 700;
}

.rongyu1111 {
    background: url(/style/img/bgphb.jpg) no-repeat top center;
    padding: 10px 15px;
    margin-top: 15px;
    position: relative;
    background-size: cover;
    overflow: hidden;
}

.rongyu1111 .title {
    font-size: 18px;
    color: #7089e4;
    font-weight: 700;
}

.phb {
    padding-top: 10px;
    overflow: hidden;
    float: left;
}

.phb
    li {
    width: 300px;
    white-space: nowrap;
    padding: 5px 0;
    overflow: hidden;
    float: left;
    position: relative;
}

.phb
    li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 15px;
    width: 6px;
    height: 6px;
    border-radius: 100%;
    background: #ccc;
}

.phb
    li a {
    color: #666;
    font-size: 16px;
    line-height: 25px;
    padding-left: 13px;
}

.phb
    li a:hover {
    color: #ff0000;
}

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

.boxtq .titletq {
    border-bottom: 1px solid #f1f0f0;
    line-height: 50px;
    display: block;
    clear: both;
    overflow: hidden;
    margin-top: 15px;
    padding: 0 15px;
    background-color: #fff;
}

.boxtq .titletq::
    before {
    content: '';
    width: 4px;
    height: 20px;
    background: #FF6226;
    position: absolute;
    top: 35px;
    left: 0px;
}

.titletq
    div {
    font-size: 18px;
    color: #666666;
    font-weight: 700;
    position: relative;
}

.boxtq
    ul {
    background-color: #fff;
}

.boxtq
    ul li {
    height: 80px;
    display: block;
    overflow: hidden;
    padding: 0 10px;
}

.boxtq
    ul li .tq-img {
    width: 98px;
    height: 68px;
    float: left;
    overflow: hidden;
    border: 1px solid #f1f0f0;
}

.boxtq
    ul li .tq-img img {
    width: 98px;
    height: 70px;
}

.boxtq
    ul li .tq-list {
    height: 50px;
    width: 200px;
    padding: 5px 0 5px 10px;
    float: left;
    overflow: hidden;
}

.boxtq
    ul li .tq-list h3 {
    height: 36px;
    line-height: 18px;
}

.boxtq
    ul li .tq-list h3 a {
    font-size: 14px;
    font-weight: 500;
}

.boxtq
    ul li .tq-list span {
    font-size: 14px;
    color: #999;
    font-weight: normal;
}

.boxtq
    ul li:first-child {
    padding-top: 10px;
}

.boxtq
    ul li:last-child {
    padding-bottom: 10px;
}

.box {
    overflow: hidden;
    margin-top: 15px;
    background-color: #fff;
    position: relative;
}

.box .title {
    border-bottom: 1px solid #f1f0f0;
    line-height: 50px;
    display: block;
    clear: both;
    overflow: hidden;
    padding: 0 15px;
}

.box .title::
    after {
    content: '';
    width: 4px;
    height: 20px;
    background: #FF6226;
    position: absolute;
    top: 16px;
    left: 0px;
}

.box
    img {
    width: 100%}

.box3 {
    overflow: hidden;
    margin: 15px 0;
    background-color: #fff;
    position: relative;
}

.box3 .title {
    border-bottom: 1px solid #f1f0f0;
    line-height: 50px;
    display: block;
    clear: both;
    overflow: hidden;
    padding: 0 15px;
}

.box3 .title::
    after {
    content: '';
    width: 4px;
    height: 20px;
    background: #FF6226;
    position: absolute;
    top: 15px;
    left: 0px;
}

.box
    ul {}

.box
    li {
    height: 70px;
    display: block;
    overflow: hidden;
    padding: 5px 10px;
}

.box
    li .news-img {
    width: 100px;
    height: 70px;
    float: left;
    overflow: hidden;
}

.box
    li .news-img img {
    width: 150px;
    height: 100px;
    margin-left: -30px;
    margin-top: -15px;
}

.box
    li .listbox {
    height: 70px;
    width: 210px;
    float: left;
}

.box
    li .listbox h3 {
    height: 45px;
    line-height: 20px;
}

.box
    li .listbox h3 a {
    font-size: 16px;
    font-weight: 500;
}

.box
    li .listbox span {
    font-size: 14px;
    color: #999;
    font-weight: normal;
}

.title
    div {
    font-size: 18px;
    color: #7089e4;
    font-weight: 700;
    position: relative;
}

.div2 {
    width: 330px;
    display: block;
    overflow: hidden;
    top: 2px;
    z-index: 0;
    position: fixed;
    _position: absolute;
}

.box2 {
    margin-top: 15px;
    background-color: #fff;
    position: relative;
}

.box2 .title {
    line-height: 50px;
    display: block;
    clear: both;
    overflow: hidden;
    padding: 0 15px;
    border-bottom: 1px solid #f1f0f0;
}

.box2 .title::
    after {
    content: '';
    width: 4px;
    height: 20px;
    background: #FF6226;
    position: absolute;
    top: 16px;
    left: 0px;
}

.box2 .sub-good-list {
    padding: 15px;
    background: #ffffff;
}

.box2 .sub-good-list .img {
    float: left;
    width: 100px;
    height: 100px;
    border-radius: 50px;
    overflow: hidden;
    text-align: center;
    border: 1px solid #ffffff;
}

.box2 .sub-good-list .info {
    margin-left: 110px;
    min-height: 110px}
.box2 .sub-good-list .info
    i {
    display: inline-block;
    width: 24px;
    height: 24px;
    background: url(/style/img/zxbut.png) no-repeat center center;
    vertical-align: middle;
    margin-right: 10px;
}
.box2 .sub-good-list
    h4 {
    color: #888888;
    font-size: 16px;
    display: -webkit-box;
    overflow: hidden;
}

.box2 .sub-good-list .btn {
    height: 30px;
    width: 100px;
    line-height: 30px;
    background: #e89169;
    color: #fff;
    display: inline-block;
    padding: 0 20px;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
}

.box2 .sub-good-list .btn:
    hover {
    background: #e66428}

.box2 .sub-good-list .btn2 {
    height: 30px;
    width: 120px;
    line-height: 30px;
    margin: 10px 0;
    color: #fff;
    background: #39b34e;
    display: inline-block;
    padding: 0 10px;
    font-size: 14px;
    font-weight: 600;
}

.box2 .sub-good-list .btn2:
    hover {
    background: #0a11f7}

.box2 .sub-good-list .btn3 {
    height: 30px;
    line-height: 30px;
    border-radius: 5px;
    color: #333333;
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
}

.main_right .con {
    overflow: hidden;
    border-bottom: 5px solid #f1f1f1;
    margin-bottom: 8px;
    margin-top: 10px}

.main_right .con
    li {
    width: 100%;
    height: 90px;
    padding: 7px 0 7px 0}

.main_right .con .li_fr {
    width: 155px;
    float: right;
    height: 100px}

.main_right .con .li_fr
    h5 {
    color: #555;
    margin-bottom: 10px}

.main_right .con .li_fr
    h5 a {
    font-weight: 600;
    font-size: 16px}

.main_right .con .li_fr .pl {
    height: 22px;
    line-height: 22px;
    font-size: 12px;
    color: #f00}

.main_right .con .li_fl {
    width: 135px;
    height: 90px;
    float: left;
    position: relative}

.main_right .con .li_fl
    img {
    width: 135px;
    height: 90px}

.main_right .con .li_fl
    span {
    display: inline-block;
    width: 32px;
    height: 32px;
    line-height: 18px;
    padding-left: 3px;
    color: #fff;
    background: url(../img/li_bg.png) 0 -96px no-repeat;
    position: absolute;
    left: 0;
    top: 0}

.main_right .conlist {
    padding: 10px 15px;
    overflow: hidden;
}

.main_right .conlist
    p {
    padding: 5px 0;
    color: #666;
}

.main_right .conlist
    p span {
    padding: 5px 0;
    color: #f53b3b;
}

.main_right .conlist
    li {
    height: 25px;
    white-space: nowrap;
    padding: 6px 0;
    overflow: hidden;
    position: relative;
}

.main_right .conlist
    li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 15px;
    width: 6px;
    height: 6px;
    border-radius: 100%;
    background: #ccc;
}

.main_right .conlist
    li a {
    color: #666;
    font-size: 16px;
    line-height: 25px;
    padding-left: 13px;
}

.main_right .conlist
    li a:hover {
    color: #06f}

.main_right .conlist
    li span {
    float: right;
    font-size: 16px;
    color: #555;
    height: 26px;
    line-height: 26px;
    overflow: hidden}

.footer {
    width: 100%;
    min-width: 1200px;
    margin-top: 40px;
    padding: 20px 0 20px 0;
    background-color: #0a233b;
    border-top: 1px solid #e3e3e3;
}

.footer .footbox {
    width: 1200px;
    margin: 0 auto}

.footer .footbox
    p {
    line-height: 25px;
    font-size: 14px;
    text-align: center;
    color: #777}

.footer .footbox
    p a {
    font-size: 14px;
    color: #ffe18c;
    text-decoration: none}

.footer .footbox
    a:hover {
    color: #ffa927;
    text-decoration: underline}

.footer .notice {
    border-top: 1px solid #e3e3e3;
    padding: 15px 20px 15px 20px;
    margin: 0 auto;
    margin-top: 10px;
    width: 1200px}

.footer .notice
    p {
    color: #bcbcbc;
    line-height: 20px;
    font-weight: 400;
    font-size: 13px}
    font-weight: bold;
    font-weight: bold;
}
.tro_box .time {
    max-width: 700px;
    color: #fff;
    margin-right: 16px;
}

.tro_box p em {
    color: #fff;
    padding-left: 25px;
}

.tro_box p em1 {
    color: #fff;
    background: url(../img/time_ico.jpg) left no-repeat;
    padding-left: 25px
}

.tro_box p em2 {
    color: #fff;
    background: url(../img/weizhi_ico.jpg) left no-repeat;
    padding-left: 25px;
    background-size: 14px;
}

.tro_box p em3 {
    color: #fff;
    background: url(../img/shuju_ico.png) left no-repeat;
    padding-left: 25px;
    background-size: 14px;
}

.tro_box .bg {
    display: none !important;
}

.tro_box p a {
    line-height: 40px;
    overflow: hidden;
}

.tro_box .posterFlag {
    right: 5px;
    top: -5px;
    position: absolute;
}

.tro_box .posterFlag.excellent-icon {
    width: 50px;
    height: 100px;
    background: url(/style/img/tuijian.png) no-repeat 0 0;
    background-size: cover;
}

.content {
    font-size: 16px;
    color: #333;
    text-align: justify;
    background: #f1f1f1;
    margin-bottom: 15px;
    position: relative;
}

.content .part1 {
    margin-bottom: 10px;
    background: #ffffff;
    padding: 0 20px 20px;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

.content .part {
    margin-bottom: 10px;
    background: #ffffff;
    padding: 0 20px 20px;
}

.content h2 {
    font-size: 18px;
    color: #666666;
    font-weight: bold;
    padding: 15px 0 10px 0;
    overflow: hidden;
    background: #ffffff;
    display: block;
    clear: both;
}

.content .hb2021 {
    float: right;
    width: 200px;
    height: 30px;
    position: absolute;
    top: 5px;
    right: 10px;
}

.content h2:before {
    content: " ";
    float: left;
    width: 5px;
    height: 20px;
    margin: 6px 8px 0 0;
    background: #ff0000;
    overflow: hidden;
}

.content p {
    text-indent: 30px;
    padding: 8px 0;
}

.content tt {
    text-align: center;
    display: block;
    color: #ff0000;
    font-size: 12px;
    margin-top: -20px;
}

.content .tishi {
    color: #999;
    font-size: 14px;
}

.content .zwjs {
    font-size: 14px;
    color: #0043ff;
}

.content .zwjs a {
    color: #0043ff;
    font-size: 14px;
}

.content .zwjs a:hover {
    color: #ff0000;
    font-size: 14px;
}

.content a {
    color: #333;
    padding-bottom: 2px;
}

.content .img_div {
    font-size: 14px;
    text-align: center;
    text-indent: 0
}

.content h3 {
    font-size: 16px;
    font-weight: bold;
    line-height: 18px;
    margin: 15px 0 5px;
    padding-bottom: 8px;
}

.content h3:before {
    content: " ";
    float: left;
    width: 5px;
    height: 18px;
    margin: 0px 8px 0 30px;
    background: #d49c1f;
    overflow: hidden;
}

.content p img {
    vertical-align: middle;
    margin: 10px auto;
    display: block;
    width: 650px;
    border-radius: 13px;
}

.content img {
    vertical-align: middle;
    margin: 10px auto;
    display: block;
    max-width: 800px;
}

.content video {
    vertical-align: middle;
    margin: 10px auto;
    display: block;
    max-width: 640px
}

.content blockquote {
    margin: 15px 20px;
    color: #930ae8;
    padding: 10px 15px;
    background-color: #eef0fd;
    font-size: 14px;
}

.content blockquote p {
    margin: 5px 0;
    padding: 0;
    font-size: 16px
}

.content blockquote h3 a {
    font-size: 18px;
    font-weight: bold;
    color: #1478e0;
    line-height: 20px;
    margin: 10px 0;
    padding-bottom: 8px
}

.content table {
    border-left: 1px solid #c7d9ef;
    border-top: 1px solid #c7d9ef;
    margin: 0 auto;
    max-width: 840px;
    background: #fff
}

.content table p {
    padding: 5px 10px
}

.content table th {
    border-right: 1px solid #c7d9ef;
    border-bottom: 1px solid #c7d9ef;
    color: #333
}

.content table td {
    border-right: 1px solid #c7d9ef;
    border-bottom: 1px solid #c7d9ef
}

.content ul {
    list-style: none;
    text-indent: 32px;
    background-color: #9ad3d6;
    margin-bottom: 15px;
    padding: 8px 0 8px 0
}

.msgPage {
    padding: 10px 0 20px;
    background: #ffffff;
    /* margin-bottom:30px; */
}

.msgPage .online_title {
    margin: 10px 0 15px;
}

.msgPage .online_title .tit {
    font-size: 20px;
    color: #999;
    text-align: center
}

.msgPage .online_title .entit {
    font-size: 14px;
    color: #f9ab1e;
    font-family: Arial;
    text-transform: uppercase;
    text-align: center
}

.formData {
    width: 300px;
    margin: 0 auto
}

.formData .item {
    height: 28px;
    float: left;
    position: relative;
    margin-bottom: 15px;
}

.formData .item label {
    width: 65px;
    height: 28px;
    line-height: 28px;
    float: left;
    color: #555;
    padding-right: 5px;
    text-align: right;
}

.formData .item .red {
    color: red;
    font-size: 12px;
    position: absolute;
    right: -10px;
    top: 2px
}

.formData .liuyan .red {
    right: -2px;
    top: 0
}

.formData .yzm .red {
    right: 107px;
    top: 2px
}

.formData .item input {
    width: 195px;
    height: 28px;
    line-height: 28px;
    float: left;
    padding-left: 10px;
    border: 2px solid #f5f5f5;
    font-size: 14px;
    background: #fff;
    border-radius: 5px;
}

.formData .item .txt {
    color: #999
}

.formData .item input:hover {
    border: 2px solid #bbbfc5
}

.formData .item .msg-box {
    position: absolute;
    left: 90px
}

.formData .item.mr30 {
    margin-right: 10px
}

.formData .item.yzm {
    width: 380px
}

.formData .item.yzm input {
    width: 160px
}

.formData .item.yzm img {
    margin-left: 20px
}

.formData .item.youxiang {
    margin-right: 70px
}

.formData .item.liuyan {
    width: 300px;
    height: 28px;
}

.formData .item.liuyan textarea {
    width: 195px;
    float: left;
    height: 32px;
    line-height: 32px;
    border: 2px solid #fff;
    background: #fff;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    overflow: hidden;
    color: #666;
    resize: none;
    padding-left: 10px;
    font-family: "microsoft yahei"
}

.formData .item.liuyan textarea:hover {
    border: 2px solid #bbbfc5
}

.formData .itemsub {
    width: 200px;
    position: relative;
    margin: 0 auto;
    padding: 10px 0 15px;
}

.formData .itemsub label {
    width: 85px;
    float: left;
    color: #333;
    padding-right: 5px;
    text-align: right
}

.formData .itemsub .msg-box {
    position: absolute;
    left: 90px
}

.formData .itemsub input[type=text] {
    width: 147px;
    height: 40px;
    line-height: 40px;
    float: left;
    border-radius: 6px;
    font-size: 14px;
    background: #fff;
    color: #333;
    text-indent: 10px
}

.formData .itemsub img {
    height: 32px;
    float: left;
    margin-top: 5px;
    margin-left: 10px
}

.formData .btn {
    width: 200px;
    line-height: 35px;
    cursor: pointer;
    color: #fff;
    font-size: 14px;
    background: #ff6b6b;
    border-radius: 15px;
    display: inline-block;
    border: 0;
}

.formData .btn:hover {
    background: #2759c1;
    border: 0
}

.formData .btn[type=reset] {
    background: #f00;
    margin-right: 40px;
    border-radius: 20px
}

.msgPage .form-info p {
    line-height: 18px;
    color: #999;
    font-weight: 500;
    font-size: 12px;
    text-align: center;
}

.detail-tags {
    float: left;
    font-size: 14px;
    width: 860px;
    padding: 10px 0;
    color: #0e2fd0;
}

.detail-tags p a {
    border: 1px solid #ffffff;
    display: inline-block;
    padding: 0 15px;
    color: #999;
    background: #ffffff;
    margin: 0 5px;
    font-size: 14px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 20px;
    border-radius: 1.px;
}

.detail-tags p a:hover {
    background: #93a2c7 none repeat scroll 0 0;
    border: 1px solid #93a2c7;
    color: #fff
}

.tips {
    width: 850px;
    padding: 10px;
    background: #ffffff;
}
.tips img{width: 830px;}

.tips span {
    color: #ff0000;
}

.hot-title {
    border-left: 4px solid #ff4d4d;
    height: 50px;
    line-height: 50px;
    margin: 10px 0;
    overflow: hidden;
    background: #ffffff;
}

.hot-title div {
    font-size: 18px;
    font-weight: 800;
    color: #555;
    margin-left: 10px;
}

.hot-title .tit a {
    font-size: 14px;
    height: 50px;
    line-height: 50px;
    color: #999;
    font-weight: normal;
    float: right;
    margin: 0 15px
}

.hot-info-tab {
    width: 850px;
    margin: 10px 0;
}

.hot-info-tab .con {
    margin-left: -10px;
}

.hot-info-tab .con .swiper-slide {
    width: 203px;
    float: left;
    margin: 5px 0 5px 10px;
    border: 1px solid #efefef;
    transition: all .8s ease 0s;
    text-align: center;
    background: #fff;
}

.hot-info-tab .con .swiper-slide img {
    border: 0;
    width: 160px;
    height: 110px;
    vertical-align: top;
    border-bottom: 1px solid #efefef;
}

.hot-info-tab .con .swiper-slide:hover {
    transform: scale(1.0);
    box-shadow: 0 0 25px rgba(108, 108, 108, 0.35);
}

.hot-info-tab .con .swiper-slide .data {
    font-size: 14px;
    color: #9a9a9a;
    padding: 10px;
    line-height: 25px;
    text-align: center;
    background: #ffffff;
}

.hot-info-tab .con .swiper-slide .data .time {
    padding-top: 6px;
    color: #9a9a9a;
    overflow: hidden;
}

.hot-info-tab .con .swiper-slide .data h3 {
    font-size: 14px;
    font-weight: 500;
    color: #30708c;
    line-height: 18px;
    display: block;
    margin-bottom: 5px;
    overflow: hidden;
    height: 18px;
}

.hot_1 {
    color: #fff;
    padding: 2px 3px;
    border-radius: 5px;
    margin-left: 5px;
    background-color: #ff0000;
}

.crumbs {
    font-size: 12px;
    color: #9a9a9a;
}

.new_td {
    padding: 5px;
    background-color: #fff;
    margin-top: 20px;
    /* box-shadow: 0 0 10px rgb(0 0 0 / 10%); */
    display: flex;
}

.crumbs .tag_yd {
    font-size: 16px;
    border-radius: 5px;
    display: inline-block;
    vertical-align: middle;
    float: left;
    margin: 5px;
    height: 40px;
    line-height: 40px;
    color: #fff;
    background: #ff4a00;
    width: 100%;
    text-align: center;
}

.crumbs .tag_yd i {
    display: inline-block;
    width: 24px;
    height: 24px;
    background: url(/style/img/zxbut.png) no-repeat center center;
    vertical-align: middle;
    margin-right: 10px;
}

.crumbs .tag_ticket {
    font-size: 16px;
    border-radius: 5px;
    display: inline-block;
    vertical-align: middle;
    margin: 5px;
    height: 40px;
    line-height: 40px;
    color: #fff;
    background: #0841d1;
    width: 120px;
    text-align: center;
}

.expoinfo {padding: 10px;border-top: 1px solid #f4f4f4;background-color: #fff;}
.expoinfo ul{display: flex;}
.expoinfo .tittxt{
    display: block;
    height: 40px;
    background: #ffffff url(http://www.828i.com/style/img/txtpic.png) no-repeat 0 10px;
    background-size: 24px;
    padding-left: 24px;
    }
.expoinfo .gz-pic-btn{
		display: block;
		height: 40px;
		background: #ffffff url(http://www.828i.com/style/img/sy_42.png) no-repeat 4px 10px;
		background-size: 22px;
		cursor: pointer;
		float: left;
		padding-left: 35px;
	}
.expoinfo ul li{
    font-size: 14px;
    vertical-align: middle;
    float: left;
    margin: 5px;
    height: 40px;
    line-height: 40px;
    color: #333;
    width: 100%;
    text-align: center;
    }
.expoinfo ul li a{
    font-size: 12px;
    color: #333;
    font-weight: 600;
    }
.expoinfo ul li a:hover {
    color: #ff0000;
}

.boxbaike {
    background: url(/style/img/baikebg2.jpg) no-repeat top center;
    padding: 10px 15px;
    margin-top: 15px;
    position: relative;
    background-size: cover;
}

.boxbaike .boxtitle {
    font-size: 18px;
    color: #666666;
    font-weight: 700;
}

.boxbaike p {
    display: block;
    overflow: hidden;
    border-radius: 30px;
    padding: 0 10px;
    margin: 10px 20px;
    background-color: #ffffff;
    text-align: center;
}

.boxbaike p a {
    font-size: 16px;
    line-height: 35px;
    padding-left: 10px;
    color: #ff5500;
    font-weight: 600;

}

.boxbaike p::after {
    content: '热';
    opacity: 1;
    animation: dot_anim 2000ms infinite;
    position: absolute;
    right: 45px;
    top: 60px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    color: #fff;
    font-size: 12px;
    overflow: auto;
    border-radius: 50%;
    background-color: #fb2525;
    text-align: center;
}

@keyframes dot_anim {
    0% {
        opacity: 1;
    }

    40% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.rongyu {
    display: none;
}

.rongyu1 {
    background: url(/style/img/bgphb.jpg) no-repeat top center;
    padding: 10px 15px;
    margin: 15px 0;
    position: relative;
    background-size: cover;
    overflow: hidden;
}

.rongyu1 .title {
    font-size: 18px;
    color: #7089e4;
    font-weight: 700;
}

.rongyu11 {
    background: url(/style/img/bgphb.jpg) no-repeat top center;
    padding: 10px 15px;
    margin-top: 15px;
    position: relative;
    background-size: cover;
    overflow: hidden;
}

.rongyu11 .title {
    font-size: 18px;
    color: #7089e4;
    font-weight: 700;
}

.rongyu111 {
    background: url(/style/img/bgphb.jpg) no-repeat top center;
    padding: 10px 15px;
    margin-top: 15px;
    position: relative;
    background-size: cover;
    overflow: hidden;
}

.rongyu111 .title {
    font-size: 18px;
    color: #7089e4;
    font-weight: 700;
}

.rongyu1111 {
    background: url(/style/img/bgphb.jpg) no-repeat top center;
    padding: 10px 15px;
    margin-top: 15px;
    position: relative;
    background-size: cover;
    overflow: hidden;
}

.rongyu1111 .title {
    font-size: 18px;
    color: #7089e4;
    font-weight: 700;
}

.rongyu11111 {
    background: url(/style/img/bgphb.jpg) no-repeat top center;
    padding: 10px 15px;
    margin-top: 15px;
    position: relative;
    background-size: cover;
    overflow: hidden;
}

.rongyu11111 .title {
    font-size: 18px;
    color: #7089e4;
    font-weight: 700;
}

.phb {
    padding-top: 10px;
    overflow: hidden;
    float: left;
}

.phb li {
    width: 300px;
    white-space: nowrap;
    padding: 5px 0;
    overflow: hidden;
    float: left;
    position: relative;
}

.phb li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 15px;
    width: 6px;
    height: 6px;
    border-radius: 100%;
    background: #ccc;
}

.phb li a {
    color: #666;
    font-size: 16px;
    line-height: 25px;
    padding-left: 13px;
}

.phb li a:hover {
    color: #ff0000;
}

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

.boxtq .titletq {
    border-bottom: 1px solid #f1f0f0;
    line-height: 50px;
    display: block;
    clear: both;
    overflow: hidden;
    margin-top: 15px;
    padding: 0 15px;
    background-color: #fff;
}

.boxtq .titletq::before {
    content: '';
    width: 4px;
    height: 20px;
    background: #FF6226;
    position: absolute;
    top: 30px;
    left: 0px;
}

.titletq div {
    font-size: 18px;
    color: #666666;
    font-weight: 700;
    position: relative;
}

.boxtq ul {
    background-color: #fff;
}

.boxtq ul li {
    height: 80px;
    display: block;
    overflow: hidden;
    padding: 0 10px;
}

.boxtq ul li .tq-img {
    width: 98px;
    height: 68px;
    float: left;
    overflow: hidden;
    border: 1px solid #f1f0f0;
}

.boxtq ul li .tq-img img {
    width: 98px;
    height: 70px;
}

.boxtq ul li .tq-list {
    height: 50px;
    width: 200px;
    padding: 5px 0 5px 10px;
    /* float: left; */
    overflow: hidden;
}

.boxtq ul li .tq-list h3 {
    height: 36px;
    line-height: 18px;
}

.boxtq ul li .tq-list h3 a {
    font-size: 14px;
    font-weight: 500;
}

.boxtq ul li .tq-list span {
    font-size: 14px;
    color: #999;
    font-weight: normal;
}

.boxtq ul li:first-child {
    padding-top: 10px;
}

.boxtq ul li:last-child {
    padding-bottom: 10px;
}

.box {
    overflow: hidden;
    margin-top: 20px;
    background-color: #fff;
    position: relative;
}

.box .title {
    border-bottom: 1px solid #f1f0f0;
    line-height: 50px;
    display: block;
    clear: both;
    overflow: hidden;
    padding: 0 15px;
}

.box .title::after {
    content: '';
    width: 4px;
    height: 20px;
    background: #FF6226;
    position: absolute;
    top: 16px;
    left: 0px;
}

.box img {
    width: 100%
}

.box3 {
    overflow: hidden;
    margin: 15px 0;
    background-color: #fff;
    position: relative;
}

.box3 .title {
    border-bottom: 1px solid #f1f0f0;
    line-height: 50px;
    display: block;
    clear: both;
    overflow: hidden;
    padding: 0 15px;
}

.box3 .title::after {
    content: '';
    width: 4px;
    height: 20px;
    background: #FF6226;
    position: absolute;
    top: 16px;
    left: 0px;
}

.box ul {
}

.box li {
    height: 70px;
    display: block;
    overflow: hidden;
    padding: 5px 10px;
}

.box li .news-img {
    width: 100px;
    height: 70px;
    float: left;
    overflow: hidden;
}

.box li .news-img img {
    width: 150px;
    height: 100px;
    margin-left: -30px;
    margin-top: -15px;
}

.box li .listbox {
    height: 70px;
    width: 210px;
    float: left;
}

.box li .listbox h3 {
    height: 45px;
    line-height: 20px;
}

.box li .listbox h3 a {
    font-size: 16px;
    font-weight: 500;
}

.box li .listbox span {
    font-size: 14px;
    color: #999;
    font-weight: normal;
}

.title div {
    font-size: 18px;
    color: #666666;
    font-weight: 700;
    position: relative;
}

.div2 {
    width: 330px;
    display: block;
    overflow: hidden;
    top: 2px;
    z-index: 0;
    position: fixed;
    _position: absolute;
}

.box2 {
    margin-top: 15px;
    background-color: #fff;
    position: relative;
}

.box2 .title {
    line-height: 50px;
    display: block;
    clear: both;
    overflow: hidden;
    padding: 0 15px;
    border-bottom: 1px solid #f1f0f0;
}

.box2 .title::after {
    content: '';
    width: 4px;
    height: 20px;
    background: #FF6226;
    position: absolute;
    top: 16px;
    left: 0px;
}

.box2 .sub-good-list {
    padding: 15px;
    background: #ffffff;
}

.box2 .sub-good-list .img {
    float: left;
    width: 100px;
    height: 100px;
    border-radius: 50px;
    overflow: hidden;
    text-align: center;
    border: 1px solid #ffffff;
}

.box2 .sub-good-list .info {
    margin-left: 110px;
    min-height: 110px
}

.box2 .sub-good-list h4 {
    margin-bottom: 10px;
    color: #888888;
    line-height: 20px;
    font-size: 16px;
    height: 40px;
    display: -webkit-box;
    overflow: hidden;
}

.box2 .sub-good-list .btn {
    height: 30px;
    width: 100px;
    line-height: 30px;
    background: #e89169;
    color: #fff;
    display: inline-block;
    padding: 0 20px;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
}

.box2 .sub-good-list .btn:hover {
    background: #e66428
}

.box2 .sub-good-list .btn2 {
    height: 30px;
    width: 100px;
    line-height: 30px;
    margin: 10px 0;
    color: #fff;
    background: #39b34e;
    display: inline-block;
    padding: 0 20px;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
}

.box2 .sub-good-list .btn2:hover {
    background: #0a11f7
}

.box2 .sub-good-list .btn3 {
    height: 30px;
    line-height: 30px;
    width: 124px;
    border-radius: 5px;
    color: #6286ec;
    display: inline-block;
    border: 1px dashed #c7dbf3;
    padding: 0 8px;
    font-size: 14px;
    font-weight: 600;
    text-align: center;
}

.main_right .con {
    overflow: hidden;
    border-bottom: 5px solid #f1f1f1;
    margin-bottom: 8px;
    margin-top: 10px
}

.main_right .con li {
    width: 100%;
    height: 90px;
    padding: 7px 0 7px 0
}

.main_right .con .li_fr {
    width: 155px;
    float: right;
    height: 100px
}

.main_right .con .li_fr h5 {
    color: #555;
    margin-bottom: 10px
}

.main_right .con .li_fr h5 a {
    font-weight: 600;
    font-size: 16px
}

.main_right .con .li_fr .pl {
    height: 22px;
    line-height: 22px;
    font-size: 12px;
    color: #f00
}

.main_right .con .li_fl {
    width: 135px;
    height: 90px;
    float: left;
    position: relative
}

.main_right .con .li_fl img {
    width: 135px;
    height: 90px
}

.main_right .con .li_fl span {
    display: inline-block;
    width: 32px;
    height: 32px;
    line-height: 18px;
    padding-left: 3px;
    color: #fff;
    background: url(../img/li_bg.png) 0 -96px no-repeat;
    position: absolute;
    left: 0;
    top: 0
}

.main_right .conlist {
    padding: 10px 15px;
    overflow: hidden;
}

.main_right .conlist p {
    padding: 5px 0;
    color: #666;
}

.main_right .conlist p span {
    padding: 5px 0;
    color: #f53b3b;
}

.main_right .conlist li {
    height: 25px;
    white-space: nowrap;
    padding: 6px 0;
    overflow: hidden;
    position: relative;
}

.main_right .conlist li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 15px;
    width: 6px;
    height: 6px;
    border-radius: 100%;
    background: #ccc;
}

.main_right .conlist li a {
    color: #666;
    font-size: 16px;
    line-height: 25px;
    padding-left: 13px;
}

.main_right .conlist li a:hover {
    color: #06f
}

.main_right .conlist li span {
    float: right;
    font-size: 16px;
    color: #555;
    height: 26px;
    line-height: 26px;
    overflow: hidden
}

.footer {
    width: 100%;
    min-width: 1200px;
    margin-top: 40px;
    padding: 20px 0 20px 0;
    background-color: #0a233b;
    border-top: 1px solid #e3e3e3;
}

.footer .footbox {
    width: 1200px;
    margin: 0 auto
}

.footer .footbox p {
    line-height: 25px;
    font-size: 14px;
    text-align: center;
    color: #777
}

.footer .footbox p a {
    font-size: 14px;
    color: #777;
    text-decoration: none
}

.footer .footbox a:hover {
    color: #ffa927;
    text-decoration: underline
}

.footer .notice {
    border-top: 1px solid #e3e3e3;
    padding: 15px 20px 15px 20px;
    margin: 0 auto;
    margin-top: 10px;
    width: 1200px
}

.footer .notice p {
    color: #bcbcbc;
    line-height: 20px;
    font-weight: 400;
    font-size: 13px
}