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

img {
    border: 0;
}

ul,
ol,
li {
    list-style: none;
}

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

a:hover {
    color: #ff0000
}

body {
    font-size: 14px;
    background: #eee;
    font-family: "微软雅黑";
    color: #666;
}

div,
ul,
dl,
dt,
dd {
    height: auto;
    overflow: hidden
}

.clear {
    padding: 0;
    width: 100%;
    height: 1px;
    clear: both;
}

.clearfix::after{
    content: '';
    display: block;
    clear: both;
    visibility: hidden;
    height: 0;
    font-size: 0;
}

.clearfix{
    zoom: 1;
}

.wrap {
    max-width: 1650px;
    width: 100%;
    margin: 0 auto;
    min-width: 320px;
}

.fullbox {
    display: -webkit-flex;
    -webkit-align-items: stretch;
    -webkit-flex-wrap: wrap;
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
}

.mt20 {
    margin-top: 20px;
}

.header {
    width: 100%;
    position: fixed;
    left: 0;
    top: 0;
    background: #fff;
    z-index: 9999;
}

.header div.wrap {
    height: 95px
}

.logo {
    float: left;
    margin-top: 10px;
}

.logo img {
    float: left;
}

.logo span {
    display: block;
    float: left;
    font-size: 18px;
    line-height: 69px;
    margin-left: 10px;
    color: #000;
}

.nav {
    float: right;
    height: 43px;
    line-height: 43px;
    margin-top: 35px;
}

.nav li {
    float: right;
    font-size: 18px;
    display: inline;
    margin-left: 20px;
}

.nav li a {
    display: block;
    padding: 0 10px;
    color: #333;
}

.nav li a:hover {
    border-bottom: 5px solid #b20a01;
    height: 38px;
    color: #b20a01;
}

.mobile-nav {
    display: none;
    float: right;
    margin-top: 20px;
    margin-right: 10px;
}

.mob-nav-btn {
    display: block;
    height: 40px;
    width: 40px;
    background: url(../images/mob-nav-icon_w.png) no-repeat;
    text-indent: -99999px
}

.mob-nav-menu {
    position: fixed;
    z-index: 100;
    width: 100%;
    background: rgba(17, 17, 17, 0.9);
    display: none;
    top: 80px;
    z-index: 9999;
    font-size: 14px;
}

.mob-nav-menu ul {
    margin-left: 0;
    list-style: none;
}

.mob-nav-menu li {
    padding-bottom: 0;
    position: relative;
}

.mob-nav-menu ul li a {
    display: block;
    padding: 15px 3%;
    border-bottom: 1px solid rgba(255, 255, 255, 0.07);
    color: #ffffff;
}

.mob-nav-menu ul ul {
    background-color: rgba(255, 255, 255, 0.11);
    display: none;
}

.mob-nav-menu ul ul li {
    padding-left: 2%;
}

.mob-nav-arrow {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 50px;
    height: 50px;
    border-left: 1px dotted rgba(255, 255, 255, 0.11);
    color: #ffffff;
    text-align: center;
    font-size: 20px;
    line-height: 30px;
    cursor: pointer;
}

.mob-nav-arrow span {
    display: block;
    background: url(../images/i5.png) no-repeat center;
    width: 100%;
    height: 100%
}

.footer {
    width: 100%;
    margin: 40px auto 0;
    border-top: 1px solid #ccc;
    padding: 60px 0;
    background: #5f5d5e;
}

.footer_l {
    width: 24%;

    border-right: 1px solid #6f6f6f;

    min-height: 240px;

    padding: 0 3% 0 1%;
}

.footer_l img {
    margin-top: 12px;
    width: 55%;
}

.footer_l h3 {
    font-size: 18px;
    line-height: 36px;
    padding: 8px 0;
    color: #8b8b8b;
    font-weight: normal;
    margin-top: 15px;
}

.footer_l p {
    font-size: 14px;
    line-height: 32px;
    color: #8b8b8b
}

.footer_l p a {
    color: #8b8b8b
}

.footer_2 {
    float: left;
    width: 42%;
    display: block;
    overflow: hidden;
    padding: 0 2% 0 3%;
    border-right: 1px solid #6f6f6f;
    min-height: 240px;
}

.db_con {
    width: 58%;
    display: block;
    overflow: hidden
}

.db_con h3 {
    font-size: 18px;
    line-height: 36px;
    margin-bottom: 12px;
    color: #8b8b8b;
    font-weight: normal;
}

.db_con p {
    font-size: 14px;
    line-height: 32px;
    color: #8b8b8b
}

.ewm {
    width: 42%;
    display: block;
    overflow: hidden;
    margin-top: 80px;
}

.ewm ul {
    list-style: none;
    display: block;
}

.ewm ul li {
    width: 48%;
    display: block;
    margin: 0 3% 0 0;
    float: left;
}

.ewm ul li:nth-child(2) {
    margin-right: 0;
}

.ewm ul li img {
    width: 100%;
    display: block;
    overflow: hidden;
}

.keywords {
    width: 22%;
    display: block;
    overflow: hidden;
}

.key_txt {
    width: 48%;
    padding: 0 2%;
    display: block;
    overflow: hidden;
}

.key_txt h3 {
    font-size: 18px;
    line-height: 30px;
    color: #8b8b8b;
    font-weight: normal;
    margin-bottom: 10px;
}

.key_txt p {
    font-size: 14px;
    line-height: 22px;
    color: #8b8b8b;
    text-align: justify;
}

.key_ewm {
    width: 48%;
    display: block;
    overflow: hidden;
}

.key_ewm img {
    width: 80%;
    display: block;
    margin: 80px auto 0;
}

.key_ewm p {
    font-size: 12px;
    line-height: 20px;
    color: #8b8b8b;
    text-align: center;
}

.footer_r {
    float: right;
    width: 40%;
    text-align: right
}

.foot_copy {
    background: #4e4e4e;
    padding: 10px;
    color: #aaa;
    font-size: 10px;
    line-height: 20px
}

.foot_copy div.wrap {
    position: relative
}

.foot_copy img {
    width: 50px;
    position: absolute;
    right: 0;
    height: auto;
    top: 50%;
    margin-top: -20px;
}

.foot_copy a {
    color: #aaa
}

.go_top {
    width: 100%;
    background: url(../images/icon_03.gif) no-repeat center #525252;
    height: 56px;
    cursor: pointer;
    display: none
}

