@charset "utf-8";
.top-x {
    background: #e60012;
    height: 38px;
    line-height: 38px;
    text-align: right;
    font-size: 14px;
    color: #fff
}

.top-x a:hover {
    color: #FFF500
}

.top-bat, .top-loginbat {
    color: #fff
}

.top-bat {
    margin: 0 14px;
}

.top-loginbat {
    margin: 0 14px;
}

.top-loginbat:before {
    content: "";
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    font-family: "FontAwesome";
    display: inline-block;
    margin-right: 4px;
}
.articleTitle{
    text-align: center;
    font-size: large;
    color: black;
}
.articleInfo{
    text-align: center;
    color: grey;
}

@media only screen and (max-width: 575px) {
    .footLink{
        width: auto;
        margin: 10px auto;
    }
    .top-x {
        display: none
    }
}

.mlink {
    padding-bottom: 38px;
    padding-top: 46px;
}

.m-imgicon {
    width: 88px;
    height: 88px;
    display: inline-block;
    vertical-align: middle;
    margin: 0 28px;
}

.mlink a {
    color: #2d2d2d;
    font-size: 22px;
    display: block;
    line-height: 88px;
}

.mlink a:hover {
    color: #e60012;
}

.mlink a .m-img01 {
    background: url("../img/icons/icon01-w.png");
}

.mlink a:hover .m-img01 {
    background: url("../img/icons/icon01-r.png");
}

.mlink a .m-img02 {
    background: url("../img/icons/icon02-w.png");
}

.mlink a:hover .m-img02 {
    background: url("../img/icons/icon02-r.png");
}

.mlink a .m-img03 {
    background: url("../img/icons/icon03-w.png");
}

.mlink a:hover .m-img03 {
    background: url("../img/icons/icon03-r.png");
}

.mlink a .m-img04 {
    background: url("../img/icons/icon04-w.png");
}

.mlink a:hover .m-img04 {
    background: url("../img/icons/icon04-r.png");
}

/*下载*/
.index-download {
    background: #f8f8f8 url("../img/photos/bg-kh.jpg") no-repeat right top;
}

.dl-bg {
    background-color: #f8f8f8;
    width: 854px;
    float: left;
    padding: 20px 0
}

.dg-bg-w {
    background-color: #fff;
    margin-right: 20px;
    padding: 24px;
}

.downl-list {
    float: left;
    width: 360px;
}

.downl-img {
    float: right;
    width: 426px;
}

.downl-img a {
    display: block
}

.downl-img a:first-child {
    margin-bottom: 20px;
}

.kaihu {
    float: right;
    padding-top: 40px
}

.downl-list {
    padding: 0 20px;
}

.downl-list h1 {
    text-align: center;
    font-size: 22px;
    line-height: 30px;
    color: #000;
    padding: 5px 0 8px;
}

.downl-list h1 span {
    display: inline-block;
    position: relative;
}

.downl-list h1 span:before {
    content: " ";
    width: 40px;
    height: 2px;
    background: #e60012;
    display: block;
    position: absolute;
    top: 14px;
    left: -56px;
}

.downl-list h1 span:after {
    content: " ";
    width: 40px;
    height: 2px;
    background: #e60012;
    display: block;
    position: absolute;
    top: 14px;
    right: -56px;
}

.downl-list a {
    display: block;
    background: url("../img/icons/icon-logo.png") no-repeat 14px center;
    background-color: #f7f7f7;
    border: 1px solid #909090;
    color: #000;
    font-size: 18px;
    margin-bottom: 14px;
    padding: 20px 0 16px 84px;
}

.downl-list a p {
    font-size: 14px;
    color: #555;
    text-decoration: underline
}

.downl-list a p:after {
    content: "";
    font-size: 14px;
    font-family: "FontAwesome";
    display: inline-block;
    margin-left: 10px;
}

.downl-list a:hover {
    background-color: #fdf5f6;
    color: #e60012;
    border: 1px solid #ffa3aa
}

.downl-list a:hover p {
    color: #e60012
}

.downl-list a:last-child {
    margin-bottom: 0;
}

/*业务介绍*/
.title-bg {
    font-size: 30px;
    font-weight: 600;
    text-align: center;
    position: relative;
    margin: 100px 0;
}

.title-bg:before {
    width: 42px;
    height: 4px;
    position: absolute;
    left: 50%;
    bottom: -12px;
    content: " ";
    background-color: #e60012;
    display: block;
    transform: translateX(-50%);
}

.yw-x {
    width: 300px;
    margin: 0 auto;
    text-align: center;
}

.yw-x h1 {
    font-size: 24px;
    line-height: 80px;
    font-weight: 400;
}

.yw-x p {
    margin: 0;
    font-size: 14px
}

.ye-cont {
    text-align: left;
    line-height: 28PX;
}

.yw-more {
    text-align: right;
    padding: 10px 0 100px
}

.yw-more a {
    color: #6F6F6F;
    padding: 0 12px 0 0
}

.yw-more a:hover {
    color: #e60012
}

.yw-more a:after {
    content: "";
    font-size: 16px;
    font-family: "FontAwesome";
    display: inline-block;
    margin-left: 10px;
    color: #e60012
}

.m-yw {
    background: #f8f8f8;
    margin-bottom: 40px
}

.m-yw-x {
    padding: 14px 40px 56px;
    text-align: left;
    line-height: 28px;
}

.m-yw-x a {
    width: 148px;
    height: 42px;
    line-height: 42px;
    display: block;
    color: #fff;
    text-align: center;
    margin: 56px auto 0px;
    background-color: #e60012
}

.m-yw-x a:hover {
    background-color: #c00
}

.m-yw-x a:after {
    content: "";
    font-size: 16px;
    font-family: "FontAwesome";
    display: inline-block;
    margin-left: 10px;
    color: #fff
}

/*股票指数*/
.zhishubg {
    background-color: #f8f3f3
}

.zs-date {
    display: flex;
    width: 96%;
    margin: 26px auto
}

.zs-date li {
    flex: 1;
    text-align: center;
    color: #000;
    font-size: 14px;
}

.zs-date li b {
    color: #e60012;
    font-size: 18px;
    display: inline-block;
    padding: 0 10px;
}

.zs-date li span {
    color: #e60012;
    padding: 0 10px 0 0;
}

.zs-date li span:last-child {
    padding-right: 0
}

/*要点*/
.hotnews-bg {
    background: url("../img/photos/bg-news.jpg") no-repeat center top;
    padding: 88px 0
}

.hn-w-bg, .about-bg-w {
    background: rgba(255, 255, 255, .95);
}

.hn-box {
    display: flex
}

.hn-box-x {
    flex: 1
}

.hn-box-c {
    width: 458px;
    margin: 0 auto
}

.hn-box-c h1 {
    font-size: 24px;
    line-height: 90px;
    padding-top: 30px;
    overflow: hidden
}

.hn-box-c h1 b {
    position: relative;
    display: inline-block;
    padding-left: 16px;
}

.hn-box-c h1 b:before {
    content: " ";
    height: 24px;
    width: 4px;
    position: absolute;
    background-color: #e60012;
    left: 0;
    top: 50%;
    transform: translateY(-50%)
}

.hn-box-c h1 span {
    font-size: 14px;
    float: right
}

.hn-box-c h1 span a:after {
    content: "";
    font-size: 16px;
    font-family: "FontAwesome";
    display: inline-block;
    margin-left: 10px;
    color: #e60012
}

.hn-box-c ul {
    padding: 20px 0 20px;
    font-size: 14px;
}

.hn-box-c li {
    height: 36px;
    overflow: hidden;
    line-height: 36px;
    display: flex
}

.hn-box-c li a {
    width: 80%
}

.hn-box-c li span {
    float: right
}

/*要闻*/
.ym-x {
    width: 580px;
    height: 90px;
    border: 1px solid #dbdbdb;
    background-color: #f9f9f9;
    font-size: 14px;
    display: flex;
    margin-bottom: 40px;
}

.ym-x dt {
    flex: 1;
    padding: 13px 0px 0 16px;
    font-weight: normal;
}

.ym-x dt a {
    display: inline-block;
    vertical-align: middle;
}

.ym-x dt span {
    display: block;
    padding-top: 8PX;
}

.ym-x dd {
    width: 80px;
    background-color: #e60012;
    font-size: 30px;
    text-align: center;
    line-height: 90px;
    height: 90px;
    color: #fff;
}

.ym-x:nth-of-type(odd) {
    float: left
}

.ym-x:nth-of-type(even) {
    float: right
}

.ym-more {
    padding: 48px 0 80px;
    text-align: center
}

.ym-more a:after {
    content: "";
    font-size: 16px;
    font-family: "FontAwesome";
    display: inline-block;
    margin-left: 10px;
    color: #e60012
}

/*关于*/
.about-bg {
    background: url("../img/photos/bg-about.jpg") no-repeat center center;
    padding: 88px 0;
}

