@charset "utf-8"; body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, button {
    padding: 0;
    margin: 0;
}

fieldset, img {
    border: 0;
}

input, label, select, option, textarea, button, fieldset, legend {
    font-size: 12px;
    line-height: 24px;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
    font-size: 12px;
    line-height: 24px;
}

ul {
    list-style: none;
}

ol, li {
    list-style: none;
    margin: 0;
    padding: 0;
}

body {
    color: #666;
    font-size: 12px;
    /*line-height: 24px;*/
    font-weight: normal;
    margin: 0 auto;
    width: 100%;
}

h1,h2,h3,h4,h5,h6 {
    font-size: 100%;
    font-weight: normal;
}

img {
    border: 0;
}

input[type="button"], input[type="submit"], input[type="reset"] {
    -webkit-appearance: none;
}

textarea {
    -webkit-appearance: none;
}

/*字体*/
* {
    font-family: "PingFang SC","Source Sans Pro","Helvetica Neue","Microsoft Yahei",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif,PingFangSC-Regular;
    word-wrap: break-word
}

.font36 {
    font-size: 36px;
}

.font16 {
    font-size: 16px;
}

/*颜色*/
a.bai,a.bai:hover,bai:hover,.bai {
    color: #fff;
}

a.bai2,a.bai2:hover,bai2:hover,.bai2 {
    color: #fff;
}

a.hei,a.hei:hover,hei:hover,.hei {
    color: #000;
}

a.blue,a.blue:hover,blue:hover,.blue {
    color: #e62129;
}

a.org,a.org:hover,org:hover,.org {
    color: #F48A23;
}

a.red,a.red:hover,red:hover,.red {
    color: #e62129;
}

a.qianhui,a.qianhui:hover,qianhui:hover,.qianhui {
    color: #8590A6;
}

/*链接字体颜色*/
a {
    color: #333;
    text-decoration: none;
}

a:hover {
    text-decoration: none;
    color: #e62129;
    -webkit-transition: background-color .2s ease;
    -moz-transition: background-color .2s ease;
    -ms-transition: background-color .2s ease;
    -o-transition: background-color .2s ease;
    transition: background-color .2s ease
}

/*清除浮动*/
.clear {
    clear: both;
}

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

/*右浮动*/
.right {
    float: right;
}

/*自适应1440宽度*/
.width1440 {
    max-width: 1440px;
    margin: 0 auto;
    width: 95%;
    padding: 0 2.5%;
}

/*自适应1120宽度*/
.width1120 {
    max-width: 1120px;
    margin: 0 auto;
    width: 95%;
    padding: 0 2.5%;
}

/*自适应1224宽度*/
.width1224 {
    max-width: 1224px;
    margin: 0 auto;
    width: 95%;
    padding: 0 2.5%;
}

.block {
    display: block
}

.ny_conbg {
    background: #F2F4F7;
}

/*头部样式*/
header {
    position: relative;
}

header .LogoBar {
    height: 80px;
    margin: 0 auto;
    width: 95%;
    padding: 0 2.5%;
}

header .LogoBar .logo {
    float: left;
    width: calc(55% - 190px);
    height: 80px;
}

header .LogoBar .logo img {
    max-width: 100%;
}

header .LogoBar .searchbar {
    float: left;
    width: 20%;
    padding-top: 20px;
    position: relative;
    z-index: 99999;
}

header .LogoBar .searchbar .search input {
    height: 30px;
    width: calc(80% - 40px);
    float: right;
    border: 1px solid #D9D9D9;
    border-radius: 2px;
    border-top-right-radius: 0;
    text-indent: 10px;
    border-right: 0;
    transition: all .3s linear;
    font-size: 14px;
    color: #999;
    outline: 0;
}

header .LogoBar .searchbar .search:hover input {
    width: calc(100% - 40px);
    height: 30px;
}

header .LogoBar .searchbar .search .search_btn {
    width: 38px;
    height: 32px;
    border-radius: 2px;
    float: right;
    border: 1px solid #D9D9D9;
    border-left: 0;
    background: 0;
    font-size: 12px;
    border-bottom-left-radius: 0;
    cursor: pointer;
    background: url(../images/search_btn.svg) no-repeat center;
    background-size: 15px;
}

header .LogoBar .searchbar ul {
    width: 100%;
    border: 1px solid #F2F2F2;
    background: #fff;
    border-radius: 5px;
    position: absolute;
    top: 45px;
    left: 0px;
    box-sizing: border-box;
    z-index: 99999;
}

header .LogoBar .searchbar ul li {
    line-height: 30px;
    color: #333;
    cursor: pointer;
    padding: 0 10px;
    box-sizing: border-box;
}

header .LogoBar .searchbar ul li:hover {
    background: #e62129;
    color: white;
}

header .LogoBar .searchbar .hidden {
    display: none;
}

header .LogoBar .searchbar .show {
    display: block;
}

header .LogoBar .tel {
    /*float:left; */
    display: block;
    text-align: center;
    line-height: 80px;
    font-size: 20px;
}

header .LogoBar .tel .tel_bg {
    background: url(../images/tel.svg) no-repeat left 0 center;
    background-size: 30px;
    padding-left: 30px;
}

header .LogoBar .tel .rexian {
    font-size: 20px;
    margin-left: 12px;
    color: #e62129;
}