.footer_out {
    width: 100%;
    margin: 0 auto;
}

.coin01 {
    background: url(../images/coin01.jpg) no-repeat 0px 6px;
    padding-left: 22px;
    font-size: 14px;
    line-height: 28px;
}

.coin02 {
    background: url(../images/coin02.jpg) no-repeat 0px 6px;
    padding-left: 19px;
    font-size: 14px;
    line-height: 28px;
}

.coin03 {
    background: url(../images/coin03.jpg) no-repeat 0px 6px;
    padding-left: 19px;
    font-size: 14px;
    line-height: 28px;
}

.coin05 div {
    float: left;
}

.coin05 {
    line-height: 36px;
}

.work-list div {
    float: left;
    width: 33.33%
}

.work-list dl {
    margin: 8px;
    position: relative;
    padding-bottom: 30px;
}

.work-list dl dt img {
    width: 100%;
    display: block
}

.work-list dl dd {
    position: absolute;
    bottom: -80px;
    height: 120px;
    left: 0;
    width: 100%;
}

.work-list dl dd h4 {
    line-height: 30px;
    height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    background: url(../images/bg.png);
    font-size: 16px;
    color: #fff;
    padding-left: 10px;
    font-weight: normal
}

.work-list dl dd p {
    height: 50px;
    display: block;
    background: #fff;
    padding: 10px;
    text-align: left;
    color: #666
}

.fixed div {
    overflow: visible
}

.fixed {
    position: fixed;
    bottom: 0px;
    right: 0px;
    width: 45px;
    display: none;
    overflow: visible
}

.fixed .child {
    position: absolute;
    right: 0px;
    overflow: hidden;
    cursor: pointer;
    width: 45px;
    height: 45px;
    background: #cc0000;
    line-height: 45px;
    margin-top: 1px;
}

.fixed .child {
    transition-duration: .5s;
    -ms-transition-duration: .5s;
    -moz-transition-duration: .5s;
    -webkit-transition-duration: .5s;
}

.fixed .child:hover {
    width: 110px;
    background: #000;
}

.fixed .fixedCall:hover {
    width: 160px;
}

.fixed .child img {
    position: absolute;
    top: 0px;
    left: 0px;
}

.fixed .child p {
    position: absolute;
    left: 45px;
    color: #fff;
}

.fixed .fixedQQ {
    bottom: 92px;
}

.fixed .fixedCall {
    bottom: 46px;
}

.fixed .fixedTop {
    position: absolute;
    right: 0px;
    bottom: 92px;
    color: #fff;
    background-color: #cbcbcb;
    cursor: pointer;
    text-align: center;
    width: 45px;
    height: 45px;
    line-height: 45px;
    font-size: 14px;
    font-family: "MICROSOFT YAHEI", "Arial Narrow";
}

.fixed .fixedTop .fixedTopPointer {
    position: absolute;
    top: -5px;
    left: 18px;
}

.fixed .fixedCode {
    bottom: 0;
    cursor: pointer;
    width: 45px;
    height: 45px;
    background: #cc0000;
    line-height: 45px;
    margin-top: 1px;
}

.fixedCodeInfo {
    display: none;
    position: fixed;
    bottom: 0px;
    right: 54px;
    padding: 0 3px;
    border: 1px solid #ccc;
    background: #fff;
}

.fixedCodeInfo .fixedPointer {
    position: absolute;
    right: -6px;
    bottom: 12px;
}

.pd {
    height: 50px;
    width: 100%;
}

.pd2 {
    height: 95px;
    width: 100%;
}

.banner {
    clear: both;
}

.teamlist li {
    background-color: #b6b6b7;
    clear: both;
    margin-top: 10px;
    color: #393332;
}

.img_left {
    width: 60%;
    float: left;
}

.img_left h1 {
    display: block;
    float: left;
}

.img_left p {
    clear: both;
    padding-top: 10px;
}

.img_left div {
    margin-top: 10%;
    margin-left: 10%;
}

.img_left span {
    display: block;
    float: left;
    line-height: 40px;
    margin-left: 10px;
    font-size: 16px;
}

.img_right {
    width: 35%;
    float: right;
}

.img_right img {
    width: 100%;
    display: block;
}

.ft_top {
    height: 20px;
    width: 100%;
}

.ab_txt,
.yw_txt {
    width: 20%;
    float: left;
}

.ab_item {
    min-height: 230px
}

.yw_item {
    min-height: 280px
}

.com_box {
    width: 100%;
    max-width: 1920px;
    height: 55px;
    line-height: 55px;
    background: #fb0014;
    position: fixed;
    z-index: 9999;
    left: 0;
    bottom: 0px;
}

.com_box div {
    color: #fff;
    width: 1200px;
    margin: 0px auto;
    font-size: 24px;
    font-weight: bold;
}

.com_box div em {
    font-style: normal;
}

.com_box div a.zixun {
    border: 1px #ccc solid;
    text-align: center;
    background: #dab96b;
    margin-top: 6px;
    padding: 0 49px;
    line-height: 37px;
    height: 37px;
    color: #fb0014;
    font-size: 14px;
    float: right;
}

.projects {

    overflow: hidden;

    clear: both;

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

    margin-top: 40px;

}



.projects .article2 {

    width: 25%;

    float: left;

    position: relative;

    overflow: hidden
}



@media (max-width:1024px) {

    .projects .article2 {

        width: 33.33333333%
    }

}



.projects .article2.hide a {

    cursor: default
}



.projects .article2.hide a img {

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";

    filter: alpha(opacity=(30));

    opacity: .3
}



.projects .article2.hide a:active img,
.projects .article2.hide a:hover img {

    -webkit-transform: scale(1);

    -moz-transform: scale(1);

    -ms-transform: scale(1);

    -o-transform: scale(1);

    transform: scale(1)
}



.projects .article2.hide a:active .article-wrapper,
.projects .article2.hide a:hover .article-wrapper {

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

    filter: alpha(opacity=(0));

    opacity: 0
}



.projects .article2 a {

    color: #FFF
}



.projects .article2 a .wp-post-image {

    width: 100%;

    height: auto;



    transition: all .5s ease;

    -webkit-transform: scale(1);

    -moz-transform: scale(1);

    -ms-transform: scale(1);

    -o-transform: scale(1);

    transform: scale(1);

    display: block;

}