.about-bg .title-bg {
    margin-bottom: 70px;
}

.i-about-cont {
    width: 78%;
    margin: 0 auto;
    font-size: 16px;
    line-height: 30px;
}

.i-about-more {
    padding-bottom: 80px;
}

.i-about-more a {
    width: 148px;
    height: 42px;
    line-height: 42px;
    display: block;
    color: #fff;
    text-align: center;
    margin: 56px auto 0px;
    background-color: #e60012
}

.i-about-more a:hover {
    background-color: #c00
}

.i-about-more a:after {
    content: "";
    font-size: 16px;
    font-family: "FontAwesome";
    display: inline-block;
    margin-left: 10px;
    color: #fff
}

/*
-----------------------------------------------------------------------
  Footer CSS
-----------------------------------------------------------------------
*/
.footer-area {
    background-color: #333333;
    padding: 0;
    position: relative;
    color: #cecece;
    font-size: 14px;
}

.footer-area .footer-main {
    padding: 60px 0;
}

.foot-logo {
    flex: 1
}

.foot-logo {
    background: url("../img/icons/footer-logo.png") no-repeat 60px -10px;
    padding: 80px 0 0 140px;
    font-size: 16px;
    line-height: 30px;
}

.foot-ewm {
    width: 512px;
    border-left: 1px solid #cecece
}

.foot-info {
    width: 400px;
}

.foot-info li {
    padding: 4px 0;
    display: flex
}

.foot-info li:last-child {
    padding-top: 14px;
    line-height: 20px;
    display: block
}

.foot-info li i {
    font-family: "FontAwesome";
    margin-right: 12px;
    width: 14px;
    text-align: center;
    font-style: normal;
}

.foot-info span {
    flex: 1
}

.foot-info a {
    color: #cecece;
}

.foot-ewm .f-e-list {
    display: flex;
    width: 392px;
    margin: 0 auto
}

.foot-ewm .f-e-list .f-e-x {
    flex: 1;
    text-align: center;
    font-size: 12px;
    line-height: 38px;
}

.foot-ewm .f-e-list .f-e-x img {
    display: block;
    margin: 0 auto;
}

.f-e-ts {
    width: 360px;
    margin: 12px auto 0
}

/*右侧菜单*/
.r-menu {
    width: 96px;
    background: rgba(240, 240, 240, .9);
    border-radius: 5px;
    position: fixed;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 999
}

.r-menu ul {
    padding: 0 18px;
    margin: 0 0 10px
}

.r-menu li {
    font-size: 12px;
    text-align: center;
    line-height: 30px;
    padding-top: 10px;
    position: relative
}

.r-menu li:before {
    content: " ";
    width: 100%;
    height: 1px;
    background-color: #6e6e6e;
    position: absolute;
    bottom: -2px;
    left: 0
}

.r-menu li a {
    display: block;
}

.r-menu li img {
    display: block;
    margin: 0 auto
}

.r-menu li:last-child {
    border-bottom: none
}

.r-menu li:last-child:before {
    display: none
}

/*通用页面版头*/
.pages-title-bg {
}

.pages-title-bg2 {
    background: url("../img/photos/page-top-bg3.jpg") no-repeat center top;
}

.pages-title-bg4 {
}

.pages-title-bg3 {
    background: url("../img/photos/img-kaihu.jpg") no-repeat center top;
    height: 900px;
}

.pages-title-bg3 img {
    display: block;
    margin: 0 auto
}

.page-top-h {
    height: 428px;
    position: relative
}

.pages-title {
    position: absolute;
    left: 72px;
    top: 40%;
    transform: translateY(-50%);
    z-index: 9;
    border-bottom: 1px solid #2b2b2b;
    font-size: 24PX;
    display: inline-block;
    width: auto;
    --bs-gutter-x: 0rem;
    font-weight: 500;
}

.pages-title b {
    font-size: 48px;
    font-weight: normal;
    display: inline-block;
    vertical-align: middle;
    padding-right: 48px;
}

.nav-cont {
    position: absolute;
    bottom: -2px;
    background-color: #fff;
    height: 90px;
    line-height: 80px;
    color: #6f6f6f
}

.nav-cont span {
    display: inline-block;
    font-family: "FontAwesome";
    padding: 0 11px
}

.nav-cont span:first-child {
    padding-left: 20px;
}

.nav-cont a {
    color: #6f6f6f
}

.nav-cont a:hover {
    color: #e60012
}

.nav-cont b {
    font-weight: normal;
    color: #e60012
}

.title-bg2 {
    font-size: 30px;
    font-weight: 600;
    text-align: center;
    position: relative;
    margin: 0px 0;
}

.title-bg2:before {
    width: 42px;
    height: 4px;
    position: absolute;
    left: 50%;
    bottom: -12px;
    content: " ";
    background-color: #e60012;
    display: block;
    transform: translateX(-50%);
}

.page-more {
    text-align: center;
    padding: 24px 0 38px;
}

a.button-more {
    color: #6f6f6f
}

a.button-more:hover {
    color: #e60012
}

a.button-more:after {
    content: "";
    font-size: 16px;
    font-family: "FontAwesome";
    display: inline-block;
    margin-left: 10px;
    color: #e60012
}

.cf-text01 {
    width: 72%;
    margin: 24px auto 0;
    font-size: 16px;
    text-align: center;
    line-height: 30px;
}

.cf-c {
    padding: 80px 30px 100px;
}

.cf-x {
    width: 540px;
    background-color: #e60012;
    color: #fff;
    margin-bottom: 30px;
    display: flex
}

.cf-x:nth-of-type(odd) {
    float: left
}

.cf-x:nth-of-type(even) {
    float: right
}

.cf-x dd {
    width: 134px;
    text-align: center;
    font-size: 60px;
    line-height: 102px;
    height: 102px;
    margin-bottom: 0;
    font-weight: 100;
}

.cf-x dt b {
    font-size: 24px;
    display: block;
    font-weight: 400;
    line-height: 56px;
    padding-top: 6px;
}

.bg-hui {
    background-color: #f3f3f3;
    padding: 108px 0 88px
}

.cf-yd {
    display: flex
}

.c-yd-x {
    text-align: center;
    font-size: 18px;
}

.c-yd-x b {
    font-size: 24px;
    font-weight: 500
}

/*.c-yd-x b:after {content: "";font-family: "FontAwesome";display: inline-block;margin-left: 10px;color: #e60012}*/
.c-yd-x img {
    display: block;
    margin: 0 auto 38px
}

.page-gnews {
    padding: 64px 0 128px;
}

.page-asset {
    padding: 64px 0px 128px;
}

.ggao-l {
    display: flex
}

.ggao-l h1 {
    width: 100%;
    flex: 0
}

.ggao-img {
    width: 420px;
}

.ggao-cont {
    flex: 1;
    padding-left: 40px;
}

.ggao-cont li {
    line-height: 20px;
}

.ggao-cont li a {
    display: flex;
    overflow: hidden;
    padding: 8px 0
}

.ggao-cont li a span {
    width: 100px;
    text-align: right
}

.ggao-cont li a b {
    flex: 1;
    font-weight: normal
}

.ggao-cont li a i {
    width: 14px;
    padding-right: 10px;
}

.gg-list h1 {
    font-size: 24px;
    line-height: 90px;
    padding-top: 0px;
    overflow: hidden;
    border-bottom: 1px solid #ddd;
    margin-bottom: 40px;
}

.gg-list h1 b {
    position: relative;
    display: inline-block;
    padding-left: 16px;
}

.gg-list h1 b:before {
    content: " ";
    height: 24px;
    width: 4px;
    position: absolute;
    background-color: #e60012;
    left: 0;
    top: 50%;
    transform: translateY(-50%)
}

.gg-list h1 span {
    font-size: 14px;
    float: right
}

.gg-list h1 span a:after {
    content: "";
    font-size: 16px;
    font-family: "FontAwesome";
    display: inline-block;
    margin-left: 10px;
    color: #e60012
}

.p-rela {
    position: relative
}

.cont-area {
    width: 62.5%;
    margin-left: 24px;
    min-height: 1000px;
    padding-bottom: 138px;
}

.c-a-title {
    font-size: 36px;
    padding-top: 0px;
    overflow: hidden;
    margin-bottom: 30px;
}

.c-a-title b {
    position: relative;
    display: inline-block;
    padding-left: 26px;
    font-weight: 500
}

.c-a-title b:before {
    content: " ";
    height: 36px;
    width: 6px;
    position: absolute;
    background-color: #e60012;
    left: 0;
    top: 50%;
    transform: translateY(-50%)
}

.product-a-title {
    font-size: 36px;
    padding-top: 0px;
    overflow: hidden;
    margin-bottom: 30px;
}

.product-a-title b {
    position: relative;
    display: inline-block;
    padding-left: 26px;
    font-weight: 500
}