header .LogoBar .login_btn {
    float: right;
    width: 190px;
    display: block;
}

header .LogoBar .login_btn a {
    width: 78px;
    height: 28px;
    line-height: 28px;
    font-size: 14px;
    text-align: center;
    border-radius: 2px;
    background: 0;
    cursor: pointer;
    margin: 10px 0 0 15px;
}

header .LogoBar .login_btn a.denglu {
    color: #333;
    border: 1px solid #333;
    display: block;
    float: left;
}

header .LogoBar .login_btn a.zhuce {
    color: #fff;
    border: 1px solid #e62129;
    background: #e62129;
    display: block;
    float: right;
}

header .SjMenu {
    display: none;
}

header .MenuBar {
    position: absolute;
    left: 0;
    top: 80px;
    z-index: 99998;
    width: 100%;
    color: #fff;
    background: url(../images/hei_bg.png) repeat;
    height: 50px;
    border-top: 1px solid #D8DEE5;
    border-bottom: 1px solid #6D7177;
    transition: top 0.3s;
    -webkit-transition: top 0.3s;
    -moz-transition: top 0.3s;
    -o-transition: top 0.3s;
    -ms-transition: top 0.3s;
    -moz-transition: top 0.3s;
}

header .MenuBar a {
    color: #fff;
}

header .MenuBar .menuleft {
    float: left;
    width: 50px;
    border-right: 1px solid #3E3F43;
    height: 50px;
    position: relative;
}

header .MenuBar .menuleft i {
    width: 50px;
    height: 50px;
    display: inline-block;
    background: url(../images/menuleft_bg.svg) no-repeat center;
    background-size: 18px;
    cursor: pointer;
}

header .MenuBar .menuleft:hover i {
    background: #e62129 url(../images/menuleft_bg.svg) no-repeat center;
    background-size: 18px;
}

header .MenuBar .menuleft ul.menu1 {
    position: absolute;
    left: -1000px;
    top: 51px;
    background-color: #010C21;
    width: 200px;
    height: 500px;
    padding: 18px 0;
    cursor: default;
    transition: left 0.5s;
    -webkit-transition: left 0.5s;
    -moz-transition: left 0.5s;
    -o-transition: left 0.5s;
    -ms-transition: left 0.5s;
    -moz-transition: left 0.5s;
}

header .MenuBar .menuleft:hover ul.menu1 {
    display: block;
    z-index: 3;
    left: 0;
}

header .MenuBar .menuleft:hover ul.menu1 li.jiantou {
    font-size: 14px;
    line-height: 35px;
    padding: 0 9%;
    background: url(../images/menu_fy.png) no-repeat right 9% center;
    background-size: 12px;
    cursor: pointer;
    color: #fff;
}

header .MenuBar .menuleft:hover ul.menu1 li.jiantou:hover {
    background: url(../images/menu_fyblue.png) no-repeat right 9% center;
    color: #e62129;
    background-size: 12px;
}

header .MenuBar .menuleft ul.menu1 li ul.menu2 {
    position: absolute;
    left: -1200px;
    top: 0;
    background-color: #010C21;
    width: 200px;
    min-height: 500px;
    padding: 18px 0;
    cursor: default;
    transition: left 0.5s;
    -webkit-transition: left 0.5s;
    -moz-transition: left 0.5s;
    -o-transition: left 0.5s;
    -ms-transition: left 0.5s;
    -moz-transition: left 0.5s;
    visibility: hidden;
}

header .MenuBar .menuleft ul.menu1 li:hover ul.menu2 {
    display: block;
    visibility: inherit;
    z-index: 3;
    left: 200px;
}

/* 修改添加 */
header .MenuBar .menuleft:hover ul.menu1 li.jiantou .menu2 li {
    font-size: 14px;
    line-height: 35px;
    padding: 0 9%;
    background: url(../images/menu_fy.png) no-repeat right 9% center;
    background-size: 12px;
    cursor: pointer;
    color: #fff;
}

header .MenuBar .menuleft:hover ul.menu1 li.jiantou .menu2 li:hover {
    background: url(../images/menu_fyblue.png) no-repeat right 9% center;
    color: #e62129;
    background-size: 12px;
}

header .MenuBar .menuleft:hover ul.menu1 li {
    font-size: 14px;
    line-height: 35px;
    padding: 0 9%;
    background-size: 12px;
    cursor: pointer;
    color: #fff;
}

header .MenuBar .menuleft ul.menu1 li ul.menu4 {
    position: absolute;
    left: -1200px;
    top: 0;
    background-color: #010C21;
    width: 200px;
    min-height: 500px;
    padding: 18px 0;
    cursor: default;
    transition: left 0.5s;
    -webkit-transition: left 0.5s;
    -moz-transition: left 0.5s;
    -o-transition: left 0.5s;
    -ms-transition: left 0.5s;
    -moz-transition: left 0.5s;
    visibility: hidden;
}

header .MenuBar .menuleft ul.menu1 li:hover ul.menu4 {
    display: block;
    visibility: inherit;
    z-index: 3;
    left: 200px;
}

/* end */
header .MenuBar .menuleft ul.menu1 li:hover ul.menu2 li ul.menu3 {
    position: absolute;
    left: -1200px;
    top: 0;
    width: 900px;
    padding: 0 0;
    cursor: default;
    visibility: hidden;
    height: 536px;
    overflow: hidden;
}