.projects .article2 a .article-wrapper {

    position: absolute;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    background-color: #fe000a;

    transition: all .5s ease;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

    filter: alpha(opacity=(0));

    opacity: 0
}



.projects .article2 a .article-wrapper p {

    padding: 26% 10%;

    text-align: center;

}



.projects .article2 a .article-wrapper p strong {

    display: block;

    font-weight: 400;

    font-size: 16px;

    margin-bottom: 10px
}



.projects .article2 a .article-wrapper p span {

    display: block;

    font-size: 12px
}



.switch .switch-img.comming a,
.switch .switch-img.projects a {

    text-align: center;

    font-size: 14px;

    font-weight: 700;

    text-decoration: none
}

.dclass {
    position: absolute;
    padding: 6%;
    text-align: left;
    font-family: 'MyriadPro-LightCond';
    color: #fff;
    font-size: 16px;
}

.dclass hr {
    background: #fff;
    border: 0px;
    height: 2px;
    width: 21px;
    margin: 8px 0;
}

.childPointer {

    position: absolute;

    bottom: 13px;

    right: 16px;

    width: 54px;

}

@media (min-width:1024px) {

    .projects .article2 a:active img,
    .projects .article2 a:hover img {

        -webkit-transform: scale(1.1);

        -moz-transform: scale(1.1);

        -ms-transform: scale(1.1);

        -o-transform: scale(1.1);

        transform: scale(1.1)
    }



    .projects .article2 a:active .article-wrapper,
    .projects .article2 a:hover .article-wrapper {

        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

        filter: alpha(opacity=(100));

        opacity: 1
    }







}



.content02 {
    background: #fefefe;
    margin-top: 50px;
}



.fl {
    float: left;
}

.fr {
    float: right;
}

.choose {
    margin: 0px 0 50px;
    display: block;
    background: #fff;
    border-bottom: 30px solid #d2292e;
}

.ch_img {
    width: 40%;
    display: block;
    overflow: hidden;
    margin: 5%;
}

.ch_img img {
    width: 100%;
    display: block;
    overflow: hidden;
}

.choose_txt {
    width: 40%;
    margin-right: 5%;
    padding: 5% 0;
}

.choose_txt p {
    font-size: 26px;
    color: #222;
    line-height: 56px;
}



.index_core {
    margin: 60px 0 10px;
    display: block;
    overflow: hidden;
}

.cre_con {
    width: 100%;
    background: url(../images/c_tit.jpg) center no-repeat;
    display: block;
    overflow: hidden;
}

.cre_con02 {
    width: 100%;
    background: url(../images/pro_tit.jpg) center no-repeat;
    display: block;
    overflow: hidden;
}

.cre_tit02 {
    width: 60%;

    margin: 0 auto;

    display: block;

    overflow: hidden;

    padding-left: 10%;
}

.cre_tit02 .c_img {
    display: block;
    overflow: hidden;
    width: 24%;
}

.cre_tit02 .c_img img {
    width: 100%;
    display: block;
}

.cre_tit02 .c_txt {
    width: 73%;
    display: block;
}

.cre_tit02 .c_txt h3 {
    font-size: 42px;
    color: #5e5a5b;
    line-height: 52px;
}





.cre_tit {

    width: 43%;

    margin: 0 auto;

    display: block;

    overflow: hidden;



}

.cre_tit .c_img {
    display: block;
    overflow: hidden;
    width: 32%;
    padding-left: 2%;
}

.cre_tit .c_img img {
    width: 98%;
    display: block;
}

.cre_tit .c_txt {
    width: 66%;
    display: block;
}

.cre_tit .c_txt h3 {
    font-size: 42px;
    color: #5e5a5b;
    line-height: 50px;
}

.cre_list {
    width: 100%;
    display: block;
    overflow: hidden;
    margin-top: 60px;
}

.cre_list dl {
    width: 28%;
    float: left;
    display: block;
    overflow: hidden;
    margin-left: 3.5%;
    margin-right: 1%;
}

.cre_list dl:nth-child(3) {
    margin-right: 0 !important
}

.cre_list dl dt {
    background: #d2292e;
    padding: 2% 0;
    display: block;
    overflow: hidden;
    text-align: center;
}

.cre_list dl dt p {
    font-size: 22px;
    color: #fff;
    line-height: 30px;
}

.cre_list dl dt h3 {
    font-size: 24px;
    color: #fff;
    line-height: 34px;
}

.cre_list dl dd {
    padding: 5% 5% 4%;
    display: block;
    background: #eaeaea;
    overflow: hidden;
    min-height: 200px;
}

.cre_list dl dd p {
    font-size: 16px;

    color: #3a3939;

    margin-bottom: 15px;

    line-height: 26px;

    background: url(../images/dian.png) left 9px no-repeat;

    padding-left: 15px;
}

.c_more {
    width: 12%;
    margin: 60px auto 30px;
    display: block;
    overflow: hidden;
    text-align: center;
}

.c_more a {
    display: block;
    padding: 15px 0;
    font-size: 16px;
    color: #fff;
    border-radius: 30px;
    background: #5f5d5e;
    font-weight: bold;
}

.c_more a:hover {
    background: #d2292e;

    color: #fff;
    transition: .5s;

    -moz-transition: .5s;

    -webkit-transition: .5s;

    -o-transition: .5s;
}





.ser_list {
    width: 100%;
    display: block;
    overflow: hidden;
    margin-top: 80px;
}

.ser_list ul {
    list-style: none;
    display: block;
}

.ser_list ul li {
    width: 8%;
    float: left;
    margin: 0 6%;
    display: block;
    overflow: hidden;
    text-align: center;
}

.ser_list ul li:nth-child(5) {
    margin: 0 0 0 7%;
}

.ser_list ul li img {
    width: 100%;
    display: block;
    overflow: hidden;
    margin-bottom: 15px;
}

.ser_list ul li p {
    font-size: 22px;
    color: #464445;
    line-height: 36px;
}



.index_brand {
    width: 100%;
    display: block;
    overflow: hidden;
    margin-top: 80px;
}

.bra_txt {
    margin-left: 8%;
    display: block;
    overflow: hidden;
    margin-top: 2%;
}

.bra_txt p {
    font-size: 18px;
    color: #5e5a5b;
    line-height: 60px;
}

.bra_txt p i {
    font-weight: bold;
    font-style: normal;
    background: url(../images/dian.png) left 10px no-repeat;
    padding-left: 15px;
}