.product-a-title b:before {
    content: " ";
    height: 36px;
    width: 6px;
    position: absolute;
    background-color: #e60012;
    left: 0;
    top: 50%;
    transform: translateY(-50%)
}

.c-a-js {
    border-bottom: 1px solid #ddd;;
    padding: 50px 0
}

.c-a-js h1 {
    font-size: 28px;
}

.c-a-js h1:after {
    content: "";
    font-size: 20px;
    font-family: "FontAwesome";
    display: inline-block;
    margin-left: 18px;
    color: #e60012
}

.c-js-c {
    line-height: 30px;
}

.c-js-c span {
    color: #e60012;
    display: block;
    padding: 18px 24px
}

.cont-right {
    float: right;
    margin-top: -80px;
    margin-left: 120px;
    width: 280px;
}

.c-r-menu {
}

.c-r-menu h1 {
    font-size: 16px;
    line-height: 52px;
    padding-top: 0px;
    overflow: hidden;
    border-bottom: 1px solid #ddd
}

.c-r-menu h1 b {
    position: relative;
    display: inline-block;
    padding-left: 16px;
    font-weight: 600
}

.c-r-menu h1 b:before {
    content: " ";
    height: 16px;
    width: 6px;
    position: absolute;
    background-color: #e60012;
    left: 0;
    top: 50%;
    transform: translateY(-50%)
}

.c-r-menu ul {
    padding: 12px 0;
    font-size: 16px;
}

.c-r-menu li {
    padding-bottom: 24px;
}

.c-r-menu ul li a {
    line-height: 52px;
    background-color: #e60012;
    color: #fff;
    display: block;
}

.c-r-menu ul li a:hover {
    background-color: #b8000e
}

.c-r-menu ul li a:before {
    content: "";
    font-size: 16px;
    font-family: "FontAwesome";
    display: inline-block;
    margin: 0 20px;
    color: #fff
}

.c-r-menu ul .seled a {
    background-color: #b8000e
}

.c-r-menu ul li ul {
    padding: 0
}

.c-r-menu ul li ul li {
    padding: 0;
    border-bottom: 1px solid #ddd
}

.c-r-menu ul li ul li a {
    line-height: 46px;
    background-color: #FFFFFF;
    color: #121212;
    position: relative;
    padding-left: 46px;
}

.c-r-menu ul ul li a:before {
    position: absolute;
    width: 7px;
    height: 7px;
    display: block;
    background-color: #121212;
    content: " ";
    left: 0px;
    top: 50%;
    transform: translateY(-50%);
}

.c-r-menu ul ul li a:hover {
    color: #e60012;
    background-color: #fff
}

.c-r-menu ul ul li a:hover:before {
    background-color: #e60012
}

.c-r-menu ul .seled ul li a {
    line-height: 46px;
    background-color: #FFFFFF;
    color: #121212;
    position: relative;
    padding-left: 46px;
}

.c-r-menu ul .seled ul li a:before {
    position: absolute;
    width: 7px;
    height: 7px;
    display: block;
    background-color: #121212;
    content: " ";
    left: 0px;
    top: 50%;
    transform: translateY(-50%);
}

.c-r-menu ul .seled ul li a:hover {
    color: #e60012
}

.c-r-menu ul .seled ul li a:hover:before {
    background-color: #e60012
}

.c-r-menu ul .seled ul .seled a {
    color: #e60012
}

.c-r-menu ul .seled ul .seled a:before {
    background-color: #e60012
}

.c-r-menu ul .seled ul li dl {
    margin: 0;
    border-top: 1px solid #ddd;
    padding: 8px 0;
}

.c-r-menu ul .seled ul li dd {
    margin: 0
}

.c-r-menu ul .seled ul .seled dd a {
    color: #121212;
    line-height: 36px;
}

.c-r-menu ul .seled ul .seled dd a:before {
    position: absolute;
    width: 12px;
    height: 12px;
    line-height: 12px;
    background-color: #FFFFFF;
    color: #121212;
    content: "";
    font-size: 12px;
    font-family: "FontAwesome";
    left: 10px;
}

.c-r-menu ul .seled ul .seled dl .seled a {
    color: #e60012
}

.c-r-menu ul .seled ul .seled dl .seled a:before {
    color: #e60012
}

.cont-r-gg {
}

.cont-r-gg h1 {
    font-size: 24px;
    padding-bottom: 8px;
}

.cont-r-gg h1 span {
    font-size: 14px;
    float: right;
    display: inline-block;
    margin-top: 6px;
}

.cont-r-gg h1 span:after {
    content: "";
    font-size: 14px;
    font-weight: 600;
    font-family: "FontAwesome";
    display: inline-block;
    margin-left: 12px;
    color: #e60012
}

.c-r-gg {
    border: 1px solid #ddd;
    background-color: #fbfbfb
}

.c-r-gg .r-gg-img {
    padding: 16px;
}

.c-r-gg ul {
    padding: 0 16px 2px 16px;
    margin-bottom: 0
}

.c-r-gg li a {
    display: block
}

.c-r-gg li b {
    font-weight: normal
}

.c-r-gg li b:after {
    content: "";
    font-size: 14px;
    font-weight: 600;
    font-family: "FontAwesome";
    display: inline-block;
    margin-left: 12px;
    color: #e60012
}

.c-r-gg li span {
    display: block;
    padding: 12px 0;
    border-bottom: 1px solid #ddd;
    margin-bottom: 12px;
    color: #888
}

.c-r-gg li:last-child span {
    border-bottom: none
}

.c-r-pg {
    background-color: #fff
}

.c-r-pg .r-pg-img {
    padding: 0;
}

.c-r-pg ul {
    padding: 20px 0px 2px 0px;
    margin-bottom: 0
}

.c-r-pg li a {
    display: block
}

.c-r-pg li b {
    font-weight: normal
}

.c-r-pg li b:after {
    content: "";
    font-size: 15px;
    font-weight: 600;
    font-family: "FontAwesome";
    display: inline-block;
    margin-left: 12px;
    color: #e60012
}

.c-r-pg li span {
    display: block;
    padding: 12px 0;
    border-bottom: 1px solid #ddd;
    margin-bottom: 12px;
    color: #888;
}

.c-r-pg img {
    width: 100%;
    display: block;
    margin: 0 auto
}

.c-a-ys {
    padding-top: 80px;
}

.c-ys-x {
    float: left;
    width: 50%
}

.c-ys-x h1 {
    font-size: 24px;
    text-align: center;
    padding: 0 0 38px;
    position: relative
}

.c-ys-x h1:before {
    content: "";
    font-size: 20px;
    font-family: "FontAwesome";
    display: block;
    position: absolute;
    bottom: 0;
    left: 50%;
    color: #e60012;
    transform: translateX(-50%)
}

.c-ys-x h1 img {
    display: block;
    margin: 0 auto 20px;
    width: 138px;
}

.c-ys-cont {
    margin: 0 24px 80px;
    border: 1px solid #ddd;
    background-color: #fbfbfb;
    padding: 12px;
    line-height: 30px;
    height: 260px;
}

.cont-p-rx {
    padding: 50px 0 40px;
}

.cont-p-rx img {
    display: block;
    margin: 0 auto
}

.cont-press-list {
    font-size: 15px;
    padding: 24px 0
}

.cont-press-list li {
    display: flex;
    border-bottom: 1px solid #e2e2e2;
    line-height: 20px;
    padding: 0 5px;
}

.cont-press-list li a {
    flex: 1;
    padding: 19px 0 18px;
    display: block
}

.cont-press-list li span {
    width: 120px;
    text-align: right;
    padding: 19px 0 18px;
}

.pages-num {
    text-align: center;
    padding-top: 70px;
    position: relative
}

.pages-num a {
    width: 34px;
    height: 34px;
    display: inline-block;
    margin: 0 5px;
    line-height: 34px;
    background: #f8f8f8;
    border: 1px solid #eeeeee
}

.pages-num a:hover {
    background: #e60012;
    color: #fff;
}

.pages-num a:last-child, .pages-num a:first-child {
    width: 80px;
}

.pages-num .seled {
    background: #e60012;
    color: #fff;
}

.pages-num a.disabled {
    cursor: not-allowed;
    background-color: darkgrey;
    pointer-events: none;
}

.pages-num a.disabled:hover {
    text-decoration: none;
}

.press-cont {
}

.press-cont h1 {
    font-size: 30px;
    line-height: 140%;
    border-bottom: 1px solid #e2e2e2;
    margin-bottom: 30px
}

.press-cont h1 p {
    color: #999;
    font-size: 16px;
    padding: 15px 0
}

.c-press-d {
    font-size: 15px;
    line-height: 30px;
}

.c-press-d img {
    display: block;
    width: 100%;
    margin: 0 auto 30px
}

.p-c-bat {
    padding: 60px 0 40px
}