header .MenuBar .menuleft ul.menu1 li:hover ul.menu2 li ul.menubg {
    background-color: #0C172B;
}

header .MenuBar .menuleft ul.menu1 li ul.menu2 li:hover ul.menu3 {
    display: block;
    visibility: inherit;
    z-index: 3;
    left: 200px;
}

header .MenuBar .menuleft ul.menu1 li ul.menu2 li:hover ul.menu3 li {
    background: 0;
    cursor: none;
    padding: 0;
    background-color: #0C172B;
    width: 930px;
    height: 100%;
    overflow-y: scroll;
}

header .MenuBar .menuleft ul.menu1 li:hover ul.menu2 li ul.zhai {
    width: 230px;
}

header .MenuBar .menuleft ul.menu1 li:hover ul.menu2 li ul.zhai li {
    width: 260px;
}

header .MenuBar .menuleft ul.menu1 li ul.menu2 li:hover ul.menu3 li:hover {
    background: 0;
    color: #fff;
}

header .MenuBar .menuleft ul.menu1 li ul.menu2 li:hover ul.menu3 li .submenu {
    float: left;
    width: 170px;
    background-color: #0C172B;
    padding: 0 30px 0 30px;
}

header .MenuBar .menuleft ul.menu1 li ul.menu2 li:hover ul.menu3 li .submenu .title {
    border-bottom: 1px solid #4F5359;
    font-size: 16px;
    margin-bottom: 15px;
    padding-top: 20px;
}

header .MenuBar .menuleft ul.menu1 li ul.menu2 li:hover ul.menu3 li .submenu a {
    font-size: 12px;
    line-height: 24px;
    display: block;
}

header .MenuBar .menunav {
    float: left;
    width: calc(100% - 280px);
    padding-left: 20px;
    position: relative;
}

header .MenuBar .menunav ul li {
    float: left;
    line-height: 50px;
    font-size: 14px;
    margin: 0 1.5%;
}

/*header .MenuBar .menunav ul li.dq{background:url(../images/2line2.jpg) repeat-x left bottom; }
header .MenuBar .menunav ul li.dq a{color:#e62129;}*/
header .MenuBar .menunav ul .active {
    color: #e62129;
    display: block;
    background: url(../images/2line2.jpg) repeat-x left bottom;
}

header .MenuBar .menunav ul li.erji {
    position: relative;
}

header .MenuBar .menunav ul li.menunav_bg:hover {
    background: url(../images/menunav_bg.png) no-repeat center bottom;
}

header .MenuBar .menunav ul li .erjimenu {
    display: none;
}

header .MenuBar .menunav ul li:hover .erjimenu {
    display: block;
    padding-top: 1px;
    position: absolute;
    left: -20px;
    top: 50px;
    width: 130px;
    overflow: hidden;
    color: #fff;
}

header .MenuBar .menunav ul li:hover .erjimenu a {
    display: block;
    color: #fff;
    background: #010C21;
    padding: 0;
    font-size: 14px;
    line-height: 39px;
    border-bottom: 1px solid #808590;
    text-align: center;
    margin: 0;
}

header .MenuBar .menunav ul li:hover .erjimenu a:hover {
    background: #0C172B;
    color: #e62129;
}

header .MenuBar .menunav ul li:hover a {
    color: #e62129;
}

header .MenuBar .menunav ul li .menunav_con1 {
    display: none;
}

header .MenuBar .menunav ul li:hover .menunav_con1 {
    display: block;
    position: absolute;
    left: 0;
    top: 50px;
    background: #fff;
    height: 500px;
    width: 100%;
    border: 1px solid #ccc;
    border-top: 0;
    overflow: hidden;
    color: #333;
}

header .MenuBar .menunav ul li:hover .menunav_con1 ul {
    height: 500px;
    width: calc(100% + 30px);
    display: block;
    overflow-y: scroll;
}

header .MenuBar .menunav ul li:hover .menunav_con1 ul li {
    width: 22%;
    line-height: 24px;
    padding: 10px 1.5%;
}

header .MenuBar .menunav ul li:hover .menunav_con1 ul li .title {
    border-bottom: 1px solid #ccc;
    margin-bottom: 10px;
    line-height: 35px;
}

header .MenuBar .menunav ul li:hover .menunav_con1 ul li a {
    display: block;
    color: #333;
    line-height: 22px;
    font-size: 12px;
    text-indent: 5px;
}

header .MenuBar .menunav ul li:hover .menunav_con1 ul li a:hover {
    background: #f2f4f5;
}

header .MenuBar .menunav ul li .menunav_submenu {
    display: none;
}

header .MenuBar .menunav ul li:hover .menunav_submenu {
    display: block;
    position: absolute;
    width: 200px;
    background: #010C21;
    height: 500px;
    left: 0;
    top: 50px;
}

header .MenuBar .menunav ul li:hover .menunav_submenu li {
    width: 90%;
    padding: 0 0 0 10%;
}

header .MenuBar .menunav ul li:hover .menunav_submenu li a {
    display: block;
    height: 49px;
    border-bottom: 1px solid #808590;
    line-height: 49px;
    font-size: 16px;
    color: #fff;
    padding-left: 30px;
}