.bra_img {
    width: 30%;
    display: block;
    overflow: hidden;
}





.index_value {
    width: 100%;
    display: block;
    overflow: hidden;
    margin-top: 80px;
}

.index_value ul {

    list-style: none;

    display: block;

    overflow: hidden;
    width: 95%;

    margin: 0 auto;
}

.index_value ul li {
    width: 12%;
    float: left;
    padding: 0 1%;
    display: block;
    overflow: hidden;
    background: url(../images/va_bg.jpg) 0 40px repeat-x;
}

.index_value ul li:last-child {
    padding: 0 1% 0 1%;
}

.index_value ul li i {
    width: 50%;

    border-radius: 100px;

    border: 2px solid #d2292e;

    display: block;

    text-align: center;



    margin: 0 auto;

    line-height: 80px;

    font-style: normal;

    font-size: 24px;

    background: #fff;

    color: #d2292e;

    letter-spacing: 1px;
}

.index_value ul li:hover i {
    background: #d2292e;
    color: #fff;
}

.index_value ul li p {
    margin-top: 20px;

    font-size: 16px;

    color: #4c4c4c;

    line-height: 28px;

    text-align: justify;
}



.index_system {
    width: 100%;
    display: block;
    overflow: hidden;
    margin-top: 80px;
}

.index_system ul {

    list-style: none;

    display: block;

    overflow: hidden;
}

.index_system ul li {
    width: 36%;
    margin: 0 10%;
    display: block;
    overflow: hidden;
    margin-bottom: 20px;
    padding-left: 18px;
    background: url(../images/dian2.png) left 13px no-repeat;
    float: left;
}

.index_system ul li:nth-child(2n) {
    margin: 0 !important;
}

.index_system ul li h3 {
    font-size: 22px;
    color: #5b5b5b;
    line-height: 40px;
}

.index_system ul li p {
    font-size: 18px;
    color: #4f4f4f;
    line-height: 30px;
}





.index_purpose {
    width: 100%;
    display: block;
    overflow: hidden;
    background: url(../images/dingw_bg.jpg) center no-repeat;
    background-size: 110%;
}

.pur_txt {
    width: 65%;
    margin: 12% 0 9% 10%;
    display: block;
    overflow: hidden;
}

.pur_txt h3 {
    font-size: 36px;
    color: #fff;
    line-height: 60px;
    margin-bottom: 15px;
}

.pur_txt p {
    font-size: 18px;
    color: #fff;
    line-height: 40px;
}



.index_company {
    margin: 60px 0;
    display: block;
    overflow: hidden;
}

.index_company .c_tet {
    font-size: 50px;
    color: #d2292e;
    text-align: center;
    line-height: 80px;
}



.com_list {
    width: 100%;
    display: block;
    overflow: hidden;
    margin-top: 80px;
    list-style: none;
}

.com_list li {
    float: left;
    display: block;
    width: 20%;
    padding: 0 1.5% 0 3%;
    border-right: 1px solid #d2292e;
    min-height: 220px;
}

.com_list li:last-child {
    margin-right: 0 !important;
    border-right: none;
}

.com_list li h3 {
    text-align: center;

    font-size: 24px;

    color: #d2292e;

    line-height: 32px;

    margin-bottom: 15px;

    font-weight: bold;
}

.com_list li p {
    font-size: 16px;
    color: #000000;
    line-height: 30px;
    text-align: justify;
}



#zhezhu {

    width: 100%;

    min-height: 100%;

    background: #333333;

    z-index: 33;

    position: fixed;

    top: 0px;

    left: 0px;

    display: none;

    filter: alpha(opacity=80);

    -moz-opacity: 0.8;

    -khtml-opacity: 0.8;

    opacity: 0.8;

}





.biaodan {
    width: 45%;
    background: #fff;
    position: fixed;
    top: 150px;
    left: 25%;
    z-index: 9999;
    padding: 30px;
    display: none;
    border-radius: 10px;
}

.biaodan h3 {
    font-size: 24px;

    color: #747474;

    line-height: 50px;
    padding-left: 10px;
}



.close {
    width: 50px;

    height: 50px;

    float: right;

    padding-right: 10px;
}

.liuyan {
    width: 100%;
    margin: 0 auto;
    display: block;
    overflow: hidden;
}

.liuyan li {
    width: 47%;

    font-size: 18px;

    padding: 12px 0;

    display: block;

    float: left;

    margin: 1% 2% 0% 1%;
}

.liuyan li:nth-child(2n) {
    margin-right: 0 !important;
}

.ipt {

    border: 1px solid #7b7b7b;

    padding: 5px 15px;

    border-radius: 10px;

    font-size: 16px;

    line-height: 40px;

    width: 90%;
    color: #999;

}

.liuyan li:nth-child(5) {
    width: 96%;
    display: block;
}

.liuyan li .formerrorbox {
    width: 96%;
    border: 1px solid #7b7b7b;

    padding: 5px 15px;
    border-radius: 10px;

    font-size: 16px;

    line-height: 40px;
    font-family: "微软雅黑";
}

.liuyan li:nth-child(6) {
    width: 100%;

    padding: 12px 0;

    display: block;
}

.liuyan li .submitBtn {
    width: 25%;
    margin: 0 auto;
    display: block;
    border-radius: 30px;
    background: #d2292e;
    color: #fff;
    text-align: center;
    padding: 2% 0;
    border: none;
    font-size: 18px;
}



.qq_online {
    width: 20%;
    background: #fff;
    position: fixed;
    top: 150px;
    left: 32%;
    z-index: 9999;
    padding: 2% 5%;
    display: none;
    border-radius: 10px;
}

.qq_con {
    width: 80%;
    display: block;
    margin: 0 auto;
}

.qq_con img {
    float: left;
    width: 25%;
    display: block;
    overflow: hidden;
    margin: 0 2%;
}

.qq_con .qq_txt {
    float: right;
    display: block;
    width: 50%;
    text-align: left;
}

.qq_con .qq_txt p {
    font-size: 20px;
    line-height: 40px;
    color: #999;
}



.qq_online2,
.qq_online4 {
    width: 30%;
    background: #fff;
    position: fixed;
    top: 150px;
    left: 32%;
    z-index: 9999;
    padding: 2% 5%;
    display: none;
    border-radius: 10px;
}

.qq_img {
    width: 25%;
    display: block;
    overflow: hidden;
}