.p-c-bat a, .c-a-b a {
    width: 150px;
    height: 46px;
    text-align: center;
    margin: 0 auto;
    display: block;
    background-color: #e60012;
    color: #fff;
    font-size: 15px;
    line-height: 46px;
}

.p-c-bat a:hover, .c-a-b a:hover {
    background-color: #c00
}

.p-c-bat a:after, .c-a-b a:after {
    content: "";
    font-weight: 600;
    font-family: "FontAwesome";
    display: inline-block;
    margin-left: 12px;
}

.cont-asset {
    padding: 108px 20px 0;
    display: flex
}

.c-a-img {
    width: 530px;
}

.c-a-cont {
    flex: 1;
    padding-left: 50px;
}

.c-a-c {
    font-size: 16px;
    line-height: 36px;
}

.c-a-b a {
    margin: 20px 0 0
}

.cont-asset-i {
    line-height: 30px;
    font-size: 15px;
    padding: 30px 0 0 0
}

.c-a-i-cag {
    background: url("../img/photos/bg-asset.jpg") no-repeat center top;
    background-size: 100% auto;
    display: flex;
    margin: 25px 0 50px;
    color: #fff;
    padding: 64px 0 0;
    height: 472px;
}

.c-a-i-cag dl {
    flex: 1;
    font-size: 15px;
    padding: 0 35px;
    position: relative
}

.c-a-i-cag dl:before {
    position: absolute;
    width: 1px;
    height: 80%;
    background: rgba(255, 255, 255, .5);
    content: " ";
    right: 0px;
}

.c-a-i-cag dl:last-child:before {
    display: none
}

.c-a-i-cag h1 {
    font-size: 15px;
    color: #fff;
    padding: 30px 0 12px
}

.c-a-i-cag dt {
    font-size: 20px;
    font-weight: normal;
    text-align: center;
    line-height: 42px;
    text-align: center;
    border: 1px solid #fff;
    position: relative
}

.c-a-i-cag dt:before {
    content: "";
    font-size: 18px;
    font-family: "FontAwesome";
    display: block;
    position: absolute;
    bottom: 0;
    right: 8px;
    color: #fff;
    transform: translateX(-50%)
}

.c-a-i-cag li {
    position: relative;
    line-height: 36px;
    padding-left: 24px
}

.c-a-i-cag li:before {
    content: " ";
    position: absolute;
    width: 7px;
    height: 7px;
    background: #fff;
    left: 6px;
    top: 50%;
    transform: translateY(-50%)
}

.c-a-i-cag a {
    color: #fff;
}

.c-a-i-cag a:hover {
    text-decoration: underline
}

.menu-login {
    display: none
}

.mark-bg {
    width: 100%;
    height: 100%;
    position: fixed;
    background: rgba(0, 0, 0, .8);
    z-index: 999998
}