header .MenuBar .menunav ul li:hover .menunav_submenu li:hover {
    background: #fff;
}

header .MenuBar .menunav ul li:hover .menunav_submenu li:hover a {
    color: #333;
}

header .MenuBar .menunav ul li:hover .menunav_submenu li a.menunav_ico1 {
    background: url(../images/menunav_ico1_bai.svg) no-repeat left center;
    background-size: 22px;
}

header .MenuBar .menunav ul li:hover .menunav_submenu li:hover a.menunav_ico1 {
    background: url(../images/menunav_ico1_hui.svg) no-repeat left center;
    background-size: 22px;
}

header .MenuBar .menunav ul li:hover .menunav_submenu li a.menunav_ico2 {
    background: url(../images/menunav_ico2_bai.svg) no-repeat left center;
    background-size: 22px;
}

header .MenuBar .menunav ul li:hover .menunav_submenu li:hover a.menunav_ico2 {
    background: url(../images/menunav_ico2_hui.svg) no-repeat left center;
    background-size: 22px;
}

header .MenuBar .menunav ul li:hover .menunav_submenu li a.menunav_ico3 {
    background: url(../images/menunav_ico3_bai.svg) no-repeat left center;
    background-size: 22px;
}

header .MenuBar .menunav ul li:hover .menunav_submenu li:hover a.menunav_ico3 {
    background: url(../images/menunav_ico3_hui.svg) no-repeat left center;
    background-size: 22px;
}

header .MenuBar .menunav ul li:hover .menunav_submenu li a.menunav_ico4 {
    background: url(../images/menunav_ico4_bai.svg) no-repeat left center;
    background-size: 22px;
}

header .MenuBar .menunav ul li:hover .menunav_submenu li:hover a.menunav_ico4 {
    background: url(../images/menunav_ico4_hui.svg) no-repeat left center;
    background-size: 22px;
}

header .MenuBar .menunav ul li:hover .menunav_submenu li a.menunav_ico5 {
    background: url(../images/menunav_ico5_bai.svg) no-repeat left center;
    background-size: 22px;
}

header .MenuBar .menunav ul li:hover .menunav_submenu li:hover a.menunav_ico5 {
    background: url(../images/menunav_ico5_hui.svg) no-repeat left center;
    background-size: 22px;
}

header .MenuBar .menunav ul li:hover .menunav_submenu li a.menunav_ico6 {
    background: url(../images/menunav_ico6_bai.svg) no-repeat left center;
    background-size: 22px;
}

header .MenuBar .menunav ul li:hover .menunav_submenu li:hover a.menunav_ico6 {
    background: url(../images/menunav_ico6_hui.svg) no-repeat left center;
    background-size: 22px;
}

header .MenuBar .menunav ul li:hover .menunav_submenu li a.menunav_ico7 {
    background: url(../images/menunav_ico7_bai.svg) no-repeat left center;
    background-size: 22px;
}

header .MenuBar .menunav ul li:hover .menunav_submenu li:hover a.menunav_ico7 {
    background: url(../images/menunav_ico7_hui.svg) no-repeat left center;
    background-size: 22px;
}

header .MenuBar .menunav ul li:hover .menunav_submenu li a.menunav_ico8 {
    background: url(../images/menunav_ico8_bai.svg) no-repeat left center;
    background-size: 22px;
}

header .MenuBar .menunav ul li:hover .menunav_submenu li:hover a.menunav_ico8 {
    background: url(../images/menunav_ico8_hui.svg) no-repeat left center;
    background-size: 22px;
}

header .MenuBar .menunav ul li:hover .menunav_submenu li .menunav_con2 {
    display: none;
}

header .MenuBar .menunav ul li:hover .menunav_submenu li:hover .menunav_con2 {
    display: block;
    position: absolute;
    left: 200px;
    width: 860px;
    top: 0;
    background: #fff;
    height: 460px;
    overflow: hidden;
    padding: 20px;
    box-shadow: 2px 3px 5px #ccc;
}

header .MenuBar .menunav ul li:hover .menunav_submenu li:hover .menunav_con2 .pro_list {
    overflow-y: scroll;
    overflow-x: scroll;
    width: 890px;
    height: 490px;
}

header .MenuBar .menunav ul li:hover .menunav_submenu li:hover .menunav_con2 .pro_list {
    width: 25%;
    float: left;
    overflow: hidden;
}

header .MenuBar .menunav ul li:hover .menunav_submenu li:hover .menunav_con2 .pro_list .pro_list2 {
    width: 100%;
    height: 100%;
    padding-right: 30px;
    overflow-y: scroll;
    overflow-x: scroll;
}

header .MenuBar .menunav ul li:hover .menunav_submenu li:hover .menunav_con2 .title {
    color: #111;
    border-bottom: 1px solid #ccc;
    width: 70%;
    line-height: 30px;
    height: 30px;
    font-size: 16px;
    padding-top: 15px;
}

header .MenuBar .menunav ul li:hover .menunav_submenu li:hover .menunav_con2 a {
    height: 30px;
    border-bottom: 0px solid #808590;
    line-height: 30px;
    font-size: 14px;
    color: #666;
    padding-left: 0;
}