.qq_img img {
    width: 98%;
    display: block;
}

.zixun {
    width: 73%;
    display: block;
    overflow: hidden;
}

.zixun p {
    display: block;
    overflow: hidden;
    font-size: 14px;
    color: #999;
    line-height: 32px;
}

.zixun p span {
    font-size: 16px;
    color: #999;
    margin-right: 12px;
}

.zixun p i {
    font-style: normal;
    font-size: 24px;
    color: #666;

    font-weight: bold;
}

.zixun h4 {
    font-size: 18px;
    color: #666;
    line-height: 30px;
    margin: 5px 0;
}

.zixun img {
    width: 70%;
    display: block;
    overflow: hidden;
}



.qq_online3 {
    width: 30%;

    background: #fff;

    position: fixed;

    top: 150px;

    left: 32%;

    z-index: 9999;

    padding: 2% 5%;

    display: none;

    border-radius: 10px;
}



.qq_con01 {
    width: 80%;
    display: block;
    margin: 0 auto;
}

.qq_con01 img {
    float: left;
    width: 15%;
    display: block;
    overflow: hidden;
    margin: 0 2%;
}

.qq_con01 .qq_txt {
    float: right;
    display: block;
    width: 75%;
    text-align: left;
}

.qq_con01 .qq_txt p {
    font-size: 16px;
    line-height: 30px;
    color: #999;
}

.qq_con01 .qq_txt p i {
    font-size: 30px;
    color: #666;
    display: block;
    font-style: normal;
    font-weight: bold;
}











.index_about {

    padding: 80px 20px;

    text-align: center;

}

.index_about span {
    color: #E60012;
    font-size: 24px;
    display: block;
    padding: 80px 0 15px 0;
}

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

.ft_ewm {
    padding: 100px 0px;
    width: 387px;
    margin: 0 auto;
}

.ft_ewm img {
    width: 150px;
    float: left;
}

.ft_ewm .fr {
    float: left;
    margin-left: 20px;
}

.ft_ewm span {
    font-size: 16px;
    color: #E60012;
    display: block;
    font-weight: bold;
    padding: 10px 0;
}

.ft_ewm p {
    line-height: 26px;
}

.ft_other {
    width: 585px;
    margin: 20px auto;
}

.ft_other a {
    border: 1px solid #E60012;
    color: #E60012;
    font-size: 18px;
    padding: 10px 30px;
    display: block;
    float: left;
    margin: 0 15px;
    float: left;
}

.a_tit {
    font-size: 26px;
    color: #E60012;
    text-align: center;
    padding: 20px 0;
    font-weight: 700;
}

.a_tit_f {
    font-size: 22px;
    color: #E60012;
    text-align: center;
    padding: 40px 0 20px 0;
    display: block;
    font-weight: 700;
}
@media only screen and (min-width: 800px) {
    .a_part01{
        position: relative;
        overflow: hidden;
    }
    
    .a_part01_l{
        width: 48%;
        float: left;
    }
    
    .a_part01_l img{
        width: 100%;
    }
    
    .a_part01_r{
        width: 48%;
        float: right;
        position: absolute;
        top: 50%;
        right: 0;
        transform: translateY(-50%);
        font-size: 16px;
    }
    
    .a_part01_r h3{
        font-size: 20px;
        color: #E60012;
        margin-bottom: 50px;
    }

    .a_part03 ul{
        overflow: hidden;
    }

    .a_part03 ul li{
        width: 48%;
        float: left;
        margin-right: 4%;
        box-sizing: border-box;
        overflow: hidden;
    }

    .a_part03 ul li:nth-child(2n){
        margin-right: 0;
    }

    .a_part03 ul li img{
        width: 100%;
        transition: all .3s;
    }

    .a_part03 ul li:hover img{
        transform: scale(1.1);
    }

    .a_part03 ul li p{
        padding: 20px;
        font-size: 16px;
    }

    .a_part04 ul{
        margin-top: 20px;
        overflow: unset;
        padding-bottom: 40px;
    }

    .a_part04 ul li{
        float: left;
        width: 19%;
        margin-right: 1.25%;
        height: 210px;
        box-sizing: border-box;
        padding: 10px 5px;
        background: #ececec;
        box-shadow: #cac9c9 0 0 15px;
        transition: all .3s;
        border-radius: 10px
    }

    .a_part04 ul li:hover{
        transform: translateY(-10px);
    }

    .a_part04 ul li:nth-child(5){
         margin-right: 0;
    }

    .a_part04 ul li h3{
        text-align: center;
        line-height: 30px;
    }
    .a_part05>div{
        overflow: unset;
    }

    .a_part05 h3{
        color: #E60012;
        margin-bottom: 10px
    }

    .a_part05_l{
        float: left;
        width: 48%;
        margin-right: 4%;
        font-size: 16px;
        padding: 20px;
        box-sizing: border-box;
        -moz-transformbox-sizing: border-box;
        -webkit-box-sizing: border-box;
        background: #ececec;
        box-shadow: #cac9c9 0 0 15px;
        height: 190px;
        overflow: unset;
    }

    .a_part05_r{
        float: right;
        width: 48%;
        padding: 20px;
        box-sizing: border-box;
        -moz-transformbox-sizing: border-box;
        -webkit-box-sizing: border-box;
        background: #ececec;
        box-shadow: #cac9c9 0 0 15px;
        height: 190px;
        overflow: unset;
    }
  }

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

.about_out p img {
    text-align: center;
    max-width: 100%;
}

.a_line {
    border-bottom: 1px dashed #ccc;
    height: 1px;
    overflow: hidden;
    margin: 20px 0;
    width: 100%;
}

.contact_banner {
    background-color: #BC0C16;
    width: 100%;
    padding: 180px 0;
    text-align: center;
    color: #fff;
}

.c_tit_f {
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    padding: 40px 0 20px 0;
    display: block;
}

.c_tit_2f {
    padding-top: 94px;
}

.contact_banner p {
    line-height: 26px;
    font-size: 16px;
    text-align: center;
}

.contact_txt {
    line-height: 26px;
    font-size: 14px;
    text-align: center;
}

.othe_ewm {
    text-align: center;
    padding: 40px 0 20px 0;
    font-size: 14px;
    width: 564px;
    margin: 0 auto;
}

.othe_ewm li {
    margin: 0 15px;
    float: left;
}

.othe_ewm li p {
    text-align: center;
    line-height: 30px;
}