.login-block {
    width: 570px;
    background: #fff;
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.login-block h1 {
    line-height: 60px;
    font-size: 24px;
    text-align: center;
    background-color: #f5f5f5
}

.l-b-x {
    padding: 20px 48px 50px;
}

.l-b-x b {
    font-weight: normal;
    display: block;
    padding-bottom: 10px;
}

.l-b-x input[type=text] {
    width: 100%;
    border: 1px solid #d9dadd;
    line-height: 38px;
    height: 38px;
    text-indent: 18px;
}

.l-b-x input[type=button] {
    width: 150px;
    height: 38px;
    background-color: #e60012;
    border: 1px solid #f59aa1;
    color: #fff;
    font-size: 15px;
    display: inline-block;
}

.l-b-x span {
    position: relative
}

.l-b-x .l-box-l:before {
    content: "";
    font-size: 14px;
    font-family: "FontAwesome";
    display: block;
    position: absolute;
    top: 50%;
    left: 10px;
    color: #fff;
    transform: translateY(-40%)
}

.l-b-x .l-box-r:before {
    content: "";
    font-size: 14px;
    font-family: "FontAwesome";
    display: block;
    position: absolute;
    top: 50%;
    right: 10px;
    color: #fff;
    transform: translateY(-40%)
}

.login-b-x {
    text-align: center
}

.c-ct-p {
    padding-top: 108px;
    padding-bottom: 108px;
}

.c-ct-x {
    width: 560px;
    margin: 0 auto;
    font-size: 16px;
    line-height: 30px;
}

.c-ct-x h1 {
    font-size: 24px;
    padding: 40px 0 30px;
    font-weight: 600
}

.c-ct-x h1 i:after {
    font-style: normal;
    font-weight: 100;
    content: "";
    font-size: 30px;
    font-family: "FontAwesome";
    display: inline-block;
    margin-left: 18px;
    color: #e60012
}

.p-list-h {
    font-size: 24px;
    line-height: 90px;
    padding-top: 0px;
    overflow: hidden;
    border-bottom: 1px solid #ddd;
    margin-bottom: 28px;
}

.p-list-h b {
    position: relative;
    display: inline-block;
    padding-left: 16px;
}

.p-list-h b:before {
    content: " ";
    height: 24px;
    width: 4px;
    position: absolute;
    background-color: #e60012;
    left: 0;
    top: 50%;
    transform: translateY(-50%)
}

.p-list-h span {
    font-size: 14px;
    float: right
}

.p-list-h span a:after {
    content: "";
    font-size: 16px;
    font-family: "FontAwesome";
    display: inline-block;
    margin-left: 10px;
    color: #e60012
}

.p-list-h2 {
    font-size: 18px;
    line-height: 38px;
    padding-top: 0px;
    overflow: hidden;
    border-bottom: 1px solid #ddd;
    margin-bottom: 28px;
}

.p-list-h2 b {
    position: relative;
    display: inline-block;
    padding-left: 16px;
    font-weight: 600
}

.p-list-h2 b:before {
    content: " ";
    height: 20px;
    width: 6px;
    position: absolute;
    background-color: #e60012;
    left: 0;
    top: 50%;
    transform: translateY(-50%)
}

.p-list-h2 span {
    font-size: 14px;
    float: right
}

.p-list-h2 span a:after {
    content: "";
    font-size: 16px;
    font-family: "FontAwesome";
    display: inline-block;
    margin-left: 10px;
    color: #e60012
}

.page-ct {
    padding-top: 80px;
    padding-bottom: 108px;
}

.c-ct-nl {
    width: 560px;
    margin: 0 auto
}

.i-list-cont {
    flex: 1;
    padding-top: 38px;
}

.i-list-cont li, .i-list-cont2 li {
    line-height: 20px;
}

.i-list-cont li a, .i-list-cont2 li a {
    display: flex;
    overflow: hidden;
    padding: 8px 0
}

.i-list-cont li a span, .i-list-cont2 li a span {
    width: 100px;
    text-align: right
}

.i-list-cont li a b, .i-list-cont2 li a b {
    flex: 1;
    font-weight: normal;
    overflow: hidden
}

.i-list-cont li a i, .i-list-cont2 li a i {
    width: 14px;
    padding-right: 10px;
}

.bg-gray {
    background-color: #f3f3f3
}

.mycol {
    flex: 0 0 auto;
    width: 20%
}

.c-ctys-a {
    padding: 76px 0 60px;
}

.c-ctys-x {
    font-size: 15px;
    width: 180px;
    margin: 0 auto;
    line-height: 30px;
}

.c-ctys-x h2 {
    text-align: center;
    font-size: 24px;
    padding: 38px 0 20px;
}

.c-ctys-x img {
    display: block;
    margin: 0 auto
}

.cont-credit {
    padding: 40px 0 0 0;
    font-size: 15px;
    line-height: 30px;
}

.cont-cit {
    padding: 32px 0 0 0;
}

.cont-cit h2 {
    font-size: 20px;
    color: #e60012;
    border-bottom: 1px solid #DDDDDD;
    line-height: 50px;
    margin-bottom: 28px;
}

.cont-cit h2:after {
    content: "";
    font-size: 16px;
    font-family: "FontAwesome";
    display: inline-block;
    margin-left: 10px;
    color: #e60012
}

.cont-cit dl {
    display: flex;
    margin-bottom: 24px
}

.cont-cit dt {
    width: 30px;
}

.cont-cit dd {
    flex: 1;
    margin-bottom: 0
}

.n-list-x {
    display: flex
}

.i-list-img2 {
    width: 322px;
}

.i-list-cont2 {
    padding: 0 0 0 36px;
    width: 80%;
}

.c-n-list {
    margin: 0 0 30px 0;
}

.cont-download-list {
    font-size: 15px;
    padding: 24px 0
}

.cont-download-list li {
    overflow: hidden;
    width: 100%;
    border-bottom: 1px solid #e2e2e2;
    line-height: 20px;
    padding: 19px 0 18px;
}

.cont-download-list li a {
    /*text-decoration: underline;*/
    /*color: #888*/
}

.cont-download-list li a:before {
    content: "";
    font-size: 16px;
    font-family: "FontAwesome";
    display: inline-block;
    margin-right: 10px;
    color: #e60012;
    vertical-align: middle
}

.cont-download-list li span {
    width: 120px;
    text-align: right;
    float: right
}

.cnp-list {
}

.cnp-list2 {
}

.cnp-list dl, .cnp-list2 dl {
    display: flex;
    margin-bottom: 0;
}

.cnp-list dd, .cnp-list2 dd {
    flex: 1;
    margin: 20px 0;
    text-align: center;
    font-size: 15px;
    line-height: 30px
}

.cnp-list dd:nth-child(1) {
    width: 15%;
    flex: none
}

.cnp-list dd:nth-child(2) {
    width: 15%;
    flex: none
}

.cnp-list dd:last-child {
    width: 30%;
    flex: none
}

.cnp-t-title {
    background-color: #e60012;
    color: #FFFFFF;
    line-height: 60px;
}

.cnp-t-x:nth-child(odd) {
    background-color: #fff4f5
}

.cnp-t-x:nth-child(even) {
    background-color: #FFFFFF
}

.lv-list {
    display: flex;
    border-bottom: 1px solid #e60012;
    border-top: 1px solid #e60012;
    margin-bottom: 70px;
    text-align: center
}

.lv-list li {
    flex: 1;
    padding-bottom: 12px;
}

.lv-list li span {
    display: block;
    color: #e60012;
    padding: 12px 0 10px;
    font-size: 14px;
}

.lv-list li i {
    font-style: normal;
    display: block;
    line-height: 30px
}

.c-c-search {
    width: 65%;
}

.c-c-search dl {
    width: 100%;
    display: flex;
    margin-top: 10px;
}

.c-c-search dt {
    flex: 1;
    margin: 0
}

.c-c-search dt input[type="search"] {
    width: 96%;
    border: 1px solid #ddd;
    background-color: #f3f3f3;
    height: 42px;
    text-indent: 20px;
}

.c-c-search dd {
    width: 90px;
    margin: 0
}

.c-c-search dd a {
    display: block;
    text-align: center;
    line-height: 42px;
    color: #e60012;
    font-size: 16px;
    font-weight: 600
}

.c-c-search dd a:hover {
    color: #e60012 !important;
    cursor: pointer;
}

.c-c-search dd a:before {
    content: "";
    font-size: 20px;
    font-family: "FontAwesome";
    display: inline-block;
    margin-right: 8px;
    color: #e60012;
    vertical-align: -2px
}

.cont-so {
    padding: 108px 20px 120px;
    display: flex
}

.c-so-img {
    width: 480px;
}

.c-so-cont {
    flex: 1;
    padding-left: 50px;
}

.so-l {
    display: flex;
}

.so-img {
    width: 340px;
    padding-top: 5px;
}

.so-cont {
    flex: 1;
    padding-left: 40px;
    font-size: 15px;
}

.so-cont li {
    line-height: 20px;
}

.so-cont li a {
    display: flex;
    overflow: hidden;
    padding: 8px 0
}

.so-cont li a span {
    width: 100px;
    text-align: right
}

.so-cont li a b {
    flex: 1;
    font-weight: normal
}

.so-cont li a i {
    width: 14px;
    padding-right: 10px;
}

.so-list {
    width: 838px;
}

.so-list h1 {
    font-size: 24px;
    line-height: 80px;
    padding-top: 0px;
    overflow: hidden;
    border-bottom: 1px solid #ddd;
    margin-bottom: 40px;
}

.so-list h1 b {
    position: relative;
    display: inline-block;
    padding-left: 16px;
}

.so-list h1 b:before {
    content: " ";
    height: 24px;
    width: 4px;
    position: absolute;
    background-color: #e60012;
    left: 0;
    top: 50%;
    transform: translateY(-50%)
}

.so-list h1 span {
    font-size: 14px;
    float: right
}

.so-list h1 span a:after {
    content: "";
    font-size: 16px;
    font-family: "FontAwesome";
    display: inline-block;
    margin-left: 10px;
    color: #e60012
}

.page-so {
    padding-top: 100px;
    padding-bottom: 108px;
}

.so-pr {
    position: relative
}

.so-download {
    position: absolute;
    width: 308px;
    height: 368px;
    background: url("../img/photos/img-so-bg.jpg") no-repeat center top;
    right: 20px;
    top: 36px;
    color: #FFFFFF;
    text-align: center
}

.so-download h1 {
    font-size: 30px;
    color: #FFFFFF;
    padding: 24px 0 10px;
    line-height: 28px;
}

.so-download h1 span {
    font-size: 24px;
    display: block
}

.so-download img {
    display: block;
    margin: 0 auto 10px;
}

.so-download div {
    line-height: 24px;
    font-size: 14px;
    padding: 0px 0 16px;
}

a.so-down-button {
    width: 228px;
    line-height: 48px;
    display: block;
    margin: 0 auto;
    background-color: #fff;
    color: #e60012;
    font-size: 16px;
    text-align: center
}

a.so-down-button:hover {
    background-color: #e60012;
    color: #FFFFFF
}

a.so-down-button:after {
    content: "";
    font-size: 30px;
    font-family: "FontAwesome";
    display: inline-block;
    margin-left: 16px;
    vertical-align: middle
}

.hight-h {
    min-height: 1600px;
}

.hight-h1100 {
    min-height: 1100px;
}

.so-pid {
    margin-bottom: 40px;
}

.img-box-b {
    border: 1px solid #ddd;
}

.img-box-b h1 {
    background-color: #e60012;
    color: #FFFFFF;
    font-size: 15px;
    text-align: center;
    line-height: 44px;
    height: 56px;
    position: relative
}

.img-box-b h1:before {
    content: "";
    font-size: 16px;
    font-family: "FontAwesome";
    display: inline-block;
    color: #FFFFFF;
    vertical-align: middle;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -8px;
}

.so-table {
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    margin-bottom: 40px;
}

.so-table table {
    font-size: 15px;
    text-align: center;
    line-height: 24px;
    background: none;
    border: 0;
    border-collapse: inherit;
}

.so-table th {
    height: 60px;
    background-color: #868686;
    font-weight: normal;
    color: #FFFFFF
}

.so-table td {
    background: #f9f9f9;
    padding: 18px 12px
}

.so-download-cont {
}

.so-download-cont h2 {
    font-size: 24px;
    padding-bottom: 10px;
}

.so-download-cont dl {
    display: flex;
    background-color: #f8f8f8;
    padding: 38px 30px;
    font-size: 15px;
}

.so-download-cont dt {
    width: 110px;
}

.so-download-cont dd {
    flex: 1;
    padding-left: 44px;
    line-height: 24px;
    margin: 0
}

.so-download-cont dd .so-down-button {
    margin: 24px 0 0 0
}

.video-x {
    display: block;
    margin: 0 auto
}

.video-d {
    padding: 50px 0 90px;
    border-bottom: 1px solid #ddd;
    margin-bottom: 60px;
}

.vedio-more-list {
    background-color: #fbfbfb;
    border: 1px solid #ddd;
    overflow: hidden;
    padding: 10px;
}

.v-m-l {
    float: left;
    width: 33.3333333%;
}

.v-x {
    padding: 10px;
}

.v-x h1 {
    font-size: 15px;
    padding-top: 10px;
    line-height: 24px;
}

.v-x h1:after {
    content: "";
    font-size: 16px;
    font-family: "FontAwesome";
    display: inline-block;
    margin-left: 10px;
    color: #e60012
}

.page-so {
    padding-top: 100px;
    padding-bottom: 108px;
}

.v-x:hover h1 {
    color: #e60012
}

.xg-list {
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    margin-bottom: 20px;
}

.xg-x {
}

.xg-list table {
    text-align: center
}

.xg-list tr:hover {
    background: #ffdfe2
}

.xg-list th {
    height: 60px;
    vertical-align: middle;
    font-weight: normal
}

.xg-list td {
    height: 60px;
    vertical-align: middle
}

.xgts {
    padding-bottom: 40px;;
    color: #e60012;
    font-size: 16px;
}

.xgts p:before, .xgts p:after {
    content: "";
    font-size: 16px;
    font-family: "FontAwesome";
    display: inline-block;
    margin: 0 8px;
    vertical-align: 0px
}

.bg-kaihu {
    background-color: #0054c3
}

.kh-list {
    padding: 0 0 80px;
}

.kh-l {
    width: 33.3333333%;
    float: left;
    padding-bottom: 60px
}

.kh-l img {
    display: block;
    margin: 0 auto;
    border-radius: 12px;
}

.kh-l h1 {
    width: 310px;
    margin: 0 auto;
    display: block;
    font-size: 18px;
    color: #0054c3;
    line-height: 24px;
    height: 150px;
    margin-bottom: 18px;
    background-color: #ffebaf;
    border: 2px dotted #003d96;
    padding: 12px;
    border-radius: 12px;
}

.kh-l:first-child h1 {
    border: none;
    background-color: #0054c3
}

.zixun-b {
    border: 1px solid #ddd;
    border-radius: 12px;
    padding: 12px 0;
    background: #f9f9f9
}

.zixun-b img {
    display: block;
    margin: 0 auto
}

.omessage {
}

.omessage dl {
    float: left;
    margin: 0;
    display: flex;
    min-height: 60px;
    line-height: 40px;
}

.omessage dt {
    width: 80px;
    text-align: right;
    margin: 0
}

.omessage dd {
    margin: 0;
    padding-left: 30px;
    flex: 1;
}

.omessage dd input {
    width: 100%;
    border: 1px solid #ddd;
    height: 40px;
    padding: 0 12px;
}

.omessage dd input[type="radio"] {
    width: 16px;
    height: 16px;
    display: inline-block;
    margin: 0 12px;
    vertical-align: middle;
    padding: 0;
}

.omessage select {
    width: 100%;
    border: 1px solid #ddd;
    height: 40px;
}

.omessage textarea {
    width: 100%;
    border: 1px solid #ddd;
    height: 200px;
    padding: 0 12px;
}

.omessage .w50 {
    width: 50%
}

.omessage .w100 {
    width: 100%
}

.omessage .w30 {
    width: 30%
}

.omessage dd img {
    height: 40px;
    margin: 0 10px
}

.tj-button {
    padding: 20px 0;
    border-top: 1px solid #ddd
}

.tj-button a {
    width: 138px;
    font-size: 16px;
    line-height: 48px;
    margin: 0 auto;
    background-color: #e60012;
    color: #FFFFFF;
    text-align: center;
    border-radius: 6px;
    display: block
}

.cont-area2 {
    width: 62.5%;
    margin-left: 24px;
    min-height: 150px;
    padding-bottom: 40px;
}

.message-list {
    padding: 30px 0 100px;
}

.message-list h1 {
    background-color: #e60012;
    font-size: 24px;
    color: #FFFFFF;
    line-height: 60px;
    padding: 0 20px;
}

.m-c-s {
    display: flex;
    border-bottom: 1px solid #ccc;
    padding-top: 10px;
}

.m-cag {
    flex: 1
}

.m-cag dl {
    width: 100%;
    display: table;
    margin-bottom: 15px;
}

.m-cag dt {
    width: 90px;
    display: table-cell;
    vertical-align: middle;
    color: #e60012;
    padding-left: 10px;
}

.m-cag dt:after {
    content: "";
    font-size: 16px;
    font-family: "FontAwesome";
    display: inline-block;
    margin-left: 4px;
}

.m-cag dd {
    display: table-cell;
    padding: 0;
    margin: 0;
    vertical-align: middle
}

.m-cag dd ul {
    overflow: hidden;
    margin: 0
}

.m-cag dd li {
    float: left;
    width: 14.285714%;
    line-height: 24px;
}

.m-search {
    width: 25%
}

.m-search input[type="text"] {
    width: 39%;
    border: 1px solid #ddd;
    height: 38px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 1%;
}

.m-search select {
    width: 34%;
    border: 1px solid #ddd;
    height: 38px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 1%;
}

.m-search button {
    width: 25%;
    border: 1px solid #ddd;
    height: 38px;
    color: #e60012
}

.m-list {
    border-bottom: 1px solid #ccc;
    padding: 20px 0
}

.m-list h2 {
    font-size: 15px;
    text-align: center;
    width: 100px;
}

.m-list dl {
    display: table;
    margin: 0;
    padding: 8px 0
}

.m-list dt {
    margin: 0;
    text-align: center;
    width: 100px;
    display: table-cell;
    vertical-align: middle
}

.m-list dt span {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    font-size: 24px;
    line-height: 40px;
    display: block;
    margin: 0 auto;
    color: #FFFFFF
}

.m-list .icon-q {
    background-color: #002DDB;
}

.m-list .icon-a {
    background-color: #e60012;
}

.m-list dd {
    margin: 0;
    display: table-cell;
    vertical-align: middle;
    padding-right: 10px;
}

.m-list dd h3 {
    font-size: 18px;
    font-weight: 600;
}

/*.q-cont {display: flex}*/
.q-cont p {
    flex: 1;
    margin: 0
}

.q-cont span {
    width: 100px;
    text-align: center;
    color: #999
}

.ins-l-x {
    margin: 0 0 40px;
}

.ins-l-x h1 {
    font-size: 18px;
    overflow: hidden;
    border-bottom: 1px solid #ddd;
    padding: 16px 8px
}

.ins-l-x h1 span {
    font-size: 15px;
    float: right
}

.ins-l-x dl {
    padding: 0 8px
}

.ins-l-x dd {
    line-height: 30px;
    margin: 0
}

.ins-l-x dt {
    font-weight: normal;
    padding: 20px 0
}

.ins-l-x dt a {
    text-decoration: underline
}

.ins-l-x dt a:before {
    content: "";
    font-size: 16px;
    font-family: "FontAwesome";
    display: inline-block;
    margin-right: 10px;
    color: #e60012;
    vertical-align: middle
}

.product-cag ul {
    display: flex;
    padding: 20px 0;
    border-bottom: 1px solid #ccc;
    margin-bottom: 20px;
}

.product-cag li {
    flex: 1;
    text-align: center;
    margin: 0 4px;
    line-height: 36px;
    border: 1px solid #ccc
}

.product-cag .active {
    color: #FFFFFF;
    background-color: #e60012;
    border: 1px solid #e60012
}

.product-cag .active a {
    color: #FFFFFF
}

#type1, #type2, #type3, #type4, #type5, #type6 {
    margin-top: -150px;
    padding-top: 150px;
}