header .MenuBar .lang {
    float: right;
    margin-right: 2.5%;
    font-size: 14px;
    line-height: 50px;
    position: relative;
    padding: 0 12px;
    cursor: pointer
}

header .MenuBar .lang span.lang_bg {
    background: url(../images/lang.svg) no-repeat left center;
    background-size: 18px;
    padding-left: 23px;
}

header .MenuBar .lang i {
    width: 14px;
    height: 14px;
    display: inline-block;
    background: url(../images/lang_icon.svg) no-repeat top center;
    background-size: cover;
    padding-left: 5px
}

header .MenuBar .lang ul {
    position: absolute;
    right: 0;
    top: 51px;
    background-color: #010C21;
    width: 198px;
    padding: 8px 0;
    cursor: default;
    display: none
}

header .MenuBar .lang:hover ul {
    display: block;
    z-index: 3
}

header .MenuBar .lang:hover i {
    width: 14px;
    height: 14px;
    display: inline-block;
    background: url(../images/arrow_up.png) no-repeat top center;
    background-size: cover;
    padding-left: 5px
}

header .MenuBar .lang ul li {
    padding: 3px 20px;
    height: 30px;
    line-height: 30px;
    cursor: pointer
}

header .MenuBar .lang ul li.line {
    height: 1px;
    margin: 11px 0;
    padding: 0;
    background-color: #373d41;
    margin-top: 8px;
    margin-bottom: 8px
}

header .MenuBar .lang ul li a {
    display: block;
    height: 100%;
    white-space: nowrap;
    color: #fff
}

header .MenuBar .lang ul li a:hover {
    color: #e62129
}

header .MenuBar .lang ul li a span {
    display: inline-block;
    width: 102px
}

.menu_heitiao {
    height: 50px;
    background: #000;
}

.pc_header {
    display: block;
}

.sj_header {
    display: none;
}

/*底部style*/
footer {
    background: #333;
}

footer .FootSubmenu {
    text-align: left;
    padding: 25px 0 10px 0;
}

footer .bellows {
    display: none;
}

footer .FootSubmenu ul li {
    font-size: 12px;
    line-height: 18px;
    color: #d7d8d9;
    font-weight: normal;
    padding-bottom: 15px;
    float: left;
    width: 16.66666%;
}

footer .FootSubmenu ul li h5 {
    color: #d4d4d4;
    font-weight: bold;
    font-size: 14px;
    line-height: 36px;
}

footer .FootSubmenu ul li a {
    color: #9b9ea0;
    font-size: 12px;
    position: relative;
    display: block;
    line-height: 26px;
}

footer .FootSubmenu ul li a img {
    display: none;
}

footer .FootSubmenu ul li a:hover img {
    display: block;
    position: absolute;
    left: 0;
    top: 12px;
    z-index: 22;
    width: 200%;
}

footer .FootSubmenu ul li a:hover {
    color: #e62129;
}

footer .FootSubmenu ul li a.bai {
    font-size: 16px;
    color: #fff;
}

footer .FootSubmenu ul li img {
    width: 100%;
    max-width: 100px;
    display: block;
    margin-top: 12px;
}

footer .FootSubmenu ul li.fuwu {
    width: 30%;
}

footer .FootSubmenu ul li.fuwu a {
    width: 50%;
    float: left;
}

footer .FootLink {
    font-size: 14px;
    padding: 20px 0;
    clear: both;
    overflow: hidden;
}

footer .FootLink .title {
    color: #d4d4d4;
    padding: 8px 0;
}

footer .FootLink a {
    color: #73777a ;
    padding-right: 20px;
}

footer .FootLink a:hover {
    color: #e62129;
}

footer .FootCopyright {
    line-height: 40px;
    background: #000;
    text-align: center;
    color: #73777a;
}

footer .FootCopyright a.beian {
    color: #73777a;
    margin-right: 5px;
}

footer .FootCopyright a.beian:hover {
    color: #e62129;
}

/*

footer{ background:#333;}
footer .FootSubmenu{ text-align:left; padding:25px 0 10px 0;}
footer .bellows{ display:none;}
footer .FootSubmenu ul li{ font-size:12px; line-height:18px; color:#d7d8d9; font-weight:normal; padding-bottom:15px;float:left; width:16.66666%;}
footer .FootSubmenu ul li h5{ color:#9b9ea0; font-weight:bold; font-size:14px; line-height:36px;}
footer .FootSubmenu ul li a img{ display:none;}
footer .FootSubmenu ul li a:hover img{ display:block; position:absolute; left:0; top:12px; z-index:22; width:200%;}
footer .FootSubmenu ul li a:hover{ color:#e62129;display:block;}
footer .FootSubmenu ul li a.bai{ font-size:16px; color:#fff;display:block;}
footer .FootSubmenu ul li a{ padding-top:8px; width:50%; color: #9b9ea0;display:block;}
footer .FootSubmenu ul li img{ width:100%; max-width:100px; display:block; margin-top:12px;}
footer .FootLink{ font-size:14px; padding:20px 0;}
footer .FootLink .title{ color:#9b9ea0; padding:8px 0;}
footer .FootLink a{ color:#73777a ; padding-right:20px;display:block;}
footer .FootLink a:hover{ color:#e62129;display:block;}
footer .FootCopyright{ line-height:40px; background:#000; text-align:center; color:#73777a;}

footer .FootCopyright a.beian{color:#73777a;margin-right: 5px;}
footer .FootCopyright a.beian:hover{color:#e62129;} */
/*翻页样式*/
/*.Page{ text-align:center; padding:30px 0;}
.Page a{ border:1px solid #D3DCE6; font-size:14px; margin-right:5px; color:#4B5A6D; background:#fff; padding: 4px 9px; border-radius:2px;}
.Page a.nopage{ background:#EFF2F7; color:#D3DCE6;}
.Page a.nopage:hover{background:#EFF2F7; color:#D3DCE6;border:1px solid #D3DCE6;}
.Page a:hover{ background:#387EE8; border:1px solid #387EE8; color:#fff;}
.Page a.thisclass{ background:#387EE8; border:1px solid #387EE8; color:#fff;}*/
.Page {
    text-align: left;
    padding: 30px 0;
    clear: both;
    overflow: hidden;
    font-size: 0;
}