#map-canvas {

    width: 100%;

    height: 450px;

}

#map-canvas div {
    overflow: initial;
}

.p_tit_img img,
.wk_detail_ct img {
    width: 100%;
}

.p_txt {
    padding: 20px 0;
}

.p_txt em {
    color: #000;
    font-size: 14px;
    font-style: normal;
}



@media (max-width:1920px) {

    .wrap {
        max-width: 1400px;
    }





    .index_value ul li i {
        line-height: 80px;
    }





}



@media (max-width:1360px) {
    .index_value ul li i {
        line-height: 80px;
    }
}

@media (max-width:1650px) {
    .wrap {
        max-width: 1400px;
    }
}

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

@media (max-width:800px) {
    .index_about {
        padding: 20px 10px;
        text-align: center;
    }

    .projects {
        margin-top: 10px;
    }
    .choose {
        padding: 20px 0;
        display: block;
        background: #fff;
        border-bottom: 10px solid #d2292e;
    }

    .ch_img {
        width: 100%;
        display: block;
        overflow: hidden;
        margin: 0;
    }

    .ch_img img {
        width: 100%;
        display: block;
        overflow: hidden;
    }

    .choose_txt {
        width: 94%;
        padding: 2% 0;
        margin: 0 auto;
    }

    .choose_txt p {
        font-size: 18px;
        color: #222;
        line-height: 30px;
    }

    .index_core {
        margin: 15px 0;
        display: block;
        overflow: hidden;
    }

    .cre_con {
        width: 100%;
        background: none;
        display: block;
        overflow: hidden;
    }

    .cre_tit {
        width: 100%;
        margin: 0 auto;
        display: block;
        overflow: hidden;
        padding-left: 0;
    }

    .cre_tit .c_img {
        display: block;
        overflow: hidden;
        margin-left: 1%;
        width: 30%;
    }

    .cre_tit .c_img img {
        width: 100%;
        display: block;
    }

    .cre_tit .c_txt {
        width: 65%;
        display: block;
    }

    .cre_tit .c_txt h3 {
        font-size: 22px;
        color: #5e5a5b;
        line-height: 36px;
    }

    .cre_list {
        width: 100%;
        display: block;
        overflow: hidden;
        margin-top: 15px;
    }

    .cre_list dl {
        width: 100%;
        float: left;
        display: block;
        overflow: hidden;
        margin: 0;
    }

    .cre_list dl dt {
        background: #d2292e;
        padding: 2% 0;
        display: block;
        overflow: hidden;
        text-align: center;
    }

    .cre_list dl dt p {
        font-size: 16px;
        color: #fff;
        line-height: 30px;
    }

    .cre_list dl dt h3 {
        font-size: 20px;
        color: #fff;
        line-height: 30px;
    }

    .cre_list dl dd {
        padding: 5% 8% 4%;
        display: block;
        background: #eaeaea;
        overflow: hidden;
        min-height: 180px;
    }

    .cre_list dl dd p {
        font-size: 14px;
        color: #3a3939;
        margin-bottom: 15px;
        line-height: 32px;
        background: url(../images/dian.png) left 10px no-repeat;
        padding-left: 15px;
    }

    .bra_txt p i {
        background: url(../images/dian.png) left 5px no-repeat;
    }

    .cre_tit02 {
        width: 100%;
        margin: 0 auto;
        display: block;
        overflow: hidden;
        padding-left: 0;
    }

    .cre_tit02 .c_img {
        display: block;
        overflow: hidden;
        width: 28%;
        margin-left: 1%;
    }

    .cre_tit02 .c_img img {
        width: 100%;
        display: block;
    }

    .cre_tit02 .c_txt {
        width: 70%;
        display: block;
    }

    .cre_tit02 .c_txt h3 {
        font-size: 22px;
        color: #5e5a5b;
        line-height: 36px;
    }

    .c_more {
        width: 60%;
        margin: 15px auto;
        display: block;
        overflow: hidden;
        text-align: center;
    }

    .c_more a {
        display: block;
        padding: 10px 0;
        font-size: 16px;
        color: #fff;
        border-radius: 30px;
        background: #5f5d5e;
        font-weight: bold;
    }

    .index_brand,
    .ser_list {
        margin-top: 15px;
    }

    .ser_list ul li {
        width: 28%;
        float: left;
        margin: 2% 2.5% 4%;
        display: inline-table;
        overflow: hidden;
        text-align: center;
        flex: 1;
    }

    .ser_list ul li:nth-child(5) {
        margin: 2% 2.5% 4%;
    }

    .ser_list ul li img {
        width: 80%;
        margin: 0 auto;
    }

    .ser_list ul li p {
        font-size: 16px;
        color: #464445;
        line-height: 30px;
    }



    .bra_txt {
        width: 100%;
        display: block;
        margin-left: 0;
    }

    .bra_txt p {
        font-size: 16px;
        color: #4d4d4d;
        line-height: 40px;
        padding: 0 10px;

    }

    .bra_img {
        width: 100%;
        display: block;
        overflow: hidden;
    }

    .bra_img img {
        margin: 0 auto;
        display: block;
        width: 60%;
    }
    .index_value,
    .index_system {
        width: 100%;
        display: block;
        overflow: hidden;
        margin-top: 15px;
    }

    .index_purpose {
        width: 100%;
        display: block;
        overflow: hidden;
        background: url(../images/dingw_bg.jpg) center no-repeat;
        background-size: 400%;
    }

    .pur_txt {
        width: 95%;
        margin: 2% auto;
        display: block;
        overflow: hidden;
        padding-left: 5%;
    }

    .pur_txt h3 {
        font-size: 24px;
        color: #fff;
        line-height: 40px;
        margin-bottom: 15px;
        margin-top: 10px;
    }

    .pur_txt p {
        font-size: 14px;
        color: #fff;
        line-height: 32px;
        padding: 0 0 20px;
    }

    .index_company {
        margin: 20px 0;
        display: block;
        overflow: hidden;
    }

    .index_company .c_tet {
        font-size: 32px;
        color: #d2292e;
        text-align: center;
        line-height: 80px;
    }

    .com_list {
        width: 100%;
        display: block;
        overflow: hidden;
        margin-top: 20px;
        list-style: none;
    }

    .com_list li {
        float: left;
        display: block;
        width: 42%;
        padding: 0 3.5%;
        border-right: 1px solid #d2292e;
        min-height: 200px;
        margin-bottom: 15px;
    }

    .com_list li:nth-child(2n) {
        margin-right: 0 !important;
        border-right: none;
    }

    .com_list li h3 {
        text-align: center;
        font-size: 18px;
        color: #d2292e;
        line-height: 24px;
        font-weight: normal;
        margin-bottom: 15px;
    }

    .com_list li p {
        font-size: 14px;
        color: #000000;
        line-height: 24px;
    }

    .index_value ul li {
        width: 25%;
        float: left;
        padding: 0 4%;
        display: block;
        overflow: hidden;
        background: url(../images/va_bg.jpg) 0 35px repeat-x;
        min-height: 240px;
    }

    .index_value ul li:last-child {
        padding: 0 4%;
    }

    .index_value ul li i {
        width: 70%;
        border-radius: 100px;
        border: 1px solid #d2292e;
        display: block;
        text-align: center;
        margin: 0 auto;
        line-height: 60px;
        font-style: normal;
        font-size: 20px;
        background: #fff;
        color: #d2292e;
    }

    .index_value ul li p {
        margin-top: 15px;
        font-size: 14px;
        color: #4c4c4c;
        line-height: 20px;
        text-align: justify;
    }

    .index_system ul li {
        width: 90%;
        display: block;
        overflow: hidden;
        margin-bottom: 10px;
        padding-left: 20px;
        background: url(../images/dian.png) left 10px no-repeat;
        float: left;
        margin-left: 5%;

    }

    .index_system ul li:nth-child(2n) {
        margin-left: 5% !important;
        padding-left: 20px;
    }

    .index_system ul li h3 {
        font-size: 18px;
        color: #5b5b5b;
        line-height: 30px;
    }

    .index_system ul li p {
        font-size: 14px;
        color: #4c4c4c;
        line-height: 24px;
        text-align: justify;
    }

    .footer_l {
        width: 98%;
        border-bottom: 1px solid #8b8b8b;
        padding: 0 1% 3%;
        min-height: 0;
    }

    .footer_l img {
        margin-top: 5px;
    }

    .footer_l h3 {
        font-size: 16px;
        line-height: 30px;
        padding: 8px 0;
        color: #8b8b8b;
        font-weight: normal;
        margin-top: 0;
    }

    .footer_l p {
        font-size: 14px;
        line-height: 32px;
        color: #8b8b8b
    }

    .footer_l p a {
        color: #8b8b8b
    }

    .footer_2 {
        width: 98%;
        display: block;
        overflow: hidden;
        padding: 3% 2% 5%;
        border-bottom: 1px solid #8b8b8b;
    }

    .db_con {
        width: 100%;
        display: block;
        overflow: hidden
    }

    .db_con h3 {
        font-size: 18px;
        line-height: 30px;
        margin-bottom: 12px;
        color: #8b8b8b;
        font-weight: normal;
    }

    .db_con p {
        font-size: 14px;
        line-height: 24px;
        color: #8b8b8b
    }

    .ewm {
        width: 100%;
        display: block;
        overflow: hidden;
        margin-top: 20px;
    }

    .ewm ul {
        list-style: none;
        display: block;
    }

    .ewm ul li {
        width: 40%;
        display: block;
        margin: 0 5% 0 5%;
        float: left;
    }

    .ewm ul li:nth-child(2) {
        margin-right: 0;
    }

    .ewm ul li img {
        width: 80%;
        display: block;
        overflow: hidden;
        margin: 0 auto;
    }

    .keywords {
        width: 98%;
        display: block;
        overflow: hidden;
        padding: 2% 1%;
    }

    .key_txt {
        width: 100%;
        padding: 0 2% 3%;
        display: block;
        overflow: hidden;
    }

    .key_txt h3 {
        font-size: 16px;
        line-height: 30px;
        color: #8b8b8b;
        font-weight: normal;
        margin-bottom: 10px;
    }

    .key_txt p {
        font-size: 14px;
        line-height: 22px;
        color: #8b8b8b
    }

    .key_ewm {
        width: 100%;
        display: block;
        overflow: hidden;
    }

    .key_ewm img {
        width: 35%;
        display: block;
        margin: 0px auto 0;
    }

    .key_ewm p {
        font-size: 13px;
        line-height: 20px;
        color: #8b8b8b;
        text-align: center;
        padding: 12px 0 0;
    }

    .biaodan {
        width: 88%;
        background: #fff;
        position: fixed;
        top: 120px;
        left: 3%;
        z-index: 9999;
        padding: 3%;
        display: none;
        border-radius: 10px;
    }

    .biaodan h3 {
        font-size: 16px;
        color: #747474;
        line-height: 36px;

    }

    .liuyan li {
        width: 85%;
        font-size: 18px;
        padding: 3px 0;
        display: block;
        float: left;
        margin: 1% 2% 0% 1%;
    }

    .ipt {
        border: 1px solid #7b7b7b;
        padding: 5px 15px;
        border-radius: 10px;
        font-size: 14px;
        line-height: 30px;
        width: 100%;
        color: #999;
    }

    .liuyan li:nth-child(5) {
        width: 88%;
        display: block;
    }

    .liuyan li:nth-child(6) {
        width: 80%;
    }

    .liuyan li .submitBtn {
        width: 50%;
        margin: 0 auto;
    }

    .qq_online {
        width: 96%;
        background: #fff;
        position: fixed;
        top: 100px;
        z-index: 9999;
        padding: 5% 0;
        left: 2%;
    }



    .qq_online2,
    .qq_online3,
    .qq_online4 {
        width: 86%;
        background: #fff;
        position: fixed;
        top: 120px;
        z-index: 9999;
        padding: 5%;
        left: 2%;
    }

    .qq_img {
        width: 35%;
        display: block;
        overflow: hidden;
    }

    .zixun p span {
        font-size: 12px;
        color: #999;
        margin-right: 0;
    }

    .zixun {
        width: 65%;
        display: block;
        overflow: hidden;
    }

    .zixun p {
        display: block;
        overflow: hidden;
        font-size: 14px;
        color: #999;
        line-height: 24px;
    }

    .zixun p i {
        font-style: normal;
        font-size: 18px;
        color: #666;
        font-weight: bold;
    }

    .zixun h4 {
        font-size: 14px;
        color: #666;
        line-height: 26px;
        margin: 5px 0;
    }

    .zixun img {
        width: 100%;
    }

    .qq_con01 img {
        width: 18%;
    }

    .qq_con01 {
        width: 100%;
    }

    .qq_con img {
        width: 23%;
        display: block;
        padding-left: 5%;
    }

    .qq_con .qq_txt {
        width: 65%;
    }

    .qq_con .qq_txt p {
        font-size: 22px;
    }

    .index_about span {
        font-size: 18px;
        padding: 20px 0 10px 0;
    }

    .index_about p {
        line-height: 24px;
        font-size: 14px;
    }

    .ft_ewm {
        padding: 30px 0px;
        width: 95%;
        margin: 0 auto;
    }

    .ft_ewm img {
        width: 40%;
        float: left;
    }

    .ft_ewm .fr {
        float: left;
        width: 58%;
        margin-left: 2%;
    }

    .ft_ewm span {
        font-size: 14px;
        color: #E60012;
        display: block;
        font-weight: bold;
        padding: 10px 0;
    }

    .ft_ewm p {
        line-height: 24px;
    }

    .ft_other {
        width: 95%;
        margin: 20px auto;
    }

    .ft_other a {
        border: 1px solid #E60012;
        color: #E60012;
        font-size: 14px;
        padding: 10px 0px;
        display: block;
        float: left;
        margin: 0 1.3%;
        width: 30%;
        text-align: center;
        margin-bottom: 10px;
    }

    .logo {
        margin: 10px 0 0 10px;
        width: 80%;
    }

    .logo img {
        width: 120px;
        float: none;
        display: block;
    }
   

    .header div.wrap,
    .pd2 {
        height: 80px;
    }

    .work-list div {
        width: 100%
    }

    .footer_l dl {
        display: inline-block;
        float: none;
        vertical-align: top
    }

    .footer_r {
        width: 100%;
        text-align: center
    }

    .mobile-nav {
        display: block
    }

    .nav {
        display: none
    }

    .sub_nav,
    .pd {
        display: none
    }

    .foot_copy img {
        position: static;
        width: 30px
    }

    .banner {
        clear: both;
    }

    .footer_out {
        width: 95%;
        margin: 0 auto;
        font-size: 12px;
    }

    .coin01 {
        background: url(../images/coin01.jpg) no-repeat 0px 5px;
        padding-left: 20px;
        line-height: 24px;
    }

    .coin02 {
        background: url(../images/coin02.jpg) no-repeat 0px 5px;
        padding-left: 20px;
        line-height: 24px;
    }

    .coin03 {
        background: url(../images/coin03.jpg) no-repeat 0px 5px;
        padding-left: 20px;
        line-height: 24px;
    }

    .coin05 {
        width: 100%;
        clear: both;
    }

    .ft_top {
        height: 70px;
        width: 100%;

    }

    .ab_txt,
    .yw_txt {
        width: 100%;
        clear: both;
        padding-bottom: 10px;

    }

    .ab_item,
    .yw_item {
        min-height: auto;
    }

    .com_box {
        height: 100px;
        line-height: 36px;
    }

    .com_box div {
        color: #fff;
        width: 100%;
        margin: 0px auto;
        font-size: 14px;
        font-weight: bold;
    }

    .com_box div a.zixun {
        margin-top: 6px;
        padding: 0 20px;
        line-height: 20px;
        height: 20px;
        color: #fb0014;
        font-size: 12px;
    }

    .footer {
        padding-bottom: 10px;
    }

    .fixed {
        display: none;
    }

    .contact_banner {
        padding: 30px 0;
    }

    .contact_banner p {
        line-height: 26px;
        font-size: 14px;
        text-align: center;
        padding: 0 10px;
    }

    .othe_ewm {
        text-align: center;
        padding: 20px 0;
        font-size: 14px;
        width: 98%;
        margin: 0 auto;
    }

    .othe_ewm li {
        float: left;
        width: 31%;
        margin: 0 1%;
    }

    .othe_ewm li img {
        width: 100%;
    }

    .logo span {
        display: block;       
        font-size: 14px;  line-height: 24px; margin-left: 0;       
        color: #000;
    }

    .a_part01_r h3{
        text-align: center;
        color: #E60012;
    }
    .a_part04 ul li h3{
        text-align: center;
        line-height: 40px;
    }
    .a_part05_l{
        font-size: 16px;
    }
    .a_part05_r h3{
        text-align: center;
        color: #E60012;
    }

}