@media only screen and (min-width: 320px) and (max-width: 414px) {
    .footLink{
        width: auto;
        margin: 10px auto;
    }
    .mlink {
        padding-bottom: 18px;
        padding-top: 26px;
    }

    .mlink .col-3 a {
        font-size: 14px;
        line-height: 40px;
    }

    .mlink .col-3 a .m-imgicon {
        width: 48px;
        height: 48px;
        background-size: 100%;
        margin: 0 auto;
        display: block
    }

    .mlink .col-3 a:hover .m-imgicon {
        background-size: 100%
    }

    .mlink .col-3 {
        display: block;
        text-align: center
    }

    .index-download {
        background-image: none
    }

    .dl-bg {
        float: none;
        width: 100%;
        padding: 0;
        margin: 0
    }

    .downl-list {
        width: auto;
        float: none;
        margin-top: 20px;
    }

    .downl-list H1 {
        padding-top: 20PX;
    }

    .downl-img {
        width: auto;
        float: none;
        overflow: hidden;
        padding: 20px;
    }

    .dg-bg-w {
        margin-right: 0;
        padding: 0px
    }

    .kaihu {
        float: none;
        padding: 0;
        background: url("../img/photos/bg-kh.jpg") no-repeat center top;
        margin-bottom: 16px
    }

    .zs-date li b {
        display: block
    }

    .zs-date li span {
        display: block
    }

    .hn-box {
        display: block
    }

    .hn-box-x {
        flex: none;
        display: block
    }

    .hn-box-c {
        width: 96%;
        margin: 0 auto
    }

    .hn-box-c li span {
        display: none
    }

    .hn-box-c ul {
        padding: 20px 0 0 0;
        font-size: 14px;
    }

    .hotnews-bg {
        padding: 20px;
        background-size: auto 100%
    }

    .ym-x {
        width: auto
    }

    .ym-x:nth-of-type(odd) {
        float: none
    }

    .ym-x:nth-of-type(even) {
        float: none
    }

    .ym-x dt {
        padding-top: 6px;
        padding-right: 10px
    }

    .ym-x dt span {
        padding-top: 4px;
    }

    .ym-more {
        padding: 28px 0 60px;
    }

    .i-about-cont {
        width: 96%;
    }

    .about-bg {
        background-size: auto 100%;
        padding: 20px;
    }

    .foot-logo {
        background-position: 30px -10px;
        padding: 80px 0 30px 110px;
        font-size: 16px;
        line-height: 30px;
    }

    .foot-ewm .f-e-list, .foot-ewm .f-e-ts {
        width: 100%
    }

    .r-menu {
        width: 46px;
        top: 65%;
        display: none
    }

    .r-menu ul {
        padding: 0 6px;
    }

    .r-menu li {
        line-height: 16px;
        padding-bottom: 6px;
        border-bottom-color: #999
    }

    .c-yd-x {
        text-align: center;
        font-size: 16px;
        padding-bottom: 30px;
    }

    .c-yd-x img {
        width: 60%
    }

    .c-yd-x b {
        font-size: 20px;
        font-weight: 500
    }

    .bg-hui {
        padding: 38px 0;
    }

    .pages-title-bg, .pages-title-bg2 {
        background-size: 350%
    }

    .page-top-h {
        height: 300px;
        position: relative
    }

    .pages-title {
        left: 25px;
        font-size: 16PX;
        top: 35%
    }

    .pages-title b {
        font-size: 28px;
        display: block;
        padding-right: 0px;
    }

    .nav-cont {
        height: auto;
        line-height: 28px;
        padding-top: 22px;
        padding-bottom: 24px
    }

    .nav-cont span {
        padding: 0 6px
    }

    .nav-cont span:first-child {
        padding-left: 0px;
    }

    .cf-text01 {
        width: 96%
    }

    .cf-x {
        width: 100%;
        margin-bottom: 20px;
    }

    .cf-x:nth-of-type(odd) {
        float: none
    }

    .cf-x:nth-of-type(even) {
        float: none
    }

    .cf-c {
        padding: 40px 10px 50px;
    }

    .cf-x dt b {
        line-height: 46px;
    }

    .ggao-l {
        display: block
    }

    .ggao-img {
        width: 100%;
        padding-bottom: 40px
    }

    .ggao-img img {
        display: block;
        margin: 0 auto
    }

    .ggao-cont {
        padding-left: 0;
    }

    .ggao-cont li a {
        display: table;
        width: 100%;
        font-size: 14px;
    }

    .ggao-cont li a span, .ggao-cont li a i, .ggao-cont li a b {
        display: table-cell;
        vertical-align: middle
    }

    .ggao-cont li a i {
        width: 5%
    }

    .ggao-cont li a b {
        width: 200px;
    }

    .ggao-cont li a span {
        width: 25%;
        font-size: 12px;
        color: #888
    }

    .ggao-cont li {
        border-bottom: 1px solid #ddd;
    }

    .page-gnews {
        padding-bottom: 64px;
    }

    .page-asset {
        padding-bottom: 64px;
    }

    .cont-right {
        position: static;
        width: 96%;
        margin: 0 auto;
        padding-bottom: 40px;
    }

    .cont-area {
        width: 96%;
        margin: 0 auto;
        padding-bottom: 80px;
        min-height: 100px
    }

    .cont-area2 {
        width: 96%;
        margin: 0 auto;
        padding-bottom: 80px;
        min-height: 100px
    }

    .c-ys-x {
        float: none;
        width: 100%;
        margin: 0 auto
    }

    .c-ys-cont {
        margin: 0 0px 40px;
        height: auto;
    }

    .c-a-title {
        font-size: 28px;
    }

    .product-a-title {
        font-size: 28px;
    }

    .c-a-js h1 {
        font-size: 20px;
    }

    .c-js-c span {
        padding-left: 0;
        padding-right: 0
    }

    .c-a-js {
        padding: 28px 0
    }

    .cont-press-list li {
        display: block;
        border-bottom: 1px solid #e2e2e2;
        line-height: 20px;
        padding: 0 5px;
    }

    .cont-press-list li a {
        flex: 0;
        padding: 19px 0 0px;
        display: block
    }

    .cont-press-list li span {
        width: 120px;
        text-align: left;
        padding: 19px 0 18px;
        display: block;
        color: #999
    }

    .pages-num a:last-child, .pages-num a:first-child {
        position: absolute;
        top: -20px;
    }

    .pages-num a:first-child {
        left: 0px;
    }

    .pages-num a:last-child {
        right: 0px;
    }

    .cont-asset {
        display: block
    }

    .c-a-img {
        width: auto;
        margin-bottom: 30px;
    }

    .c-a-cont {
        flex: none;
        padding-left: 0px;
    }

    .c-a-b a {
        margin: 40px auto 0
    }

    .c-a-i-cag {
        display: block;
        height: auto;
        background-color: #e33342;
        background-image: none;
        padding-bottom: 40px;
    }

    .c-a-i-cag dl {
        flex: 0;
        display: block
    }

    .c-a-i-cag dl:before {
        display: none
    }

    .c-a-i-cag li a {
        display: block
    }

    .menu-login {
        display: block
    }

    .login-block {
        width: 96%;
    }

    .l-b-x {
        padding: 20px 12px 50px;
    }

    .c-ct-x {
        width: 96%;
        margin-bottom: 20px
    }

    .mycol {
        width: 100%
    }

    .c-ctys-x {
        width: 96%;
        margin-bottom: 30px
    }

    .c-ct-nl {
        width: 96%
    }

    .n-list-x {
        display: block
    }

    .i-list-img2 {
        width: 96%
    }

    .i-list-cont2 {
        padding: 0 0 0 0px;
        flex: none
    }

    .i-list-cont2 ul {
        padding-top: 30px;
    }

    .i-list-cont2 li {
        border-bottom: 1px solid #ddd
    }

    .c-n-list {
        margin: 0 0 50px 0;
    }

    .cont-download-list li span {
        float: none;
        width: 100%;
        display: block;
        overflow: hidden
    }

    .cont-download-list li a {
        text-decoration: none;
        display: block;
        border: 1px solid #999;
        text-align: center;
        width: 120px;
        float: right;
        padding: 10px 0;
        margin-top: 12px;
    }

    .cont-download-list li a:active {
        background-color: #f3f3f3
    }

    .c-c-search {
        width: 100%;
    }

    .c-c-search dd {
        width: 80px;
    }

    .cnp-list dd {
        font-size: 12px;
        line-height: 16px;
        padding: 16px 0
    }

    .cnp-list2 dd {
        font-size: 14px;
        line-height: 16px;
        padding: 16px 0
    }

    .cnp-list dd:nth-child(1) {
        width: 20%;
        flex: none
    }

    .cnp-list dd:nth-child(2) {
        width: 20%;
        flex: none
    }

    .cnp-list dd:last-child {
        width: 25%;
        flex: none
    }

    .cnp-list > .pages-num, .cnp-list2 > .pages-num {
        margin-top: 60px;
    }

    .cont-so {
        display: block
    }

    .c-so-img {
        width: 100%;
    }

    .c-so-cont {
        flex: none;
        padding-left: 0px;
        padding-top: 40px;
    }

    .so-download {
        position: static;
        margin: 0 auto
    }

    .so-l {
        display: block;
    }

    .so-img {
        width: 100%;
    }

    .so-img img {
        margin: 0 auto;
        display: block
    }

    .so-cont {
        flex: none;
        padding-left: 0px;
        padding-top: 40px;
        font-size: 15px;
        width: 92%;
        margin: 0 auto
    }

    .page-so {
        padding: 50px 0
    }

    .hight-h, .hight-h1100 {
        min-height: 100px;
    }

    .so-soller {
        width: 776px;
    }

    .so-download-cont dl {
        display: block;
    }

    .so-download-cont dt {
        width: 100%;
        padding-bottom: 40px;
    }

    .so-download-cont dt img {
        display: block;
        margin: 0 auto
    }

    .so-download-cont dd {
        flex: none;
        padding-left: 0px;
    }

    .so-download-cont dd .so-down-button {
        margin: 24px auto 0
    }

    .xg-list {
        width: 96%;
        margin: 0 auto
    }

    .xg-x {
        width: 1000px;
    }

    .pages-title-bg3 {
        background-size: 155%;
        height: auto
    }

    .pages-title-bg3 img {
        width: 72%;
    }

    .kh-l {
        width: 90%;
        margin: 0 auto;
        float: none;
        padding-bottom: 40px
    }

    .kh-l h1 {
        width: 100%;
        height: auto;
        margin-bottom: 18px;
    }

    .kh-l:first-child h1 {
        display: none
    }

    .omessage dl {
        float: none
    }

    .omessage dt {
        width: 60px;
    }

    .omessage .w50 {
        width: 100%
    }

    .omessage dd {
        padding-left: 20px;
    }

    .omessage dd img {
        display: block;
        margin: 10px 0 0;
    }

    .omessage .w30 {
        width: 40%
    }

    .m-list {
        margin-bottom: 32px;
    }

    .m-list dt {
        width: 60px
    }

    .m-c-s {
        display: block
    }

    .m-cag {
        flex: none
    }

    .m-cag dd li {
        float: left;
        width: 33.333333%;
        line-height: 32px;
    }

    .m-search {
        width: 96%;
        margin: 0 auto;
        padding-bottom: 12px;
    }

    .ins-l-x h1 span {
        float: none;
        display: block;
        padding-top: 10px;
    }

    .product-cag ul {
        display: block;
        overflow: hidden
    }

    .product-cag li {
        flex: 0;
        float: left;
        width: 23%;
        margin: 1%;
    }
}