.Page a {
    border: 1px solid #D3DCE6;
    font-size: 14px;
    margin-right: 5px;
    color: #4B5A6D;
    background: #fff;
    padding: 4px 9px;
    border-radius: 2px;
    line-height: 18px;
    margin-bottom: 5px;
    display: block;
    float: left;
}

.Page select {
    padding: 3.5px 8px;
    border: 1px solid #D3DCE6;
    margin-right: 5px;
}

.Page a:hover,.Page a.thisclass {
    background: #e62129;
    border: 1px solid #e62129;
    color: #fff;
}

/* .Page b{ background:#e62129; border:1px solid #e62129; color:#fff;padding: 4px 9px; border-radius:2px;} */
/*.ht-page{text-align:center}
.ht-page span{vertical-align:middle}
.ht-page a{text-decoration:none;color:#555;outline:0}
.ht-page .pagebtn{ display:none;}
.ht-page .previous{display:inline-block;border:1px solid #D3DCE6; font-size:14px; margin-right:5px; color:#4B5A6D; background:#fff; border-radius:2px;background:url(static/images/page_left_img.png) no-repeat center}
.ht-page .previous.disable{display:inline-block;border:1px solid #D3DCE6; font-size:14px; margin-right:5px; color:#4B5A6D; background:#fff; padding: 13px 14px;  border-radius:2px;cursor:default;background:#EFF2F7 url(static/images/page_left_disabled.png) no-repeat center;cursor:default}
.ht-page .previous.disable:hover{background:#EFF2F7 url(static/images/page_left_disabled.png) no-repeat center; border:1px solid #D3DCE6;}
.ht-page .previous:hover{background:#387EE8 url(static/images/page_left_hover_img.png) no-repeat center; border:1px solid #387EE8;}
.ht-page .previous a{display:inline-block;padding: 11px 14px 12px 14px;  }
.ht-page .next{display:inline-block;border:1px solid #D3DCE6; font-size:14px; margin-right:5px; color:#4B5A6D; background:#fff; border-radius:2px;background:url(static/images/page_right_img.png) no-repeat center; }
.ht-page .next:hover{background:#387EE8 url(static/images/page_right_hover_img.png) no-repeat center; border:1px solid #387EE8;}
.ht-page .next.disable{display:inline-block;border:1px solid #D3DCE6; font-size:14px; margin-right:5px; color:#4B5A6D; background:#fff; padding: 13px 14px;  border-radius:2px;cursor:default;background:#EFF2F7 url(static/images/page_right_disabled.png) no-repeat center}
.ht-page .next.disable:hover{background:#EFF2F7 url(static/images/page_right_disabled.png) no-repeat center;}
.ht-page .next a{display:block;padding: 14px 14px 13px 14px;  }
.ht-page .num{display:inline-block;}
.ht-page .num.current{color:#fff;background:#387EE8; border:1px solid #387EE8;font-size:14px; margin-right:5px;padding: 4px 9px; border-radius:2px;}
.ht-page .num a{display:inline-block;border:1px solid #D3DCE6; font-size:14px; margin-right:5px; color:#4B5A6D; background:#fff; padding: 4px 9px; border-radius:2px;}
.ht-page .num a:hover{color:#fff;background:#387EE8; border:1px solid #387EE8;}
.ht-page .dots{display:inline-block;border:1px solid #D3DCE6; font-size:14px; margin-right:5px; color:#4B5A6D; background:#fff; padding: 4px 9px; border-radius:2px;}
.ht-page .total{ display:none;}
.ht-page .page_jump{ display:none;}
.ht-page .pageInput{ display:none;}

@media screen and (max-width:799px){

	.ht-page .num,.ht-page .dots,.ht-page .total{display:none}
	.ht-page .num.current{display:inline-block;padding:4px 10px}
	.ht-page .total.total_page{display:inline-block}
	.ht-page .pageInput,.ht-page .pagebtn{width:40px}
	.ht-page .pagebtn{display:none}
	.ht-page .page_jump{margin:0 5px}}*/