@media (max-width:400px) {
    .work-list div {
        width: 100%
    }
}

.page {
    clear: both;
    margin: 20px 0px 0px 0px;
    text-align: center;
}

.page a {
    display: inline-block;
    font-family: Arial;
    font-size: 13px;
    border: #dbdbdb 1px solid;
    padding: 4px 9px;
    margin: 2px;
    margin-bottom: 5px;
    color: #31363c;
    text-decoration: none
}

.page a:hover,
.page a:focus {
    font-family: Arial;
    font-size: 13px;
    border: #000 1px solid;
    padding: 4px 9px;
    color: #fff;
    background-color: #31363c;
}

.page .current {
    font-family: Arial;
    border: #000 1px solid;
    font-size: 13px;
    padding: 5px 9px;
    color: #fff;
    margin: 2px;
    background-color: #31363c
}

.about_out ul{
	display:flex;
	justify-content:center
}


.index_news{overflow: hidden; padding: 30px;}
.index_news dl{width: 33.33%;float: left;box-sizing: border-box;padding-right: 30px;}
.index_news dl dt{overflow: hidden;margin-bottom: 32px;}
.index_news dl dt h2{float: left;font-size: 22px;color: #252525;}
.index_news dl dt a{float: right;font-size: 14px;color: #d00000;}
.index_news dl dd{border-right: 1px solid #cbcbcb;}
.index_news dl dd a{display: block;line-height: 31px;width: 80%; overflow:hidden;-o-text-overflow:ellipsis;white-space:nowrap;text-overflow:ellipsis;}

.index_news dl:nth-child(3){ padding-right: 0; }

@media(max-width: 992px){
    .index_news dl dt h2{font-size: 20px;}
    .index_news dl dt{margin-bottom: 20px;}
    .index_news dl dd a{font-size: 14px;line-height: 28px;width: 95%;}
    .index_news dl{padding:0 10px;box-sizing: border-box;width: 100%; margin-bottom: 12px;}
}

@media (max-width: 560px){

    .index_news dl dt h2{font-size: 18px;}
}