@media only screen and (min-width: 415px) and (max-width: 768px) {
    .footLink{
        width: auto;
        margin: 10px auto;
    }
    .mlink .m-imgicon {
        display: block;
        margin: 0 auto
    }

    .mlink span {
        display: block;
        text-align: center
    }

    .index-download {
        background-image: none
    }

    .dl-bg {
        float: none;
        width: 100%
    }

    .downl-list {
        width: auto;
        float: none;
    }

    .downl-img {
        width: auto;
        float: none;
        overflow: hidden;
        padding: 0 20px;
    }

    .downl-img a {
        width: 48%;
        margin: 0 1%;
        display: block;
        float: left
    }

    .dg-bg-w {
        margin-right: 0;
        padding: 0px
    }

    .dl-list {
        overflow: hidden
    }

    .dl-list a {
        float: left;
        width: 48%;
        margin: 0 1% 14px;
    }

    .kaihu {
        float: none;
        padding: 0;
        background: url("../img/photos/bg-kh.jpg") no-repeat center top;
    }

    .kaihu img {
        margin: 0 auto
    }

    .downl-list h1 {
        padding-top: 30px;
        font-size: 24px;
    }

    .zs-date li b {
        display: block
    }

    .hn-box-c {
        width: 300px;
        margin: 0 auto
    }

    .hn-box-c li span {
        display: none
    }

    .ym-x {
        width: auto
    }

    .ym-x:nth-of-type(odd) {
        float: none
    }

    .ym-x:nth-of-type(even) {
        float: none
    }

    .foot-info {
        width: 360px
    }

    .foot-ewm {
        width: 100%;
        border-left: none;
        border-top: 1px solid #cecece;
        margin-top: 10px;
        padding-top: 30px;
    }

    .r-menu {
        display: none
    }

    .c-yd-x {
        text-align: center;
        font-size: 16px;
        padding-bottom: 30px;
    }

    .c-yd-x img {
        width: 60%
    }

    .c-yd-x b {
        font-size: 20px;
        font-weight: 500
    }

    .pages-title {
        left: 25px;
        font-size: 24PX;
        top: 35%
    }

    .pages-title b {
        font-size: 40px;
        display: block;
        padding-right: 0px;
    }

    .nav-cont {
        height: 80px;
        line-height: 70px;
    }

    .page-top-h {
        height: 400px;
        position: relative
    }

    .cf-text01 {
        width: 96%
    }

    .cf-x {
        width: 100%;
        margin-bottom: 20px;
    }

    .cf-x:nth-of-type(odd) {
        float: none
    }

    .cf-x:nth-of-type(even) {
        float: none
    }

    .cf-c {
        padding: 40px 10px 50px;
    }

    .ggao-l {
        display: block
    }

    .ggao-img {
        width: 100%;
        padding-bottom: 40px
    }

    .ggao-img img {
        display: block;
        margin: 0 auto
    }

    .cont-right {
        position: static;
        width: 96%;
        margin: 0 auto;
        padding-bottom: 40px;
    }

    .cont-area {
        width: 96%;
        margin: 0 auto;
        padding-bottom: 80px;
        min-height: 100px;
    }

    .r-gg-img img {
        display: block;
        margin: 0 auto
    }

    .c-ys-cont {
        margin: 0 12px 80px;
        padding: 8px;
        height: auto
    }

    .cont-asset {
        display: block
    }

    .c-a-img {
        width: auto;
        margin-bottom: 30px;
    }

    .c-a-img img {
        display: block;
        margin: 0 auto
    }

    .c-a-cont {
        flex: none;
        padding-left: 0px;
    }

    .c-a-b a {
        margin: 40px auto 0
    }

    .c-a-i-cag {
        padding-top: 30px;
        margin-bottom: 0
    }

    .menu-login {
        display: block
    }

    .c-ct-x {
        width: 338px
    }

    .c-ct-nl {
        width: 96%
    }

    .c-ct-nl img {
        display: block;
        margin: 0 auto
    }

    .mycol {
        width: 50%;
        height: 360px;
    }

    .c-ctys-x {
        width: 90%;
    }

    .n-list-x {
        display: block
    }

    .i-list-img2 {
        width: 96%
    }

    .i-list-img2 img {
        display: block;
        margin: 0 auto
    }

    .i-list-cont2 {
        padding: 0 0 0 0px;
        flex: none;
        width: 80%;
        margin: 0 auto
    }

    .i-list-cont2 ul {
        padding-top: 30px;
    }

    .i-list-cont2 li {
        border-bottom: 1px solid #ddd
    }

    .c-n-list {
        margin: 0 0 50px 0;
    }

    .hight-h, .hight-h1100 {
        min-height: 100px;
    }

    .kh-l {
        width: 50%;
    }

    .pages-title-bg3 {
        background-size: 155%;
        height: auto
    }

    .pages-title-bg3 img {
        width: 72%;
    }

    .cont-area2 {
        width: 96%;
        margin: 0 auto;
        padding-bottom: 80px;
        min-height: 100px
    }

    .m-c-s {
        display: block
    }

    .m-cag {
        flex: none
    }

    .m-cag dd li {
        float: left;
        width: 20%;
        line-height: 32px;
    }

    .m-search {
        width: 96%;
        margin: 0 auto;
        padding-bottom: 12px;
    }

    .product-cag ul {
        display: block;
        overflow: hidden
    }

    .product-cag li {
        flex: 0;
        float: left;
        width: 23%;
        margin: 1%;
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1365px) {
    .footLink{
        width: auto;
        margin: 10px auto;
    }
    .mlink .col-md-3 .m-imgicon {
        display: block;
        margin: 0 auto
    }

    .mlink .col-md-3 a {
        line-height: 45px;
    }

    .mlink .col-md-3 span {
        display: block;
        text-align: center
    }

    .index-download {
        background-image: none
    }

    .dg-bg-w {
        margin-right: 0;
        padding: 20px 0
    }

    .dl-bg {
        float: none;
        width: 100%;
        padding-bottom: 0
    }

    .downl-list {
        width: 500PX;
    }

    .kaihu {
        float: none;
        padding: 0;
        background: url("../img/photos/bg-kh.jpg") no-repeat right bottom;
        background-size: 100%;
        margin-bottom: 20PX;
    }

    .hn-box-c {
        width: 400px;
        margin: 0 auto
    }

    .hn-box-c li span {
        font-size: 12px;
    }

    .ym-x {
        width: auto
    }

    .ym-x:nth-of-type(odd) {
        float: none
    }

    .ym-x:nth-of-type(even) {
        float: none
    }

    .foot-info {
        width: auto;
        flex: 1
    }

    .foot-ewm {
        width: 100%;
        border-left: none;
        border-top: 1px solid #cecece;
        margin-top: 10px;
        padding-top: 30px;
    }

    .r-menu {
        display: none
    }

    .c-yd-x img {
        width: 60%
    }

    .ggao-cont li a span {
        display: none
    }

    .pages-title {
        left: 25px;
        font-size: 24PX;
        top: 35%
    }

    .pages-title b {
        font-size: 40px;
        display: block;
        padding-right: 0px;
    }

    .cf-text01 {
        width: 90%
    }

    .cf-x {
        width: 100%;
        margin-bottom: 20px;
    }

    .cf-x:nth-of-type(odd) {
        float: none
    }

    .cf-x:nth-of-type(even) {
        float: none
    }

    .cf-c {
        padding: 40px 10px 50px;
    }

    .c-ys-cont {
        margin: 0 12px 80px;
        padding: 8px;
        height: auto
    }

    .c-a-img {
        width: 410px;
    }

    .c-a-c {
        font-size: 15px;
        line-height: 28px;
    }

    .c-a-i-cag {
        height: auto;
        background-color: #e33342;
        background-image: none;
        padding-bottom: 20px;
    }

    .c-a-i-cag dl {
        padding: 0 16px
    }

    .c-a-i-cag dt {
        font-size: 17px;
    }

    .c-a-i-cag h1 {
        font-size: 14px;
    }

    .menu-login {
        display: block
    }

    .c-ct-x, .c-ct-nl {
        width: 460px
    }

    .i-list-cont li a span {
        display: none
    }

    .c-ctys-x {
        width: 154px;
    }

    .n-list-x {
        display: block
    }

    .i-list-img2 {
        width: 96%
    }

    .i-list-img2 img {
        display: block;
        margin: 0 auto
    }

    .i-list-cont2 {
        padding: 0 0 0 0px;
        flex: none;
        width: 90%;
        margin: 0 auto
    }

    .i-list-cont2 ul {
        padding-top: 30px;
    }

    .i-list-cont2 li {
        border-bottom: 1px solid #ddd
    }

    .c-n-list {
        margin: 0 0 50px 0;
    }

    .menu-login {
        display: none
    }

    .pages-title-bg3 {
        background-size: 155%;
        height: auto
    }

    .pages-title-bg3 img {
        width: 72%;
    }

    .kh-l {
        width: 50%;
    }

    .m-c-s {
        display: block
    }

    .m-cag {
        flex: none
    }

    .m-cag dd li {
        float: left;
        width: 20%;
        line-height: 32px;
    }

    .m-search {
        width: 96%;
        margin: 0 auto;
        padding-bottom: 12px;
    }

    .product-cag ul {
        display: block;
        overflow: hidden
    }

    .product-cag li {
        flex: 0;
        float: left;
        width: 23%;
        margin: 1%;
    }
}