@media (max-width: 768px) {
    /*头部样式*/ .pc_header {
    display:none;
}

    .sj_header {
        display: block;
        position: relative;
    }

    .sj_header .yincsousuo {
    }

    .sj_header .yincsousuo ul li a {
        position: absolute;
        right: 48px;
        top: 0px;
        z-index: 999999999;
        width: 30px;
        height: 50px;
        background: url(../images/search_btn.svg) no-repeat center;
        background-size: 18px;
    }

    .sj_header .yincsousuo ul li .searchbar {
        display: none;
    }

    .sj_header .yincsousuo ul li:hover .searchbar {
        display: block;
        position: absolute;
        right: 0;
        top: 50px;
        width: 100%;
        z-index: 999999999;
    }

    .sj_header .yincsousuo ul li:hover .searchbar .search input {
        height: 30px;
        width: calc(100% - 38px);
        float: right;
        border: 1px solid #D9D9D9;
        border-radius: 2px;
        border-top-right-radius: 0;
        text-indent: 10px;
        border-right: 0;
        border-left: 0;
        transition: all .3s linear;
        font-size: 14px;
        color: #999;
        outline: 0;
    }

    .sj_header .yincsousuo ul li:hover .searchbar .search:hover input {
        width: calc(100% - 38px);
        height: 30px;
    }

    .sj_header .yincsousuo ul li:hover .searchbar .search .search_btn {
        width: 38px;
        height: 32px;
        border-radius: 2px;
        float: right;
        border: 1px solid #D9D9D9;
        border-right: 0;
        border-left: 0;
        font-size: 12px;
        border-bottom-left-radius: 0;
        cursor: pointer;
        background: #fff url(../images/search_btn.svg) no-repeat center;
        background-size: 15px;
    }

    header .LogoBar {
        height: 40px;
        max-width: 1440px;
        margin: 0 auto;
        width: 100%;
        padding: 0 0%;
    }

    header .LogoBar .logo {
        float: none;
        width: 95%;
        padding: 0 2.5%;
        height: 40px;
    }

    header .LogoBar .logo img {
        max-width: 130px;
        width: 100%;
    }

    header .LogoBar .searchbar {
        float: none;
        width: 100%;
        padding-top: 0px;
        position: relative;
        z-index: 9999;
    }

    header .LogoBar .searchbar .search input {
        height: 30px;
        width: calc(100% - 38px);
        float: right;
        border: 1px solid #D9D9D9;
        border-radius: 2px;
        border-top-right-radius: 0;
        text-indent: 10px;
        border-right: 0;
        border-left: 0;
        transition: all .3s linear;
        font-size: 14px;
        color: #999;
        outline: 0;
    }

    header .LogoBar .searchbar .search:hover input {
        width: calc(100% - 38px);
        height: 30px;
    }

    header .LogoBar .searchbar .search .search_btn {
        width: 38px;
        height: 32px;
        border-radius: 2px;
        float: right;
        border: 1px solid #D9D9D9;
        border-right: 0;
        border-left: 0;
        background: 0;
        font-size: 12px;
        border-bottom-left-radius: 0;
        cursor: pointer;
        background: url(../images/search_btn.svg) no-repeat center;
        background-size: 15px;
    }

    header .LogoBar .searchbar ul {
        width: 100%;
        border: 1px solid #F2F2F2;
        background: #fff;
        border-radius: 0px;
        position: absolute;
        top: 42px;
        left: 0px;
        box-sizing: border-box;
    }

    header .LogoBar .searchbar ul li {
        line-height: 30px;
        color: #333;
        cursor: pointer;
        padding: 0 10px;
        box-sizing: border-box;
    }

    header .LogoBar .searchbar ul li:hover {
        background: #e62129;
        color: white;
    }

    header .LogoBar .searchbar .hidden {
        display: none;
    }

    header .LogoBar .searchbar .show {
        display: block;
    }

    header .LogoBar .tel {
        display: none;
    }

    header .LogoBar .login_btn {
        display: none;
    }

    header .MenuBar {
        display: none;
    }

    header .SjMenu {
        display: block;
    }

    a.meanmenu-reveal {
        display: none
    }

    .mean-container .mean-bar {
        float: left;
        width: 100%;
        position: relative;
        background: #fff;
        padding: 0px 0;
        min-height: 50px;
        z-index: 999999999
    }

    .mean-container a.meanmenu-reveal {
        width: 22px;
        height: 24px;
        padding: 13px 13px 13px 13px;
        position: absolute;
        top: 0;
        right: 0;
        cursor: pointer;
        color: #999;
        text-decoration: none;
        font-size: 16px;
        text-indent: -9999em;
        line-height: 22px;
        font-size: 1px;
        display: block;
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 700
    }

    .mean-container a.meanmenu-reveal span {
        display: block;
        background: #999;
        height: 3px;
        margin-top: 3px
    }

    .mean-container .mean-nav {
        float: left;
        width: 100%;
        background: #010C21;
        margin-top: 50px
    }

    .mean-container .mean-nav ul {
        padding: 0;
        margin: 0;
        width: 100%;
        list-style-type: none ;
        position: relative;
    }

    .mean-container .mean-nav img {
        position: absolute;
        left: 1% ;
        top: 0px;
        max-width: 200px;
        width: 100%;
    }

    .mean-container .mean-nav ul li {
        position: relative;
        float: left;
        width: 100%
    }

    .mean-container .mean-nav ul li a {
        display: block;
        float: left;
        width: 96%;
        font-size: 14px;
        padding: 0.85em 2%;
        margin: 0;
        text-align: left;
        color: #fff;
        border-top: 1px solid #383838;
        border-top: 1px solid rgba(255,255,255,.5);
        text-decoration: none;
        text-transform: uppercase
    }

    .mean-container .mean-nav ul li li a {
        font-size: 12px;
        width: 92%;
        padding: 1em 4%;
        border-top: 1px solid #f1f1f1;
        border-top: 1px solid rgba(255,255,255,.25);
        opacity: .75;
        filter: alpha(opacity=75);
        text-shadow: none!important;
        visibility: visible
    }

    .mean-container .mean-nav ul li.mean-last a {
        border-bottom: 0;
        margin-bottom: 0
    }

    .mean-container .mean-nav ul li li li a {
        width: 88%;
        padding: 1em 6%
    }

    .mean-container .mean-nav ul li li li li a {
        width: 84%;
        padding: 1em 8%
    }

    .mean-container .mean-nav ul li li li li li a {
        width: 90%;
        padding: 1em 10%
    }

    .mean-container .mean-nav ul li a:hover {
        background: #0C172B;
    }

    .mean-container .mean-nav ul li a.mean-expand {
        margin-top: 1px;
        width: 26px;
        height: 24px;
        padding: 12px!important;
        text-align: center;
        position: absolute;
        right: 0;
        top: 0;
        z-index: 2;
        font-weight: 700;
        background: rgba(255,255,255,.1);
        border: 0!important;
        border-left: 1px solid rgba(255,255,255,.4)!important;
        border-bottom: 1px solid rgba(255,255,255,.2)!important
    }

    .mean-container .mean-nav ul li a.mean-expand:hover {
        background: rgba(0,0,0,.9)
    }

    .mean-container .mean-push {
        float: left;
        width: 100%;
        padding: 0;
        margin: 0;
        clear: both
    }

    .mean-nav .wrapper {
        width: 100%;
        padding: 0;
        margin: 0
    }

    .mean-container .mean-bar, .mean-container .mean-bar * {
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box
    }

    .mean-remove {
        display: none!important
    }

    .menu_heitiao {
        display: none;
    }

    /*底部style*/
    footer .FootSubmenu {
        text-align: left;
        padding: 25px 0 10px 0;
    }

    footer .FootSubmenu ul {
        display: none;
    }

    footer .FootSubmenu table {
        display: none;
    }

    footer .bellows {
        display: block;
    }

    footer .bellows {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    footer .bellows__header {
        position: relative;
        padding: 8px 20px;
        border: 1px solid #333;
        border-width: 0 0 1px;
        background: #232323;
        color: white;
        -webkit-tap-highlight-color: transparent;
    }

    footer .bellows__header:active {
        background: #e62129;
    }

    footer .bellows__header::before, footer .bellows__header::after {
        content: '';
        position: absolute;
        top: 50%;
        right: 20px;
        z-index: 2;
        display: block;
        width: 13px;
        height: 3px;
        margin-top: -2px;
        background: white;
        pointer-events: none;
        -webkit-transition: -webkit-transform 0.25s ease-in-out;
        transition: transform 0.25s ease-in-out;
    }

    footer .bellows__header::before {
        content: '';
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    footer .bellows__header::after {
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
    }

    footer .bellows__item.bellows--is-open > .bellows__header::before,footer .bellows__item.bellows--is-opening > .bellows__header::before {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    footer .bellows__item.bellows--is-open > .bellows__header::after,footer .bellows__item.bellows--is-opening > .bellows__header::after {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }

    footer .bellows__item:last-child > .bellows__header {
        border-bottom: 0;
    }

    footer .bellows__header h3 {
        margin: 0;
        font-size: 14px;
        font-weight: normal;
    }

    footer .bellows__content {
        padding: 10px 20px;
        background: #0E0E0E;
        clear: both;
        overflow: hidden;
    }

    footer .bellows__content a {
        color: #fff;
        display: block;
        line-height: 28px;
        border-bottom: 1px solid #232323;
    }

    footer .bellows__content .ewm_img {
        float: left;
        width: 50%;
        text-align: center;
        padding: 10px 0;
    }

    footer .bellows__content .ewm_img img {
        width: 80%;
        max-width: 100px;
    }

    footer .bellows__content .bellows {
        margin-top: 20px;
    }

    footer .bellows__item:not(.bellows--is-open) > .bellows__content {
        display: none;
    }

    footer .bellows__item.bellows--is-open > .bellows__content-wrapper,footer .bellows__item.bellows--is-closing > .bellows__content-wrapper {
        display: block;
    }

    footer .bellows__content-wrapper {
        display: none;
    }

    footer .FootLink {
        font-size: 12px;
        padding: 15px 0;
    }

    footer .FootLink .title {
        color: #fff;
        padding: 5px 0;
        font-size: 14px;
    }

    footer .FootLink a {
        color: #A0A0A1 ;
        padding-right: 20px;
    }

    footer .FootLink a:hover {
        color: #fff;
    }

    footer .FootCopyright {
        line-height: 20px;
        background: #000;
        text-align: center;
        color: #fff;
    }

    footer .FootCopyright a.beian {
        color: #fff;
        margin-right: 5px;
    }

    footer .FootCopyright a.beian:hover {
        color: #e62129;
    }
}