@charset "utf-8";

body,
html {
    overflow-x: hidden;
}

body {
    color: #595757;
    height: auto;
    box-sizing: border-box;
    background-color:#fff;
    font-size: 12px;
}

.course {
    -moz-user-select: none;
    /*火狐*/
    -webkit-user-select: none;
    /*webkit浏览器*/
    -ms-user-select: none;
    /*IE10*/
    -khtml-user-select: none;
    /*早期浏览器*/
    user-select: none;
}

a {
    color: #323235;
    text-decoration: none;
}

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

i,
em {
    font-style: normal;
}

.img_max {
    display: block !important;
}

.img_min {
    display: none !important;
}

.brand_service .pd:hover .img i {
    -webkit-animation-iteration-count: 1;
    -webkit-animation: hover_btn_four 0.5s linear 0s;
    animation-iteration-count: 1;
    animation: hover_btn_four 0.5s linear 0s;
}

@keyframes hover_btn_four {

    from,
    20%,
    40%,
    60%,
    80%,
    to {
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }

    0% {
        opacity: 0.8;
        transform: skew(0deg, 0deg);
    }

    20% {
        transform: skew(5deg, 0deg);
    }

    40% {
        transform: scale3d(1.2, .9, .9);
    }

    60% {
        opacity: 1;
        transform: scale3d(0.95, 1.05, 1.03);
    }

    80% {
        transform: scale3d(1.05, 0.97, .97);
    }

    to {
        opacity: 1;
        transform: scale3d(1, 1, 1);
    }
}

.top_tel span,
.about_con2 .img .h3,
.number_lsit .h3,
.quick_fw .p,
.app_list .img span,
.about_con1 .text .em,
.standard .i,
.banner_contact .text .c,
.tit2 a {
    font-family: 'DIN-Medium';
}

.slick-dots {
    position: absolute;
    left: 50%;
    bottom: 10px;
}

.slick-dots li {
    float: left;
    margin: 0 6px;
}

.slick-dots li button {
    display: block;
    border: none;
    padding: 0px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    text-indent: -99px;
    overflow: hidden;
    background: #fff;
    box-sizing: border-box;
    border: none;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
}

.slick-dots li.slick-active button {
    background: #ff6502;
}

.slick-arrow {
    font-size: 24px;
    position: absolute;
    top: 50%;
    z-index: 2;
    height: 32px;
    margin-top: -22px;
    line-height: 32px;
    width: 32px;
    text-align: center;
    padding: 0px;
    border: none;
    color: #000;
    background: none;
}

.slick-prev {
    left: 0px;
}

.slick-prev:before {
    content: "\e701";
}

.slick-next {
    right: 0px;
}

.slick-next:before {
    content: "\e704";
}

.btn {
    color: #fff;
    background: #000;
    position: relative;
    overflow: hidden;
    display: block;
}

.btn:before {
    content: attr(data-text);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
}

.btn:before,
.btn span {
    display: block;
    -webkit-transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
    transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
    box-sizing: border-box;
}

.btn:hover:before {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.btn:hover span {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
}

.btn2 {
    -webkit-transition: background-color 0.3s, color 0.3s;
    transition: background-color 0.3s, color 0.3s;
    position: relative;
}

.btn2:before {
    content: '';
    position: absolute;
    top: -20px;
    left: -20px;
    bottom: -20px;
    right: -20px;
    background: inherit;
    border-radius: 50px;
    z-index: -1;
    opacity: 0.4;
    -webkit-transform: scale3d(0.8, 0.5, 1);
    transform: scale3d(0.8, 0.5, 1);
}

.btn2:hover {
    -webkit-transition: background-color 0.1s 0.3s, color 0.1s 0.3s;
    transition: background-color 0.1s 0.3s, color 0.1s 0.3s;
    color: #ECEFF1;
    background-color: #3f51b5;
    -webkit-animation: anim-moema-1 0.3s forwards;
    animation: anim-moema-1 0.3s forwards;
}

.btn2:hover:before {
    -webkit-animation: anim-moema-2 0.3s 0.3s forwards;
    animation: anim-moema-2 0.3s 0.3s forwards;
}

@-webkit-keyframes anim-moema-1 {
    60% {
        -webkit-transform: scale3d(0.8, 0.8, 1);
        transform: scale3d(0.8, 0.8, 1);
    }

    85% {
        -webkit-transform: scale3d(1.1, 1.1, 1);
        transform: scale3d(1.1, 1.1, 1);
    }

    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes anim-moema-1 {
    60% {
        -webkit-transform: scale3d(0.8, 0.8, 1);
        transform: scale3d(0.8, 0.8, 1);
    }

    85% {
        -webkit-transform: scale3d(1.1, 1.1, 1);
        transform: scale3d(1.1, 1.1, 1);
    }

    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@-webkit-keyframes anim-moema-2 {
    to {
        opacity: 0;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes anim-moema-2 {
    to {
        opacity: 0;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

.slick-arrow,
.brand_text .m em,
.btext .m a,
.btext .h3,
.btext .p,
.btext .m,
.msItem .text,
.case_ul .tag,
.pic_ul .tag,
.case_ul .text,
.pic_ul .text,
.case_ul .img img,
.pic_ul .img img,
.msMore a,
.header,
.header .wp,
.menu .h3 a,
.logo,
body,
.service_2 .pd,
.service_2 .img img,
.msNews_con .img img,
.service_2 .pd .m i,
.msItem .pd,
.case_list .text,
.case_list .b,
.case_m a,
.brand_service .img i,
.btn,
.news_list .img img,
.news_list .pd,
.picIntro .img .m a,
.about_con2 .img .m a,
.tjnews_list .pd,
.news_flip a,
.tj_tag_list a,
.quick_nav2 li,
.quick_nav1 a,
.case_nav,
.logo img,
.pic_tj .img img,
.tj_service_list .img img,
.tj_case_list .img img,
.menu .h3 a:after,
.business .img img,
.business .m,
.intro .img img,
.intro .m {
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.psBrand .img img,
.hsBrand .img img {
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.fa_right,
.btext_2 .h3,
.btext_2 .p,
.btext_2 .m,
.btext_4 .h3,
.btext_4 .p,
.btext_4 .m {
    transform: translate(-100px, 0);
    opacity: 0;
    transition: all .6s linear;
}

.fa_left,
.btext_1 .h3,
.btext_1 .p,
.btext_1 .m {
    transform: translate(100px, 0);
    opacity: 0;
    transition: all .6s linear;
}

.fa_bottom {
    transform: translate(0, -100%);
    opacity: 0;
    transition: all .6s linear;
}

.fa_top,
.btext_3 .h3,
.btext_3 .p,
.btext_3 .m {
    transform: translate(0, 100%);
    opacity: 0;
    transition: all .6s linear;
}

.btext .h3 {
    transition-delay: 0.7s;
}

.btext .p {
    transition-delay: 0.9s;
}

.btext .m {
    transition-delay: 1.1s;
}

.m-b-50 {
    margin-bottom: 50px;
}

.m-t-50 {
    margin-top: 50px;
}

.p-b-50 {
    padding-bottom: 50px;
}

.p-b-20 {
    padding-bottom: 20px;
}

.slick-active .btext .h3,
.slick-active .btext .p,
.slick-active .btext .m {
    transform: translate(0, 0);
    opacity: 1;
}

/* basic */
.f_l {
    float: left;
}

.f_r {
    float: right;
}

.t_l {
    text-align: left;
}

.t_r {
    text-align: right;
}

.t_c {
    text-align: center;
}

.f_b {
    font-weight: bold;
}

.f_n {
    font-weight: normal;
}

.f_white {
    color: white;
}

.f_gray {
    color: #666666;
}

.f_orange {
    color: #FF6600;
}

.f_red {
    color: red;
}

.f_green {
    color: green;
}

.f_blue {
    color: blue;
}

.f_dblue {
    color: #007AFF;
}

.f_price {
    font-weight: bold;
    font-family: Arial;
    color: #FF0000;
}

.px12 {
    font-size: 12px;
}

.px14 {
    font-size: 14px;
}

.px16 {
    font-size: 16px;
}

.px18 {
    font-size: 18px;
}

.bd-t {
    border-top: #DDDDDD 1px solid;
}

.bd-b {
    border-bottom: #DDDDDD 1px solid;
}

.b10 {
    height: 10px;
}

.b16 {
    height: 16px;
}

.b20 {
    height: 20px;
}

.b24 {
    height: 24px;
}

.b32 {
    height: 32px;
}

.pd3 {
    padding: 3px;
}

.pd5 {
    padding: 5px;
}

.pd10 {
    padding: 10px;
}

.pd15 {
    padding: 15px;
}

.pd20 {
    padding: 20px;
}

.lh18 {
    line-height: 180%;
}

.ls1 {
    letter-spacing: 1px;
}

.c_p {
    cursor: pointer;
}

.c_b {
    clear: both;
}

.o_h {
    overflow: hidden;
}

.dsn {
    display: none;
}

.absm {
    vertical-align: middle;
}

.btn_s {
    background: #2388FA;
    color: #FFFFFF;
    border: none;
    padding: 2px;
    letter-spacing: 1px;
}

.btn_r {
    background: #D7D7D7;
    color: #666666;
    border: none;
    padding: 2px;
    letter-spacing: 1px;
}

.bd {
    border: #CAD9EA 1px solid;
}

.highlight {
    color: red;
}

.jt {
    color: #003278;
    cursor: pointer;
}

.np {
    padding: 20px 30px 20px 50px;
    line-height: 25px;
}

.lazy {
    background: #FAFAFA url('image/loading.html') no-repeat center center;
}

.slide {
    background: #FAFAFA;
    overflow: hidden;
}

.btn,
.btn-green,
.btn-blue,
.btn-red {
    color: #FFFFFF;
    font-size: 14px;
    width: 100px;
    line-height: 32px;
    border: none;
    border-radius: 4px;
    text-align: center;
    cursor: pointer;
    padding: 0;
    -webkit-appearance: none;
}

.btn {
    background: #FFFFFF;
    border: #DDDDDD 1px solid;
    color: #333333;
}

.btn a {
    border: #CDCDCD 1px solid;
}

.btn a:hover {
    background: #D9D9D9;
    border: #cdcdcd 1px solid;
}

.btn-green {
    background: #1AAD19;
    border: #18A117 1px solid;
    color: #FFFFFF;
}

.btn-green:hover {
    background: #179B16;
    border: #159014 1px solid;
}

.btn-blue {
    background: #007AFF;
    border: #1E74D0 1px solid;
    color: #FFFFFF;
}

.btn-blue:hover {
    background: #0569D5;
}

.btn-red {
    background: #F8F8F8;
    border: #C6C6C6 1px solid;
}

.btn-red:hover {
    background: #CE3C39;
    border: #BF3835 1px solid;
    color: #FFFFFF;
}

.swt1 {
    font-family: GrotzecCond-Bold, Impact, sans-serif;
    font-size: calc(6.25vw + 20px);
}

.swt2 {
    font-family: BornReadySlanted-Regular, serif;
    font-size: calc(6.25vw + 20px);
}

.mt20 {
    margin-top: 20px;
}

.mt50 {
    margin-top: 50px;
}

.mt60 {
    margin-top: 60px;
}

.mt80 {
    margin-top: 80px;
}

.mb20 {
    margin-bottom: 20px;
}

.mb50 {
    margin-bottom: 50px;
}

.mb60 {
    margin-bottom: 60px;
}

.mb80 {
    margin-bottom: 80px;
}

.pt20 {
    padding-top: 20px;
}

.pt40 {
    padding-top: 40px;
}

.pt50 {
    padding-top: 50px;
}

.pt60 {
    padding-top: 60px;
}

.pt80 {
    padding-top: 80px;
}

.pb20 {
    padding-bottom: 20px;
}

.pb40 {
    padding-bottom: 40px;
}

.pb50 {
    padding-bottom: 50px;
}

.pb60 {
    padding-bottom: 60px;
}

.pb80 {
    padding-bottom: 80px;
}

.h100 {
    height: 100px;
}

.h200 {
    height: 200px;
}

.h300 {
    height: 300px;
}

.h400 {
    height: 400px;
}

.h500 {
    height: 500px;
}

.h550 {
    height: 550px;
}

.h600 {
    height: 600px;
}

.h650 {
    height: 650px;
}

.w30 {
    width: 30%;
}

.w50 {
    width: 50%;
}

.w60 {
    width: 60%;
}

.w80 {
    width: 80%;
}

.ml50 {
    margin-left: 50%;
}

.ml30 {
    margin-left: 30%;
}

.case_ul .img,
.pic_ul .img,
.service_2 .img,
.msNews_con .img,
.news_list .img,
.business .img,
.intro .img {
    overflow: hidden;
}

.case_ul .pd:hover .img img,
.pic_ul .pd:hover .img img,
.service_2 .pd:hover .img img,
.msNews_con .pd:hover .img img,
.news_list .pd:hover .img img,
.pic_tj .pd:hover .img img,
.tj_service_list .pd:hover .img img,
.tj_case_list .pd:hover .img img,
.business .pd:hover .img img,
.intro .pd:hover .img img {
    transform: scale(1.1);
}

.business .pd:hover .m {
    transform: translate(10px, 0);
}

.intro .pd:hover .m {
    transform: translate(10px, 0);
}

.psBrand .pd:hover img,
.hsBrand .pd:hover img {
    transform: scale(0.92, 0.9);
}

.psBrand .curr:hover img,
.hsBrand .curr:hover img {
    transform: scale(0.92, 0.9);
}

.psBrand .img img,
.hsBrand .img img {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
    opacity: 0.5;
}

.psBrand .pd:hover .img img,
.hsBrand .pd:hover .img img {
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    filter: grayscale(0%);
    filter: none;
    opacity: 1;
}

.psBrand .curr .img img,
.hsBrand .curr .img img {
    -webkit-filter: grayscale(90%);
    -moz-filter: grayscale(90%);
    -ms-filter: grayscale(90%);
    -o-filter: grayscale(90%);
    filter: grayscale(90%);
    filter: none;
    opacity: 1;
}


/*.intro .pd:hover img{transform: scale(0.92,0.9);}
.intro .img img{-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray; opacity:0.6;}
.intro .pd:hover .img img{-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: grayscale(0%); filter: none; opacity:1;}
*/
.msItem .pd:hover {
    /*transform:translate3d(0,-10px ,0); box-shadow:0 15px 20px rgba(0,0,0,.2);*/
}

.news_list {
    margin: 0 auto;
}

.news_list .pd:hover {
    transform: translate3d(0, -10px, 0);
    box-shadow: 0 15px 20px rgba(0, 0, 0, .2);
}

.tjnews_list .pd:hover {
    transform: translate3d(0, -5px, 0);
    box-shadow: 0 5px 15px rgba(0, 0, 0, .2);
}

.menu-link {
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

.menu-link * {
    box-sizing: border-box;
}

.menu-link {
    display: none;
    border-radius: 5px;
    box-sizing: border-box;
    position: fixed;
    top: 10px;
    right: 22px;
    font-size: 11px;
    z-index: 10;
    width: 40px;
    height: 40px;
    padding: 8px;
}

.menu-link:hover,
.menu-link:focus {}

.menu-link span {
    position: relative;
    display: block;
    margin-top: 10px;
}

.menu-link span,
.menu-link span:before,
.menu-link span:after {
    background-color: #666;
    width: 100%;
    height: 3px;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}

.menu-link span:before,
.menu-link span:after {
    position: absolute;
    top: -.55em;
    content: " ";
}

.menu-link span:after {
    top: .55em;
}

.menu-link.active span {
    background: transparent;
}

.menu-link.active span:before {
    -webkit-transform: rotate(45deg) translate(.5em, .4em);
    -moz-transform: rotate(45deg) translate(.5em, .4em);
    -ms-transform: rotate(45deg) translate(.5em, .4em);
    -o-transform: rotate(45deg) translate(.5em, .4em);
    transform: rotate(45deg) translate(.5em, .4em);
}

.menu-link.active span:after {
    -webkit-transform: rotate(-45deg) translate(.4em, -.3em);
    -moz-transform: rotate(-45deg) translate(.4em, -.3em);
    -ms-transform: rotate(-45deg) translate(.4em, -.3em);
    -o-transform: rotate(-45deg) translate(.4em, -.3em);
    transform: rotate(-45deg) translate(.4em, -.3em);
}

.menu .h3 em,
.menu .h3 span,
.slick-arrow {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-shadow: 0 0 3px rgba(255, 255, 255, 0.3);
}

.wbg {
    background: #fff;
}

#wbg {
    background: #fff;
}

.ha_bp {
    background: url(../images/banner3.jpg) #fff;
}

.abg {
    background-image: url(../images/banner.jpg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-color: #000;
}

.bbg {
    background: #fff;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-position: center 0;
}

.cbg {
    background: #fff;
}

.dbg {
    background: #fff;
}

.ebg {
    background: #fff;
}

.fbg {
    background: #fff;
}

.gbg {
    background: #fff;
}

.hbg {
    background: #f6f6f6;
}

.wp {
    margin: 0 auto;
    position: relative;
}

.wwp {
    /* width:1500px;*/
    width: 100%;
    margin: 0 auto;
    position: relative;
}

.w100 {
    width: 100%;
    margin: auto;
    /* border-left:#f6f6f6 solid 1px;border-right:#f6f6f6 solid 1px;*/
}

.w90 {
    width: 95%;
    margin: auto;
    /* border-left:#f6f6f6 solid 1px;border-right:#f6f6f6 solid 1px;*/
}

.w92 {
    width: 92%;
}

.w94 {
    width: 94%;
}

.w96 {
    width: 96%;
}

.w1280 {
    width: 1280px;
}

.w1280b {
    width: 1280px;
}

.header-top {
    position: relative;
    font-size: 13px;
    padding: 7px 0px;
    background: #313230;
    color: #ffffff;
    font-family: 'Roboto', sans-serif;
    border-bottom: 5px solid #ff6502;
}

.header-top a {
    color: #ffffff;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}

.header-top .links-nav li {
    position: relative;
    float: left;
    margin-right: 25px;
}

.header-top .top-right .links-nav li {
    margin-right: 0px;
    margin-left: 25px;
}

.header-top .links-nav li a {
    position: relative;
    line-height: 26px;
    font-size: 12px;
    color: #d1d1d1;
    font-family: 'Open Sans', sans-serif;
    -webkit-transition: .5s;
    transition: .5s;
}

.header-top .links-nav li a:hover {
    color: #ff6502;
    -webkit-transition: .5s;
    transition: .5s;
}

.header-top .links-nav li .fa {
    padding-right: 8px;
    font-size: 16px;
    color: #ff6502;
}

.header-top .social-links a {
    position: relative;
    display: inline-block;
    font-size: 12px;
    color: #d1d1d1;
    padding: 0px 15px;
    line-height: 26px;
    border-left: 1px solid #4a4b4a;
}

.header-top .social-links a:last-child {
    border-right: 1px solid #4a4b4a;
}

.header-top a:hover {
    color: #ff6502;
}

.container {
    padding: 0;
}

.pull-left {
    float: left !important;
}

.header {
    position: absolute;
    /* position:relative; */
    background: rgba(255, 255, 255, 0.9);
    z-index: 15;
    /*box-shadow:0 1px 0 0 rgba(0,0,0,0.2);*/
    /*box-shadow:0 1px 0 0 rgba(224,224,224,1); */
    -webkit-transform: translateZ(0);
    border-bottom: 2px solid #ebecf0;
    /*width: 100%;*/
    width: 100%;
    margin: 0 auto;
}

.headerBg {
    background: rgba(255, 255, 255, 0.9);
}

.header .wp {
    /*width: 1280px;
	width: 90%;*/
    margin: 0 auto;
    height: 70px;
}

.logo {
    width: 214px;
    display: block;
    position: absolute;
    margin-top: -25px;
    top: 50%;
}

.logo img {
    width: 150px;
    height: auto;
    display: block;
    margin-top: 9px;
}

.menu {
    text-align: center;
}

.menu ul {
    display: inline-block;
    vertical-align: bottom;
    float: right;
    margin-right: 160px;
}

.menu li {
    float: left;
    position: relative;
}

.menu .h3 a {
    display: block;
    padding: 0 10px;
    margin: 0 10px;
    height: 70px;
    line-height: 70px;
    font-size: 13px;
    color: #000;
    position: relative;
}

.menu .h3 a:after {
    content: '\20';
    bottom: 0px;
    position: absolute;
    height: 2px;
    background: #ff6502;
    left: 0px;
    width: 0%;
    line-height: 63px;
}

/*over menu*/
.menu .h3 i {
    display: none;
}

.menu .h3 a:hover,
.menu .curr .h3 a {
    color: #ff6502
}

.menu .h3 a:hover:after {
    width: 100%;
}

.menu .box {
    position: fixed;
    display: none;
    /*left:-10px;*/
    right: 0px;
    top: 70px;
    background: rgba(255, 255, 255, 0.95);
    border-top: 1px #ff6502 solid;
    width: 100%;
}

.menu .box ul {
    float: right;
    margin-right: 15%;
}

.menu .box ul a {
    display: block;
    color: #000;
    height: 30px;
    line-height: 30px;
    text-align: center;
    float: left;
    padding: 5px 20px;
    font-size: 12px;
}

.menu .box ul a:hover {
    background: rgba(227, 227, 227, 0.5);
    color: #000
}

.menu li:hover .box {
    display: block;
}

.fixed-nav .box {
    top: 70px;
}

.fixed-nav .header {
    position: fixed;
    left: 0px;
    /*top:-70px;*/
    /*下拉时隐藏*/
    top: 0px;
    right: 0px;
}

.fixed-nav .header .wp {
    height: 70px;
}

.fixed-nav .logo {
    width: 200px;
    margin-top: -25px;
}

.fixed-nav .menu .h3 a {
    height: 70px;
    line-height: 70px;
}

.fixed-nav .menu .h3 a:after {
    bottom: 10px;
}

.fixed-nav-appear .header,
.fix_sec .header {
    top: 0px;
}

.top_tel {
    position: absolute;
    right: 0px;
    top: 50%;
    padding-left: 40px;
    margin-top: -16px;
}

.top_tel .icon-dianhua {
    left: 0px;
    top: 0px;
    font-size: 18px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    position: absolute;
    color: #000;
}

.top_tel span {
    line-height: 30px;
    height: 30px;
    display: block;
    color: #000;
    font-size: 18px;
}

.slick-slide {
    position: relative;
    display: block;
}

.slick-slide a {
    display: block;
}

.slick-slide img {
    /*width:100%; height:auto; height:750px;*/
    display: block;
}

/* .msBanner{position:relative; width:100%; margin:0 auto;margin-top:70px;}
.msBanner .slick-arrow{font-size:28px; position:absolute; top:50%; z-index:2; height:50px; margin-top:-29px; line-height:50px; width:50px; text-align:center; padding:0px; border:none; color:rgba(255,255,255,1); background:rgba(0,0,0,0); opacity:0; }
.msBanner .slick-prev{ left:20px;}
.msBanner .slick-prev:before{ content: "\e701"; }
.msBanner .slick-next{ right:20px;}
.msBanner .slick-next:before{ content: "\e704"; }
.msBanner .single-item:hover .slick-arrow{ opacity:1; background:rgba(255,255,255,0.20); border:1px solid rgba(255,255,255,0.20);}

.msBanner .slick-dots{ position:absolute; margin-left:-15px; left:50%; bottom:60px;}
.msBanner .slick-dots li{ float:left; margin:0 6px;}
.msBanner .slick-dots li button{ display:block; border:none; padding:0px; width:12px; height:12px; border-radius:50%; text-indent:-99px; overflow:hidden; background:rgba(255,255,255,1); box-sizing:border-box; border:none;}
.msBanner .slick-dots li.slick-active button{ background:rgba(255,255,255,0); box-shadow:0 0 0 1px rgba(255,255,255,1); }
.msBanner .pd{ height:550px; width:100%;}
.msBanner video{ position:absolute; left:0px; top:0px; right:0px; bottom:0px; width:100%;} */

.msBanner {
    padding-bottom: 40px;
    position: relative;
    background-color: #fff;
}

.msBanner .slick-arrow {
    font-size: 28px;
    position: absolute;
    top: 50%;
    z-index: 2;
    height: 58px;
    margin-top: -29px;
    line-height: 58px;
    width: 58px;
    text-align: center;
    padding: 0px;
    border: none;
    color: rgba(255, 255, 255, 1);
    background: rgba(0, 0, 0, 0);
    opacity: 0;
    /*border-radius:50%;*/
}

.msBanner .slick-prev {
    left: 120px;
}

.msBanner .slick-prev:before {
    content: "\e701";
}

.msBanner .slick-next {
    right: 120px;
}

.msBanner .slick-next:before {
    content: "\e704";
}

.msBanner .single-item:hover .slick-arrow {
    opacity: 1;
    background: rgba(238, 119, 0, 0.68);
}

.msBanner .slick-dots {
    position: absolute;
    margin-left: -15px;
    left: 50%;
    bottom: 110px;
}

.msBanner .slick-dots li {
    float: left;
    margin: 0 6px;
}

.msBanner .slick-dots li button {
    display: block;
    border: none;
    padding: 0px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    text-indent: -99px;
    overflow: hidden;
    background: rgba(255, 255, 255, 1);
    box-sizing: border-box;
    border: none;
}

.msBanner .slick-dots li.slick-active button {
    background: rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 1);
}

.msBanner .pd {
    background: #000;
}

.msBanner video {
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    width: 100%;
}

/*picShow*/
/* .pic_Con{ padding:30px 0 35px 0;}
.picShow{position:relative; width:580px;}
.picShow .slick-arrow{font-size:28px; position:absolute; top:50%;z-index:2; height:50px; margin-top:-29px; line-height:50px; width:50px; text-align:center; padding:0px; border:none; color:rgba(255,255,255,1); background:rgba(0,0,0,0); opacity:0;}
.picShow .slick-prev{ left:20px;}
.picShow .slick-prev:before{ content: "\e701"; }
.picShow .slick-next{ right:20px;}
.picShow .slick-next:before{ content: "\e704"; }
.picShow .single-item:hover .slick-arrow{ opacity:1; background:rgba(255,255,255,0.20); border:1px solid rgba(255,255,255,0.20);}

.picShow .slick-dots{ position:absolute; margin-left:-15px; left:50%; bottom:60px;}
.picShow .slick-dots li{ float:left; margin:0 6px;}
.picShow .slick-dots li button{ display:block; border:none; padding:0px; width:12px; height:12px; border-radius:50%; text-indent:-99px; overflow:hidden; background:rgba(255,255,255,1); box-sizing:border-box; border:none;}
.picShow .slick-dots li.slick-active button{ background:rgba(255,255,255,0); box-shadow:0 0 0 1px rgba(255,255,255,1); }
.picShow .pd{width:100%;}
.picShow video{ position:absolute; left:0px; top:0px; right:0px; bottom:0px; width:100%;} */

/* .btext{ position:absolute; z-index:2; color:#666;}
.btext .h3{ font-size:35px; line-height:1; margin-bottom:15px;}
.btext .p{ font-size:16px; line-height:1.2444;}
.btext .m{ padding-top:35px;}
.btext .m a{width: 130px; color: #fff; height: 30px; border: 1px solid #f08200; text-align: center; line-height: 30px; font-size: 12px; display: block; border-radius: 26px;background:#ff6502;}
.btext .m a:hover{ background:#ff6502; border-color:#f08200; color:#fff} */

.btext {
    position: absolute;
    z-index: 2;
    color: #fff;
}

.btext .h3 {
    font-size: 72px;
    line-height: 1;
    margin-bottom: 36px;
}

.btext .p {
    font-size: 35px;
    font-weight: lighter;
    line-height: 1.2444;
}

.btext .m {
    padding-top: 80px;
}

.btext .m a {
    width: 200px;
    color: #fff;
    height: 52px;
    border: 1px solid #fff;
    text-align: center;
    line-height: 52px;
    font-size: 16px;
    display: block;
    border-radius: 26px;
}

.btext .m a:hover {
    background: #f08300;
    border-color: #f08300;
}

/** TWEET BOX **/
.tweet-box {
    width: 256px;
    float: left;
    background: url(../images/quote.png) no-repeat left 5px;
    padding-left: 35px;
    padding-bottom: 14px;
    margin-bottom: 14px;
    border-bottom: 1px solid #c3c7cc
}

.tweet-box a {
    color: #3c9ccd;
    border-bottom: 1px solid #dadde2;
    -moz-transition: none;
    -webkit-transition: none;
    -o-transition: color 0 ease-in;
    transition: none;
}

.tweet-box a:hover {
    border-bottom: 0px solid #dadde2
}

.time {
    color: #84878c;
    padding-top: 7px;
    display: block
}


.btext_1 {
    left: 50%;
    top: 40%;
}

.btext_2 {
    left: 11%;
    top: 35%;
}

.btext_3 {
    left: 40px;
    right: 40px;
    top: 120px;
    /* top:40%;*/
    text-align: center;
}

.btext_3 .m a {
    display: block;
    margin: 0 auto;
}

.btext_4 {
    left: 11%;
    top: 22%;
}

.btext_4 .p {
    color: #e5b581;
}

.icon1 {
    /*position:absolute;*/
    left: 0px;
    right: 0px;
    bottom: 0px;
    margin-top: 0px;
    background: #fff;
    /*padding:20px;*/
    width: 100%;
    margin: 0 auto;
}

.msItem ul {
    /*margin-right:-20px;*/
    margin-right: -1px;
}

.msItem li {
    float: left;
    width: 33.3333%;
}

.lr {
    border-left: 1px solid #ccc;
    border-right: 1 solid #ccc;
}

.msItem .pd {
    text-align: center;
    /*margin-right:20px; */
    position: relative;
    display: block;
}

.msItem .img {
    background: url(../images/msItem_bg.html) #fff;
    padding: 25px;
}

.msItem .img .h3 {
    font-size: 28px;
    line-height: 50px;
    color: #666;
    margin-bottom: 10px;
}

.msItem .img .p {
    font-size: 12px;
    color: #666;
    line-height: 32px;
}

.msItem .text {
    background: #555;
    padding: 25px;
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    opacity: 0;
}

.msItem .text .h3 {
    font-size: 70px;
    line-height: 50px;
    color: #fff;
    margin-bottom: 10px;
}

.msItem .text .p {
    font-size: 12px;
    color: #fff;
    line-height: 32px;
}

.msItem .pd:hover .text {
    opacity: 1;
}

.tit1 {
    text-align: center;
    padding-bottom: 30px;
    /*padding-top: 65px;*/
}

.tit1 strong {
    font-size: 30px;
    line-height: 1;
    margin-bottom: 25px;
    display: block;
    color: #555
}

.tit1 em {
    font-size: 16px;
    color: #323235;
}

.tit1 span {
    color: #323235;
}

.icon2 {
    padding: 0;
}

.icon2 .wp {
    width: auto;
    padding: 0px 0 0 0;
}

.msCase_tab {
    text-align: center;
    margin-bottom: 50px;
    padding-top: 60px;
}

.msCase_tab ul {
    display: inline-block;
    vertical-align: bottom;
}

.msCase_tab li {
    float: left;
    padding: 0;
    margin: 0 auto 10px
}

.msCase_tab a {
    display: block;
    padding: 0 20px;
    font-size: 12px;
    height: 30px;
    line-height: 30px;
    margin-left: 10px;
    border: 1px solid #d2d2d2;
}

.msCase_tab a:hover,
.msCase_tab li.curr a {
    background: #ff6502;
    color: #fff;
    border: 1px solid #ff6502;
}

.msCase_con {
    margin-top: 40px;
}

.msCase_con .single-item {}

.msCase_con .slick-arrow {
    display: none !important;
}

.case_ul {}

.case_ul .li {
    float: left;
    width: 25%;
}

.case_ul .pd {
    display: block;
}

.case_ul .img {
    position: relative;
    overflow: hidden;
}

.case_ul .tag {
    position: absolute;
    left: 0px;
    bottom: -40px;
    right: 0px;
    height: 40px;
    line-height: 40px;
    background-color: rgba(240, 131, 0, 1);
    box-sizing: border-box;
    padding: 0 20px;
    color: #fff;
}

.case_ul .tag span {
    margin-right: 10px;
}

.case_ul .text {
    text-align: center;
    line-height: 56px;
    height: 56px;
    overflow: hidden;
    background: #fff;
    font-size: 16px;
    color: #000;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    padding: 0 10px;
}

.case_ul .pd:hover .tag {
    margin: 0 auto;
    bottom: 0px;
    /*height:100%; text-align:center; vertical-align: middle; overflow: hidden; display: inline-block; *display: inline;*/
}

.case_ul .pd:hover .text {
    color: #fff;
    background: #f08200;
}

.msMore {
    text-align: center;
    padding-top: 40px;
}

.msMore .pd {
    display: inline-block;
    vertical-align: bottom;
}

.msMore a {
    display: block;
    background: #fff;
    float: left;
    width: auto;
    line-height: 50px;
}

.msMore a i {
    width: 50px;
    height: 50px;
    line-height: 50px;
    display: block;
    text-align: center;
    font-size: 20px;
}

.msMore a span {
    height: 50px;
    text-align: center;
    line-height: 50px;
    color: #000;
    padding: 0 36px;
}

.msMore a.a2 {
    margin: 0 10px;
}

.msMore a:hover {
    background: #ff6502;
    color: #fff;
}

.icon3 {
    background: #f6f6f6;
    padding-bottom: 50px;
}

.service_2 ul {
    margin-right: -20px;
    /* margin-bottom:80px;*/
}

.service_2 li {
    margin-bottom: 20px;
    width: 100%;
    float: left;
}

.service_2 .pd {
    display: block;
    position: relative;
    overflow: hidden;
    background: #ececec;
    color: #666;
    margin-right: 20px;
}

.service_2 .img {
    width: 66.2222%;
    float: right;
}

.service_2 .text {
    margin: 0 66.2222% 0 0;
    padding: 35px 60px 0 60px;
    position: relative;
}

.service_2 .h3 {
    font-size: 20px;
    line-height: 1;
    padding-bottom: 30px;
    margin-bottom: 20px;
    position: relative;
    color: #ff6502
}

.service_2 .h3:hover {
    font-size: 20px;
    line-height: 1;
    padding-bottom: 30px;
    margin-bottom: 20px;
    position: relative;
    color: #ffffff
}

.service_2 .h3:after {
    content: '\20';
    position: absolute;
    width: 14px;
    height: 2px;
    background: #323235;
    left: 0px;
    bottom: 0px;
}

.service_2 .em {
    font-size: 16px;
    margin-bottom: 10px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    height: 30px;
    line-height: 30px;
}

.service_2 .p {
    font-size: 12px;
    line-height: 24px;
    height: 72px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.service_2 .m {
    padding-top: 20px;
}

.service_2 .m i {
    width: 130px;
    height: 38px;
    display: block;
    text-align: center;
    line-height: 38px;
    border: 1px solid #9fa0a0;
    font-size: 26px;
}

.service_2 li.even {
    width: 33.3333%;
}

.service_2 li.even .img {
    width: auto;
    float: none;
}

.service_2 li.even .text {
    margin: 0px;
    padding: 25px 60px;
}

.service_2 li.even .h3 {
    border-bottom: 1px solid rgba(219, 219, 219, 0.5);
}

.service_2 li.even .h3:after {
    display: none;
}

.service_2 li.even .m {
    position: absolute;
    right: 60px;
    top: 25px;
    padding: 0px;
}

.service_2 li.even .m i {
    text-align: right;
    width: auto;
    height: 33px;
    line-height: 33px;
    padding: 0 15px 0 15px;
}

.service_2 li.odd {
    margin-bottom: 20px;
}

.service_2 li.odd .img {
    float: left;
}

.service_2 li.odd .text {
    margin: 0 0 0 66.2222%;
}

.service_2 .pd:hover {
    background: #e8e8e8;
    color: #595757;
}

.service_2 .pd:hover .m i {
    border-color: #ff6502;
}

.service_2 .pd:hover .m i:hover {
    background: #ff6502;
    border-color: #ff6502;
    color: #fff;
}

.service_2 .pd:hover .h3:after {
    background: #fff;
}

.service_2 li.even .pd:hover .m i {
    border-color: #fff;
    background: none;
}

.service_2 .pd .m i:before {
    display: block;
}

#c_top_bn {
    position: relative;
    z-index: 5;
    height: 150px;
    background: url(../images/t_bn_bg.jpg) #ddd no-repeat center;
}

#c_top_bn .w1200 {
    height: 100%;
    overflow: hidden;
}

#c_top_bn .c_til_h1 {
    float: right;
    font-size: 48px;
    color: #fff;
    font-family: "RUBIK-REGULAR-WEBFONT";
    line-height: 124px;
    letter-spacing: -3px;
}

#c_top_bn .c_til_h1 em {
    opacity: .3;
    filter: alpha(opacity=30);
}

.c_wp {
    position: relative;
    z-index: 5;
    margin: -298px -130px 0 -680px;
    padding: 0 130px 0 680px;
    overflow: hidden;
    background: #fff;
}

.form-control {
    display: block;
    width: 100%;
    height: 16px;
    padding: 8px 5px;
    font-size: 13px;
    line-height: 1.42857;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

textarea.form-control {
    height: auto;
}

.btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid #cdcdcd;
    white-space: nowrap;
    padding: 8px 13px;
    font-size: 13px;
    line-height: 1.42857;
    border-radius: 3px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.buttons {
    margin-top: 10px;
}

.close {
    float: right;
    font-size: 19.5px;
    font-weight: bold;
    line-height: 1;
    color: #000;
    text-shadow: none;
    opacity: 0.2;
    filter: alpha(opacity=20);
    border-radius: 50%;
    border: none;
    background: none;
}

.alert-danger {
    color: #fd4b4b;
}

.alert-success {
    color: #2f9a37;
}

#contact_form {
    max-width: 500px;
}

.col-sm-2 {
    line-height: 40px;
    font-size: 13px;
}

.icon4 {
    background: #fff;
    padding: 0px 0 80px 0;
}

.icon6 {
    background: #f6f6f6;
    padding: 35px 0;
    color: #ffffff;
    width: 100%;
    margin: 0 auto;
}

.icon7 {
    background: #f6f6f6;
    padding: 35px 0;
    color: #ffffff;
    width: 100%;
    margin: 0 auto;
}

.icon6 .tips,
.icon7 .tips {
    text-align: center;
}

.icon6 .tips strong,
.icon7 .tips strong {
    font-size: 49px;
    line-height: 1;
    margin-bottom: 6px;
    display: block;
    color: #595757
}

.icon6 .tips em,
.icon7 .tips em {
    font-size: 12px;
    color: #595757;
}

.icon6 .tips span,
.icon7 .tips span {
    color: #595757;
}

.navBanner {
    width: 100%;
    padding: 0;
    color: #fff;
    border: none;
    margin: 0 auto;
    height: 350px;
    /*background-image: url(../images/banner.jpg); background-position: center 0;  background-size: cover; -webkit-background-size: cover; -o-background-size: cover; background-repeat: no-repeat; background-color: #000;*/
}

.bbg {
    background: #fff;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
}

.navBanner .navTitle {
    text-align: left;
    margin-left: 62%;
}

/*.navBanner .navTitle strong{font-size:25px; line-height:1; margin-bottom:29px; display:block; color:#686868; padding-top:138px;}*/
.navBanner .navTitle strong {
    float: right;
    font-size: 48px;
    color: #fff;
    font-family: "RUBIK-REGULAR-WEBFONT";
    line-height: 138px;
    letter-spacing: -3px;
    opacity: .3;
    filter: alpha(opacity=30);
    padding-top: 35px;
}

.navBanner .navTitle em {
    font-size: 12px;
    color: #686868;
    position: absolute;
}

.navBanner .navTitle span {
    color: #fff;
}


/*****************************************************/
.bt_txtarea {
    position: absolute;
    margin-top: 15%;
    left: 0;
    width: 100%;
    padding: 20px 0 20px 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.bt_1 {
    font-size: 40px;
    color: #fff;
    text-align: center;
}

.bt_2 {
    font-size: 14px;
    color: rgba(255, 255, 255, .8);
    text-align: center;
    width: 100%;
}



/*****************************************************/


.hsBrand {
    margin: 0 auto;
}

.psBrand {
    margin: 0 auto;
    /*border-top: 1px solid #ddd;*/
    padding-top: 30px;
}

.psBrand ul,
.hsBrand ul {
    border-bottom: 1px solid #dbdbdb;
    border-right: 1px solid #dbdbdb;
}

/*home show logo*/
.hsBrand li {
    float: left;
    width: 12.5%;
}

/*pages show logo*/
.psBrand li {
    float: left;
    width: 12.5%;
}

.psBrand .pd,
.hsBrand .pd {
    /*border-left:1px solid #dbdbdb; border-top:1px solid #dbdbdb; */
    display: block;
    position: relative;
}

.psBrand .curr,
.hsBrand .curr {
    /*border-left:1px solid #dbdbdb; border-top:1px solid #dbdbdb; */
    display: block;
    position: relative;
}

.psBrand .img img,
.hsBrand .img img {
    width: 100%;
    height: auto;
    display: block;
    background-size: cover;
    box-sizing:border-box;
    border-left: 1px solid #dbdbdb;
    border-top: 1px solid #dbdbdb;
}

.psBrand .text,
.hsBrand .text {
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    text-align: center;
    line-height: 158px;
    background: #ff6502;
    color: #fff;
    font-size: 16px;
    opacity: 0;
}

.psBrand .pd:hover,
.hsBrand .pd:hover {
    box-sizing: border-box;
    background: #dbdbdb;
}

.psBrand .curr:hover,
.hsBrand .curr:hover {
    box-sizing: border-box;
    background: #f08200;
}

.psBrand .pd:hover .text,
.hsBrand .pd:hover .text {}

.icon5 {
    /* background:#f6f6f6; padding:0px 0 40px 0;*/
    margin: 0 auto;
}

.tit2 {
    font-size: 16px;
    overflow: hidden;
    line-height: 1;
    margin-bottom: 20px;
}

.tit2 strong {
    float: left;
}

.tit2 a {
    float: right;
    font-size: 12px;
    width: 56px;
    text-align: center;
    background: #ff6502;
    color: #323235;
    border-radius: 0px;
    border: 1px solid #ff6502;
    display: block;
    line-height: 18px;
    height: 18px;
    text-transform: uppercase;
}

.tit2 a:hover {
    background: #ff6502;
    color: #fff;
    border-color: #ff6502;
}

.msNews {
    margin-bottom: 40px;
}


.msNews_c {
    margin-right: -20px;
    /* margin-top:40px;*/
}

.msNews_tab {
    text-align: center;
    margin-bottom: 30px;
    display: none;
}

.msNews_tab ul {
    display: inline-block;
    vertical-align: bottom;
    width: 100%
}

.msNews_tab li {
    float: left;
    width: 33.3333%
}

.msNews_tab a {
    padding: 0 30px;
    line-height: 40px;
    height: 40px;
    background: #9fa0a0;
    display: block;
    margin: 0 1px;
}

.msNews_tab li.curr a {
    background: #F00;
    color: #fff;
}

.msNews_con {
    width: 33.3333%;
    float: left;
    box-sizing: border-box;
    padding-right: 20px;
}

.msNews_con .pd {
    background: #fff;
    display: block;
}

.msNews_con .img {}

.msNews_con .img img {
    width: 100%;
    height: auto;
    display: block;
}

.msNews_con .text {
    padding: 30px 45px 30px 100px;
    position: relative;
    background: fff
        /* #f8f8f8*/
    ;
}

.msNews_con .h3 {
    font-size: 16px;
    color: #000;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}

.msNews_con .em {
    position: absolute;
    left: 0px;
    top: 40px;
    width: 100px;
    text-align: center;
}

.msNews_con .em strong {
    font-size: 12px;
    color: #888;
    display: block;
    line-height: 1;
    margin-bottom: 5px;
}

.msNews_con .em em {
    font-size: 36px;
    color: #000;
    display: block;
    line-height: 1;
}

.msNews_con .p {
    color: #888;
    font-size: 12px;
    line-height: 24px;
    height: 48px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.msNews_con .pd:hover .h3 {
    color: #ff6502;
}

.msNews_con .slick-dots {
    bottom: 148px;
}

.iabout {
    text-align: center;
    font-size: 12px;
    line-height: 30px;
    margin-bottom: 60px;
}

.iabout .h3 {
    margin-bottom: 20px;
    color: #888;
}

.iabout .h3 span {
    color: #ff6502;
    font-size: 16px;
}

.iabout .h3 strong {
    color: #000000;
    font-size: 16px;
}

.iabout .p {
    color: #888;
}

.iabout .p strong {
    font-size: 16px;
}

.msProject {
    margin-top: 50px;
}

.msProject .pd {
    width: 224px;
    display: block;
    margin: 0 auto;
    color: #323235;
    padding-bottom: 30px;
}

.msProject .img {
    margin-bottom: 20px;
}

.msProject .img i {
    font-size: 68px;
    line-height: 1;
    text-align: center;
    display: block;
}

.msProject .text {}

.msProject .h3 {
    font-size: 20px;
    text-align: center;
    margin-bottom: 5px;
}

.msProject .p {
    font-size: 12px;
    line-height: 24px;
    height: 120px;
    overflow: hidden;
    display: none;
}

.msProject .m {
    text-align: center;
    width: 118px;
    margin: 0 auto;
    line-height: 30px;
    height: 30px;
    background: #e10000;
}

.msProject .m span {
    height: 30px;
    text-align: center;
    line-height: 30px;
    background: #e10000;
    color: #fff;
    display: block;
    margin: 0 auto;
}

/**/
.power {
    max-width: 1232px;
    margin: 0 auto;
    overflow: hidden;
    padding-bottom: 90px;
}

.power .item {
    float: left;
    width: 24%;
    margin: 16px 0.5%;
    box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.15);
    background: #fff;
    padding: 35px 0px;
}

.power .item dt img {
    display: block;
    width: 132px;
    margin: 0 auto;
}

.power .item dd {
    font-size: 14px;
    font-family: PingFangSC-Regular;
    font-weight: 400;
    color: #999;
    line-height: 20px;
    padding: 20px;
}

.power .item .title {
    font-size: 22px;
    font-family: PingFangSC-Regular;
    font-weight: 400;
    color: #333;
    line-height: 30px;
    padding: 32px 0;
}

.footer {
    width: 100%;
    margin: 0 auto;
    padding: 25px 0 0 0;
    background-image: url(../images/_map.html);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-color: #272727;
    border-top: 1px solid rgb(224, 224, 224);
}

.footer_nav {
    color: #7a7a7a;
    text-align: center;
    padding: 0 0 10px 0;
    font-size: 12px;
    border-bottom: 1px solid #393939;
}

.footer_nav span {
    margin: 0 10px;
}

.footer_nav a {
    color: #7a7a7a;
    height: 30px;
    line-height: 30px;
}

.footer_nav a:hover {
    color: #9fa0a0;
}

.footer_copy {
    color: #7a7a7a;
    padding-top: 10px;
    padding-bottom: 60px;
    font-size: 12px;
    border-top: 1px solid #ebebeb;
}

.footer_con {
    padding: 30px 0 50px 0;
    color: #a9a9a9;
    margin: 0 auto;
}

.footer_con a {
    color: #9fa0a0;
}

.footer_con a:hover {
    color: #ddd;
}

.footer_con .li .tit {
    font-size: 12px;
    color: #fff;
}

.footer_con .li .tit a {
    font-size: 12px;
    color: #fff;
}

.footer_con .li .tit a:hover {
    color: #fff;
}

.footer_con .li .p a {
    font-size: 12px;
    color: #a9a9a9;
}

.footer_con .li .p a:hover {
    color: #fff;
}

.footer_con .li {
    float: left;
    width: 15%;
    box-sizing: border-box;
    padding-right: 0px;
    padding-left: 20px;
}

.footer_con .li1 {
    line-height: 28px;
}

.footer_con .li1 .tel {
    color: #9fa0a0;
}

.footer_con .li2 {
    line-height: 28px;
}

.footer_con .li3 {
    line-height: 28px;
}

.footer_con .li4 {
    line-height: 28px;
}

.footer_con .li5 {
    line-height: 28px;
}

.footer_con .li6 {
    width: 25%;
}

.footer_con .li6 .p .tel {
    font-size: 22px;
    color: #9fa0a0;
    font-weight: bolder;
}

.footer_con .li6 img {
    margin-right: 10px;
    margin-top: 0px;
}


/************************************/
.history {
    margin: 0 auto;
}

.time-axis {
    margin: 0;
    padding: 0;
    position: relative;
}

.time-axis:before {
    content: '';
    position: absolute;
    left: 93px;
    top: 15px;
    width: 1px;
    height: 100%;
    background-color: #e4e4e4;
}

.time-axis-item {
    list-style: none;
    padding-left: 150px;
    position: relative;
    line-height: 30px;
    font-size: 14px;
    color: #141414;
}

.time-axis-achievement {
    margin: 0;
}

.time-axis-date {
    position: absolute;
    left: 0;
    top: 0;
    color: #666;
}

.time-axis-date .dot {
    position: absolute;
    right: -69px;
    top: 35%;
    display: block;
    width: 13px;
    height: 13px;
    border: 1px solid #ccc;
    border-radius: 100%;
    background-color: #fff;
}

.time-axis-date .dot:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 7px;
    height: 7px;
    margin: auto;
    background-color: #ccc;
    border: 1px solid #ccc;
    border-radius: 100%;
}

.time-axis-item:first-child .time-axis-date .dot {
    border-color: #48beb2;
}

.time-axis-item:first-child .time-axis-date .dot:after {
    background-color: #48beb2;
    border-color: #48beb2;
}

/************************************/

.flink {
    background: #f6f6f6;
    padding: 15px 0;
    line-height: 30px;
    text-align: center;
    color: #888888;
}

.flink a {
    margin: 0 7px;
    color: #888;
    float: left;
}

.flink a:hover {
    color: #ff6502;
}

.banner_page {
    padding-bottom: 0px;
}

.banner_page .slick-dots {
    bottom: 35px;
}

.banner_page .pd {
    margin-bottom: 0px !important;
}

.brand_text {
    position: absolute;
    z-index: 2;
    color: #fff;
}

.brand_text .h3 {
    font-size: 58px;
    line-height: 1;
    margin-bottom: 50px;
}

.brand_text .p {
    font-size: 24px;
    font-weight: lighter;
    line-height: 2;
}

.brand_text .m {
    padding-top: 80px;
}

.brand_text .m em {
    width: 58px;
    color: #fff;
    height: 58px;
    border: 1px solid #fff;
    text-align: center;
    line-height: 58px;
    font-size: 24px;
    display: block;
    border-radius: 50%;
}

.brand_text .m em:hover {
    background: #ff6502;
    border-color: #ff6502;
}

.brand_text_1 {
    left: 14%;
    top: 23%;
}

.brand_service {
    padding: 20px 0 80px 0;
}

.brand_service .pd {
    display: block;
    text-align: center;
}

.brand_service .img {
    margin-bottom: 30px;
    padding-top: 30px;
}

.brand_service .img i {
    width: 144px;
    height: 144px;
    text-align: center;
    line-height: 144px;
    text-align: center;
    margin: 0 auto;
    display: block;
    background: #89050c;
    border-radius: 50%;
    font-size: 76px;
    color: #fff;
    background-size: 100% 100%;
    background-position: center center;
}

.brand_service .text {
    display: inline-block;
    text-align: left;
}

.brand_service .h3 {
    font-size: 24px;
    color: #323235;
    margin-bottom: 20px;
}

.brand_service .p {
    font-size: 12px;
    line-height: 30px;
    color: #323235;
}

.brand_service .li1 .img i {
    background-image: url(../images/brand_service1.html);
}

.brand_service .li2 .img i {
    background-image: url(../images/brand_service2.html);
}

.brand_service .li3 .img i {
    background-image: url(../images/brand_service3.html);
}

.brand_service .li4 .img i {
    background-image: url(../images/brand_service4.html);
}

.brand_service .li5 .img i {
    background-image: url(../images/brand_service5.html);
}

.brand_service .li6 .img i {
    background-image: url(../images/brand_service6.html);
}

.brand_service .li7 .img i {
    background-image: url(../images/brand_service7.html);
}

.brand_service .li8 .img i {
    background-image: url(../images/brand_service8.html);
}

.brand_service .li9 .img i {
    background-image: url(../images/brand_service9.html);
}

.brand_service .li10 .img i {
    background-image: url(../images/brand_service10.html);
}

.brand_service .li11 .img i {
    background-image: url(../images/brand_service11.html);
}

.brand_service .li12 .img i {
    background-image: url(../images/brand_service12.html);
}

.case_list {}

.case_list ul {
    margin-right: -20px;
}

.case_list li {
    width: 25%;
    float: left;
    margin-bottom: 16px;
}

.case_list .pd {
    margin-right: 16px;
    display: block;
    position: relative;
    overflow: hidden;
}

.case_list .img img {
    width: 100%;
    height: auto;
    display: block;
}

.case_list .text {
    position: absolute;
    left: 0px;
    top: 0px;
    padding: 0;
    transform: translateY(-100%);
    opacity: 0;
    color: #fff;
    margin-top: 35%;
    width: 100%;
    height: 100%;
    text-align: center;
}

.case_list .h3 {
    font-size: 20px;
}

.case_list .p {
    font-size: 16px;
}

.case_list .p span {
    margin-right: 5px;
}

.case_list .b {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 0%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    opacity: 0;
}

.case_list .pd:hover .text {
    transform: translateY(0%);
    opacity: 1;
}

.case_list .pd:hover .b {
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    opacity: 1;
}

.pic_ul {}

.pic_ul .li {
    float: left;
    width: 25%;
}

.pic_ul .pd {
    display: block;
}

.pic_ul .img {
    position: relative;
    overflow: hidden;
    border-top: 0px #e0e0e2 solid;
    border-left: 1px #e0e0e2 solid;
    border-right: 1px #e0e0e2 solid;
    margin: 0 10px 0 10px;
}

.pic_ul .tag {
    position: absolute;
    left: 0px;
    bottom: -40px;
    right: 0px;
    height: 40px;
    line-height: 40px;
    background-color: rgba(0, 0, 0, 0.65);
    box-sizing: border-box;
    padding: 0 20px;
    color: #fff;
}

.pic_ul .tag span {
    margin-right: 10px;
}

.pic_ul .text {
    text-align: center;
    line-height: 56px;
    height: 56px;
    overflow: hidden;
    background: #fff;
    font-size: 16px;
    color: #000;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    padding: 0 10px;
    margin: 0 10px 0 10px;
    border-left: 1px #e0e0e2 solid;
    border-right: 1px #e0e0e2 solid;
    border-bottom: 1px #e0e0e2 solid;
}

.pic_ul .pd:hover .tag {
    bottom: 0px;
}

.pic_ul .pd:hover .text {
    color: #fff;
    background: rgba(0, 0, 0, 0.5);
}

.more {
    padding: 25px 0;
}

.more a {
    width: 150px;
    height: 48px;
    color: #000;
    line-height: 48px;
    text-align: center;
    border: 1px solid #dbdbdb;
    background: none;
    margin: 0 auto;
}

.more a span {
    height: 48px;
    line-height: 48px;
}

.more a:hover {
    background: #ff6502;
    border-color: #ff6502;
    color: #fff;
}

.bcon3 {}

.bcon4 {
    padding: 0;
}

.tjnews_list {
    padding-top: 20px;
    /* padding-bottom:80px;*/
    margin: 0 auto;
}

.tjnews_list ul {
    margin-right: -20px;
}

.tjnews_list li {
    width: 50%;
    float: left;
    margin-bottom: 20px;
}

.tjnews_list .pd {
    background: #fff;
    padding: 30px 45px 30px 130px;
    position: relative;
    display: block;
    margin-right: 20px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, .2);
}

.tjnews_list .h3 {
    font-size: 16px;
    color: #000;
    height: 31px;
    line-height: 31px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}

.tjnews_list .em {
    position: absolute;
    left: 0px;
    top: 40px;
    width: 130px;
    text-align: center;
}

.tjnews_list .em strong {
    font-size: 12px;
    color: #888;
    display: block;
    line-height: 1;
    margin-bottom: 5px;
}

.tjnews_list .em em {
    font-size: 36px;
    color: #000;
    display: block;
    line-height: 1;
}

.tjnews_list .p {
    color: #888888;
    font-size: 12px;
    line-height: 24px;
    height: 48px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.tjnews_list .pd:hover .h3 {
    color: #ff6502;
}

.banner_about {
    position: relative;
}

.banner_about .wp {
    height: 100%;
}

.about_con1 {
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    color: #fff;
}

.about_con1 .text {
    text-align: center;
    position: relative;
}

.about_con1 .text .em {
    font-size: 80px;
    line-height: 1;
    margin-bottom: 30px;
}

.about_con1 .text .h3 {
    font-size: 48px;
    line-height: 1;
    margin-bottom: 20px;
}

.about_con1 .text .p {
    font-size: 16px;
    line-height: 1;
}

.index_about .text .p1 {
    font-size: 60px;
    margin-top: 15%;
    text-transform: uppercase;
}

.index_about .text .p2 {
    font-size: 16px;
    margin: 1% auto 4%;
    color: #666;
}

.index_about .text .p3 {
    font-size: 14px;
    color: #666;
    width: 71%;
    margin: 0 auto;
}

.index_about .text .a1 {
    font-size: 14px;
    color: #333;
    width: 160px;
    height: 50px;
    margin: 50px auto 0;
    border: 1px solid #999;
    line-height: 50px;
}

/****NEWS INFO****/
.title {
    height: 48px;
    line-height: 48px;
    text-align: center;
    font-weight: bold;
    font-size: 22px;
    padding: 0;
    margin: 0;
}

.title_trade {
    font-weight: bold;
    font-size: 22px;
    margin: 0 0 20px 0;
    padding: 0 0 20px 0;
    border-bottom: #DDDDDD 1px solid;
}

.info {
    padding: 16px;
    background: #F2F2F2;
}

.introduce {
    margin: 20px 0;
    padding: 20px;
    line-height: 180%;
    font-size: 16px;
    background: #F2F2F2;
    border-left: #DDDDDD 2px solid;
}

#article {
    font-size: 14px;
}

.content {
    font-size: 14px;
    line-height: 200%;
    padding: 16px;
}

.content p {
    text-indent: 2em;
}

.content a:link,
.content a:visited,
.content a:active {
    color: #225588;
    text-decoration: underline;
}

.content a:hover {
    color: #FF6600;
    text-decoration: none;
}

/*******/
.number_lsit {
    padding: 10px 10% 20px 10%;
}

.number_lsit li {
    width: 33.3333%;
    text-align: center;
    float: left;
}

.number_lsit .pd {
    width: 236px;
    border: 1px solid #fff;
    /* height: 236px; */
    border-radius: 50%;
    margin: 0 auto;
}

.number_lsit .h3 {
    font-size: 65px;
    line-height: 1;
    margin-bottom: 10px;
    padding-top: 65px;
}

.number_lsit .em {
    font-size: 16px;
}

/**/

.picIntro {
    /* background:#ffffff;margin-bottom:20px; */
    position: relative;
    padding-top: 50px;
    padding-bottom: 0px;
    width: 50%;
}


.ml44{
    margin-left: 44%;
}

.picIntro1 {
    width: 44%;
}
.picIntro ul {}

.product-content {
    padding-left: 40px;
}

.product-content .product-content-title{
    font-size: 28px;
    line-height: 32px;
}

.product-content .product-content-subname{
    font-size: 28px;
    color: #ff6502;
    font-weight: bold;
    margin-bottom: 20px;
}

.product-content .product-content-desc{
}

.product-content .product-content-label{
    color: #555;
    font-weight: bold;
    font-size: 16px;
    line-height: 1.5;
}

.product-content .product-content-value{
    color: #888;
    font-size: 14px;
    padding-bottom: 10px;
}

.product-content .product-content-attr{
    padding-top: 10px;
}
.product-content .product-content-item{
    float: left;
    margin-bottom: 10px;
    margin-right: 20px;
}
.product-content .product-content-img{
    width: 72px;
    height: 72px;
}
.product-content .product-content-img img{
    width: 72px;
    height: 72px;
    display: block;
    margin: 0 auto;
}
.product-content .product-content-name{
    font-size: 12px;
    color: #999;
    text-align: center;
    padding: 4px 0;
}
.product-list{
    display: flex;
    flex-wrap: wrap;
}
.product-file{
    width: 25%;
    /* float: left; */
    margin-bottom: 16px;
}

.product-file .product-file-container{
    margin: 0 10px;
    background: #f6f6f6;
    border-radius: 8px;
}

.product-file .product-file-container.active{
    background: #eef3f7;
}

.product-file .product-file-icon{
    width: 20px;
    height: 20px;
    position: relative;
}

.product-file .product-file-icon::after{
    position: absolute;
    content: '';
    display: block;
    width: 2px;
    height: 10px;
    background: #333;
    left: 10px;
    top: 5px;
}

.product-file .product-file-icon::before{
    position: absolute;
    content: '';
    display: block;
    width: 10px;
    height: 2px;
    background: #333;
    left: 6px;
    top: 9px;
}

.product-file-container.active .product-file-icon::after{
    display: none;
}

.product-file .product-file-top{
    padding: 10px 20px;
    display: flex;
    cursor: pointer;
    justify-content: space-between;
    align-items: center;
}

.product-file .product-file-item{
    color: #333;
    font-size: 16px;
    font-weight: bold;
}

.product-file .product-file-icon{
    /* color: #888;
    font-size: 14px;
    font-weight: bold; */
}
.product-file .product-file-content{
    padding: 10px 20px;
    display: none;
}
.product-file .product-file-name{
    color: #888;
    font-size: 12px;
    cursor: pointer;
}

/* <div class="product-file">
<div class="product-file-top">
    <div class="product-file-item">项目</div>
    <div class="product-file-icon">加减</div>
</div>
<div class="product-file-content">
    <div class="product-file-name">下载item</div>
    <div class="product-file-name">下载item</div>
</div>
</div> */
.picIntro .img {
    /* background:#323235; */
    float: left;
    /* width:650px;*/
    box-sizing: border-box;
    left: 0px;
    top: 0px;
    bottom: 0px;
    padding-bottom: 50px;
    width: 100%;
}

.picIntro .img .h3 {
    font-size: 50px;
    line-height: 1;
    margin-bottom: 15px;
    /*letter-spacing:-4px;*/
}

.picIntro .img li {
    list-style: none;
}

.picIntro .img li img {
    /* background:#323235; */
    float: left;
    width: 90%;
}

.picIntro .img .p {
    font-size: 16px;
    line-height: 2;
}

.picIntro .img .m {
    overflow: hidden;
    padding-top: 50px;
}

.picIntro .img .m a {
    width: 130px;
    height: 48px;
    border: 1px solid #fff;
    display: block;
    margin-right: 20px;
    float: left;
    text-align: center;
    line-height: 48px;
    color: #fff;
    font-size: 12px;
}

.picIntro .img .m a i {
    font-size: 12px;
}

.picIntro .img .m a span {
    margin-left: 5px;
}

.picIntro .img .m a:hover {
    background: #ff6502;
    color: #fff;
    border-color: #ff6502;
}

.picIntro .text img {
    width: 100%;
    overflow: hidden;
}

.picIntro .text {
    padding: 0 0 0 60px;
    /* background:#f6f6f6;*/
}

.picIntro .text .h3 {
    font-size: 28px;
    line-height: 1;
    padding-bottom: 16px;
    position: relative;
    margin-bottom: 10px;
}

.picIntro .text .h3:after {
    /*content:'\20'; position:absolute; width:10px; height:2px; background:#323235; left:0px; bottom:0px;*/
}

.bte {
    font-size: 38px;
    position: relative;
}

.btb {
    font-size: 28px;
    padding-bottom: 16px;
    position: relative;
}

.picIntro .text .p {
    font-size: 12px;
    line-height: 30px;
}

.picIntro .text .p strong {
    font-size: 16px;
}

.picIntro .text .m {
    padding-top: 70px;
}

.picIntro .text .m a {
    width: 130px;
    height: 48px;
    border: 1px solid #dbdbdb;
    display: block;
    margin-right: 20px;
    text-align: center;
    line-height: 48px;
    color: #323235;
    font-size: 12px;
    background: #fff;
}

.picIntro .text .m a:hover {
    background: #ff6502;
    color: #fff;
    border-color: #ff6502;
}

.about {
    padding-top: 0px;
    margin: 0 auto;
}

.about_bg {
    width: 90%;
    background: #f6f6f6;
    height: 380px;
    position: absolute;
    margin-top: 80px;
}

.about_con2 .fb {
    /* background:#323235; */
    float: left;
    width: 50%;
    box-sizing: border-box;
    left: 0px;
    top: 0px;
    bottom: 0px;
    padding: 0px 80px 0px 80px;
}

.about_con2 .fb .h3 {
    font-size: 60px;
    line-height: 1;
    margin-bottom: 15px;
    letter-spacing: -4px;
}

.about_con2 .fb .p {
    font-size: 16px;
    line-height: 2;
}

.about_con2 .fb .m {
    overflow: hidden;
    padding-top: 50px;
}

.about_con2 .fb .m a {
    width: 130px;
    height: 48px;
    border: 1px solid #fff;
    display: block;
    margin-right: 20px;
    float: left;
    text-align: center;
    line-height: 48px;
    color: #fff;
    font-size: 12px;
}

.about_con2 .fb .m a i {
    font-size: 12px;
}

.about_con2 .fb .m a span {
    margin-left: 5px;
}

.about_con2 .fb .m a:hover {
    background: #ff6502;
    color: #fff;
    border-color: #ff6502;
}

.about_con2 {
    /* background:#ffffff;margin-bottom:20px; */
    position: relative;
}

.about_con2 ul {}

.about_con2 .img {
    /* background:#323235; */
    float: left;
    width: 50%;
    box-sizing: border-box;
    left: 0px;
    top: 0px;
    bottom: 0px;
}

.about_con2 .img .h3 {
    font-size: 60px;
    line-height: 1;
    margin-bottom: 15px;
    letter-spacing: -4px;
}

.about_con2 .img .p {
    font-size: 16px;
    line-height: 2;
}

.about_con2 .img .m {
    overflow: hidden;
    padding-top: 50px;
}

.about_con2 .img .m a {
    width: 130px;
    height: 48px;
    border: 1px solid #fff;
    display: block;
    margin-right: 20px;
    float: left;
    text-align: center;
    line-height: 48px;
    color: #fff;
    font-size: 12px;
}

.about_con2 .img .m a i {
    font-size: 12px;
}

.about_con2 .img .m a span {
    margin-left: 5px;
}

.about_con2 .img .m a:hover {
    background: #ff6502;
    color: #fff;
    border-color: #ff6502;
}

.about_con2 .text {
    margin-left: 50%;
    /* background:#f6f6f6;*/
    padding: 0px 40px 40px 40px;
}

.about_con2 .text .h3 {
    font-size: 18px;
    line-height: 1;
    padding-bottom: 16px;
    position: relative;
}

/*.about_con2 .text .h3:after{content:'\20'; position:absolute; width:10px; height:2px; background:#323235; left:0px; bottom:0px;}*/
.about_con2 .text .p {
    font-size: 12px;
    line-height: 30px;
}

.about_con2 .text .p strong {
    font-size: 16px;
}

.about_con2 .text .m {
    padding-top: 70px;
}

.about_con2 .text .m a {
    width: 130px;
    height: 48px;
    border: 1px solid #dbdbdb;
    display: block;
    margin-right: 20px;
    text-align: center;
    line-height: 48px;
    color: #323235;
    font-size: 12px;
    background: #fff;
}

.about_con2 .text .m a:hover {
    background: #ff6502;
    color: #fff;
    border-color: #ff6502;
}

.about_con3 {
    margin-bottom: 100px;
}

.about_con3 li {
    overflow: hidden;
    background: #f8f8f8;
}

.about_con3 .img {
    width: 50%;
    float: right;
}

.about_con3 .img img {
    width: 100%;
    height: auto;
    display: block;
}

.about_con3 .text {
    margin: 0 50% 0 0;
    overflow: hidden;
    height: 422px;
}

.about_con3 .text .li {
    width: 50%;
    float: left;
    text-align: center;
    background: #ffffff;
    height: 100%;
}

.about_con3 .text .li:nth-child(even) {
    background: #f8f8f8;
}

.about_con3 .pd {
    padding: 115px 34px 0 34px;
}

.about_con3 .h3 {
    font-size: 60px;
    line-height: 1;
    margin-bottom: 15px;
}

.about_con3 .em {
    font-size: 16px;
    line-height: 1;
    text-transform: uppercase;
    padding-bottom: 37px;
    margin-bottom: 25px;
    border-bottom: 1px solid #49494b;
}

.about_con3 .p {
    font-size: 12px;
    line-height: 24px;
}

.about_con3 li:nth-child(even) .img {
    float: left;
}

.about_con3 li:nth-child(even) .text {
    margin: 0 0 0 50%;
}

.about_con4 {
    margin-bottom: 70px;
    position: relative;
}

.about_con5 {
    background: url(../images/about_con5.html) no-repeat top center;
    height: 644px;
    background-size: cover;
    color: #fff;
}

.about_con5 .wpd {
    padding: 88px 0 0 0;
}

.standard {
    padding-top: 40px;
}

.standard .single-item {
    padding-bottom: 60px;
}

.standard .pd {
    text-align: center;
    padding: 110px 0;
    position: relative;
}

.standard .i {
    font-size: 280px;
    position: absolute;
    left: 0px;
    top: 50%;
    margin-top: -140px;
    right: 0px;
    line-height: 1;
    text-align: center;
    color: rgba(255, 255, 255, 0.1);
    letter-spacing: -0.05em;
}

.standard .h3 {
    font-size: 48px;
}

.standard .p {
    font-size: 16px;
}

.standard .slick-dots {
    position: absolute;
    margin-left: -15px;
    left: 50%;
    bottom: 0px;
}

.standard .slick-dots li {
    float: left;
    margin: 0 6px;
}

.standard .slick-dots li button {
    display: block;
    border: none;
    padding: 0px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    text-indent: -99px;
    overflow: hidden;
    background: rgba(255, 255, 255, 1);
    box-sizing: border-box;
    border: none;
}

.standard .slick-dots li.slick-active button {
    background: rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 1);
}

.news {
    margin: 0 auto;
}

.type_tab {
    text-align: center;
    margin-bottom: 70px;
}

.type_tab ul {
    display: inline-block;
    vertical-align: bottom;
}

.type_tab li {
    float: left;
}

.type_tab a {
    display: block;
    height: 50px;
    line-height: 50px;
    font-size: 16px;
    margin-right: 1px;
    padding: 0 30px;
    background: #ffffff;
}

.type_tab li.curr a {
    background-color: #323235;
    color: #fff;
}

.news_list ul {
    margin-right: -20px;
}

.news_list li {
    width: 25%;
    float: left;
    margin-bottom: 40px;
}

.news_list .pd {
    background: #ececec;
    display: block;
    margin-right: 20px;
}

.news_list .img {}

.news_list .img img {
    width: 100%;
    height: auto;
    display: block;
}

.news_list .text {
    padding: 30px 45px 30px 130px;
    position: relative;
    color: #888;
}

.news_list .h3 {
    font-size: 16px;
    color: #000;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}

.news_list .em {
    position: absolute;
    left: 0px;
    top: 40px;
    width: 130px;
    text-align: center;
}

.news_list .em strong {
    font-size: 12px;
    display: block;
    line-height: 1;
    margin-bottom: 5px;
}

.news_list .em em {
    font-size: 36px;
    color: #000;
    display: block;
    line-height: 1;
}

.news_list .p {
    font-size: 12px;
    line-height: 24px;
    height: 48px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.news_list .m {
    padding-top: 20px;
}

.news_list .m i {
    font-size: 24px;
    line-height: 1;
}

.news_list .pd:hover .text {
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
}

.news_list .pd:hover .h3 {
    color: #fff;
}

.news_list .pd:hover .em em {
    color: #fff;
}

.news_flip {
    text-align: center;
    padding: 30px 0;
}

.news_flip .pd {
    display: inline-block;
}

.news_flip a {
    float: left;
    width: 50px;
    height: 50px;
    margin: 0 5px;
    font-size: 16px;
    line-height: 50px;
    text-align: center;
    background: #ffffff;
}

.news_flip a.curr {
    background: #323235;
    color: #fff;
}

.news_flip a:hover {
    background: #e10000;
    color: #fff;
}

.banner_contact {
    position: relative;
}

.banner_contact .img {
    position: relative;
    background: url(../images/banner_contact.jpg) no-repeat top center;
    height: 670px;
    overflow: hidden;
}

.banner_contact .text {
    position: absolute;
    left: 0px;
    top: 230px;
    right: 0px;
    z-index: 6;
}

.banner_contact .text .pd {
    color: #323235;
    background: rgba(255, 255, 255, 0.95);
    float: left;
    padding: 50px 70px;
    border-radius: 10px;
}

.banner_contact .text .h3 {
    font-size: 24px;
    margin-bottom: 5px;
    line-height: 1;
}

.banner_contact .text .em {
    font-size: 12px;
    line-height: 1;
    padding-bottom: 40px;
    position: relative;
    margin-bottom: 20px;
}

.banner_contact .text .em:before {
    content: '\20';
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 14px;
    height: 2px;
    background: #ff6502;
}

.banner_contact .text .p {
    font-size: 24px;
    line-height: 1;
    margin-bottom: 20px;
}

.banner_contact .text .c {
    font-size: 48px;
    line-height: 1;
    color: #ff6502;
}

.leida {
    position: absolute;
    left: 50%;
    top: 296px;
    width: 32px;
    height: 32px;
    margin-left: 149px;
}

.leida .icon-dizhi {
    font-size: 16px;
    color: #e91f2f;
    text-align: center;
    width: 32px;
    height: 32px;
    line-height: 32px;
    display: block;
    position: relative;
    z-index: 7;
}

.leida span {
    position: absolute;
    left: 50%;
    top: 50%;
    border-radius: 50%;
    display: block;
    background: rgba(233, 31, 47, 0.5);
    box-sizing: border-box;
    opacity: 0;
}

.leida .span2 {
    width: 80px;
    height: 80px;
    margin: -40px 0 0 -40px;
    z-index: 6;
}

.leida .span3 {
    width: 160px;
    height: 160px;
    margin: -80px 0 0 -80px;
    z-index: 5;
}

.leida .span4 {
    width: 320px;
    height: 320px;
    margin: -160px 0 0 -160px;
    z-index: 4;
}

.leida .span5 {
    width: 640px;
    height: 640px;
    margin: -320px 0 0 -320px;
    z-index: 3;
}

.leida .span6 {
    width: 100%;
    height: 100%;
    margin: -640px 0 0 -640px;
    z-index: 2;
}

.leida .span7 {
    width: 2560px;
    height: 2560px;
    margin: -100% 0 0 -100%;
    z-index: 1;
}

.FpulseSlow {
    animation: FpulseSlow infinite alternate 2s ease-in-out;
}

@keyframes FpulseSlow {
    0% {
        transform: scale(1);
        opacity: 1;
    }

    100% {
        transform: scale(0.85);
        opacity: 0.5;
    }
}

.FpulseSlow2 {
    animation: FpulseSlow2 infinite 3s linear;
    opacity: 0;
}

@keyframes FpulseSlow2 {
    0% {
        transform: scale(0.25);
        opacity: 0.4;
    }

    100% {
        transform: scale(1);
        opacity: 0;
    }
}

.contact {
    position: relative;
    z-index: 7;
}

.contact_con1 {
    background: #fff;
}

.contact_con1 ul {
    margin-right: -70px;
}

.contact_con1 li {
    float: left;
    width: 100%;
}

.contact_con1 .pd {
    margin-right: 70px;
    margin-bottom: 50px;
}

.contact_con1 .h3 {
    font-size: 18px;
    /* border-bottom:1px solid #eee;*/
    text-transform: uppercase;
}

.contact_con1 .p {
    position: relative;
    font-size: 13px;
    padding: 5px 0 5px 36px;
}

.contact_con1 .p i {
    width: 25px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    position: absolute;
    left: 0px;
    top: 8px;
    font-size: 22px;
}

.contact_con2 {
    background: #fff;
    padding: 50px 70px;
}

.tit3 {
    font-size: 24px;
    line-height: 40px;
    padding: 15px 0;
    border-bottom: 1px solid #9fa0a0;
    margin-bottom: 30px;
}

.job {
    overflow: hidden;
}

.job ul {
    margin-right: -60px;
}

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

.job li.clearfix {
    width: 100%;
    margin: 0px;
    float: none;
}

.job .pd {
    margin-right: 60px;
}

.job .h3 {
    margin-bottom: 30px;
    font-size: 24px;
    margin-bottom: 15px;
}

.job .p {
    font-size: 12px;
    line-height: 30px;
}

.job_p {
    font-size: 16px;
    padding-top: 60px;
}

.job_p a {
    color: #e91f2f;
}

.news_pg {
    margin: 0
}

.news_fl {
    width: 960px;
    float: left;
}

.news_wp {
    background: #fff;
    margin-bottom: 80px;
}

.crumbs {
    margin: 0 50px;
    color: #888;
    padding: 20px 0;
    line-height: 30px;
    border-bottom: 1px solid #dbdbdb;
}

.crumbs a {
    color: #888;
}

.crumbs a:hover {
    color: #e10000;
}

.crumbs span {
    color: #323235;
}

.crumbs em {
    margin: 0 5px;
}



.news_info {
    margin-left: 65px;
    margin-right: 35px;
    padding: 60px 0 50px 0;
}

.news_info_tit {
    font-size: 26px;
    line-height: 1.3;
    margin-bottom: 20px;
    text-align: center;
}

.news_info_em {
    color: #888;
    font-size: 12px;
    margin-bottom: 30px;
}

.news_info_con {
    font-size: 12px;
    line-height: 24px;
}

.news_info_con img {
    max-width: 100%;
    height: auto;
}

.news_page {
    overflow: hidden;
    padding: 25px 0 50px 0;
    background: #fff;
    border-top: 1px solid #ddd;
    position: relative;
}

.news_page .li {
    float: left;
    width: 50%;
}

.news_page .li a {
    display: block;
    font-size: 16px;
    height: 30px;
    overflow: hidden;
    line-height: 30px;
    padding: 0 40px;
    position: relative;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    color: #323235;
}

.news_page .li i {
    position: absolute;
    width: 30px;
    height: 30px;
    font-size: 24px;
    color: #323235;
    top: 50%;
    margin-top: -15px;
    line-height: 30px;
    text-align: center;
}

.news_page .li1 a {
    text-align: left;
}

.news_page .li1 i {
    left: 0px;
}

.news_page .li2 a {
    text-align: right;
}

.news_page .li2 i {
    right: 0px;
}

.news_page .return {
    position: absolute;
    left: 50%;
    margin: -16px 0 0 -16px;
    width: 32px;
    height: 32px;
    top: 50%;
}

.news_page .return a {
    width: 32px;
    height: 32px;
    line-height: 32px;
    display: block;
    text-align: center;
    font-size: 28px;
    color: #323235;
}

.news_page .li a:hover {
    color: #ff6502;
}

.news_page .li a:hover i {
    color: #ff6502;
}

.news_page .return a:hover {
    color: #ff6502;
}

.tj_service {}

.tit4 {
    line-height: 1;
}

.tit4 strong {
    margin-right: 10px;
}

.tit4 em {
    text-transform: uppercase;
    color: #ff6502;
}

.tit4_1 {
    font-size: 24px;
    margin-bottom: 30px;
}

.tit4_2 {
    font-size: 16px !important;
    margin-bottom: 20px;
}

.tit4_3 {
    font-size: 32px;
    margin-bottom: 35px;
}

.tit4_4 {
    font-size: 32px;
    margin-bottom: 25px;
}

.tit4_4 em {
    color: #fff;
}

.tit4_5 {
    font-size: 36px;
    margin-bottom: 10px;
    height: 80px;
	color: #000;
	font-weight:bold;
}

.tit4_5 em {
    color: #ff6502;
}

.tj_service_list {}

.tj_service_list .single-item {
    margin-right: -20px;
}

.tj_service_list .pd {
    display: block;
    margin-right: 20px;
    background: #fff;
}

.tj_service_list .img {
    overflow: hidden;
}

.tj_service_list .img img {
    width: 100%;
    height: auto;
    display: block;
}

.tj_service_list .text {
    padding: 25px 20px;
}

.tj_service_list .h3 {
    font-size: 22px;
    line-height: 1;
    margin-bottom: 10px;
    color: #595757;
}

.tj_service_list .p {
    font-size: 12px;
    color: #666;
    height: 24px;
    overflow: hidden;
    line-height: 24px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}

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

.info_fr {
    width: 75%;
    float: right;
}

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

.info_fr img {
    width: 100%;
}

.tj_case {
    background: #fff;
    margin-bottom: 20px;
    padding: 25px;
}

.tj_case_list {}

.tj_case_list .slick-slide {
    margin-bottom: 10px;
    float: none;
}

.tj_case_list .slick-slide:last-child {
    margin-bottom: 0px;
}

.tj_case_list .pd {
    display: block;
}

.tj_case_list .img {
    overflow: hidden;
}

.tj_case_list .img img {
    width: 100%;
    height: auto;
    display: block;
}

.tj_case_list .text {
    padding: 15px 0;
}

.tj_case_list .h3 {
    font-size: 12px;
    color: #595757;
}

.tj_case_list .p {
    font-size: 12px;
    color: #666;
}

.tj_news {
    background: #fff;
    margin-bottom: 20px;
    padding: 25px;
}

.tj_news_lsit {}

.tj_news_lsit li {
    padding: 15px 0;
    border-top: 1px dashed #cdcdcd;
    position: relative;
    font-size: 12px;
}

.tj_news_lsit a {
    height: 20px;
    line-height: 20px;
    display: block;
    overflow: hidden;
    padding-left: 24px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}

.tj_news_lsit i {
    position: absolute;
    left: 0px;
    top: 50%;
    height: 30px;
    line-height: 30px;
    margin-top: -15px;
}

.tj_tag {
    background: #fff;
    margin-bottom: 20px;
    padding: 25px;
}

.tj_tag_list {
    overflow: hidden;
}

.tj_tag_list .pd {
    margin-right: -8px;
}

.tj_tag_list a {
    float: left;
    height: 35px;
    line-height: 35px;
    padding: 0 8px;
    background: #f6f6f6;
    margin: 0 8px 8px 0;
    font-size: 12px;
}

.tj_tag_list a:hover {
    background: #323235;
    color: #fff;
}

.banner_case {
    position: relative;
}

.banner_case .pd {
    padding-left: 0px;
}

.banner_case .text {
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    color: #fff;
    text-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
    text-transform: uppercase;
}

.banner_case .h3 {
    font-size: 48px;
    line-height: 1;
    margin-bottom: 50px;
}

.banner_case .p {
    font-size: 16px;
    line-height: 1;
}

.banner_case .p em {
    margin: 0 10px;
}

.banner_case .m {
    padding: 90px 0 150px 0;
}

.banner_case .m a {
    width: 178px;
    height: 54px;
    background: #e10000;
    display: block;
    text-align: center;
    line-height: 54px;
    border-radius: 27px;
    font-size: 16px;
    color: #fff;
}

.content_tb {
    padding-top: 0px;
    padding-bottom: 0px;
    margin: 0 auto;
    overflow: hidden;
}

.content_t {
    padding-top: 0px;
    padding-bottom: 0px;
    margin: 0 auto;
}

.content_b {
    padding-top: 0px;
    padding-bottom: 0px;
    margin: 0 auto;
}

.caseinfo_top {
    position: relative;
    margin-bottom: 20px;
}

.caseinfo_top .img {
    background: #fff;
    box-shadow: 0 0 0 1px #e8e8e8;
    margin-right: 0;
    margin-top: -60px;
    position: relative;
    z-index: 2;
}

.caseinfo_top .img .pd {
    padding: 60px 55px;
}

.caseinfo_top .text {
    position: absolute;
    right: 0px;
    width: 31%;
    background: #fff;
    bottom: 0px;
    z-index: 1;
    padding-left: 40px;
    box-sizing: border-box;
}

.caseinfo_top .text .pd {
    padding: 60px;
}

.case_Project .p {
    font-size: 16px;
    line-height: 36px;
    min-height: 224px;
}

.case_Project .p strong {
    font-size: 36px;
    line-height: 1;
    margin-bottom: 25px;
    display: block;
    color: #ff6502
}

.case_Project .p em {
    font-size: 16px;
    color: #323235;
}

.case_Project .seop {
    min-height: 350px;
}

.case_Project .m {
    padding-top: 30px;
    overflow: hidden;
}

.case_Project .m i {
    width: 58px;
    height: 58px;
    box-sizing: border-box;
    line-height: 56px;
    border-radius: 50%;
    border: 1px solid #dfdbda;
    position: absolute;
    left: 0px;
    top: 0px;
    text-align: center;
    font-size: 24px;
}

.case_Project .m a {
    display: block;
    float: left;
    position: relative;
    padding-left: 88px;
    font-size: 16px;
    color: #c4bebc;
    height: 58px;
    line-height: 58px;
}

.case_Project .m a:hover {
    color: #c4bebc;
}

.case_Project .m a:hover i {
    border-color: #e10000;
    color: #e10000;
}

.case_service {
    margin-bottom: 50px;
}

.case_service li {
    width: 50%;
    float: left;
    font-size: 12px;
    box-sizing: border-box;
    line-height: 36px;
}

.case_service li:before {
    content: '>';
    margin-right: 10px;
}

.case_idea {}

.case_idea .p {
    font-size: 12px;
    line-height: 28px;
    min-height: 144px;
}

.caseinfo_con {
    background: #fff;
    /* padding:80px;*/
}

.caseinfo_con .h3 strong {
    font-size: 30px;
    line-height: 1;
    margin-bottom: 25px;
    display: block;
    color: #555;
}

.caseinfo_con img {
    max-width: 100%;
    height: auto;
}

.pg_con {
    margin-top: 30px;
    margin-bottom: 50px;
}

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

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

.pg_con img {
    max-width: 100%;
    height: auto;
    margin-bottom: 0px !important;
    width: 100%;
}

.caseinfo_m {
    padding: 50px 0;
}

.caseinfo_m a {
    width: 275px;
    height: 60px;
    text-align: center;
    border-radius: 30px;
    line-height: 60px;
    font-size: 24px;
    color: #fff;
    margin: 0 auto;
    background: #e10000;
    display: block;
}

.caseinfo_m a:hover {
    background: #e10000;
}

.pic_tj {
    padding: 0 0 0 0;
}

.pic_tj .single-item {
    /* margin-right:-25px;*/
    border-top: 1px solid #ddd;
    padding-top: 30px;
}

.pic_tj .pd {
    display: block;
    margin-right: 25px;
    background: #fff;
}

.pic_tj .img {
    overflow: hidden;
}

.pic_tj .img img {
    width: 100%;
    height: auto;
}

.pic_tj .text {
    padding: 25px;
    background: #f9f9f9;
    text-align: center;
}

.pic_tj .h3 {
    font-size: 16px;
    line-height: 1;
    margin-bottom: 10px;
    color: #595757;
}

.pic_tj .p {
    font-size: 16px;
    color: #ff6502;
    height: 24px;
    line-height: 24px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}

/*--------------------*/
.pic_tj .imge {
    overflow: hidden;
}

.pic_tj .imge img {
    width: 100%;
    height:250px;
    /* margin:20px 0 0 20px;*/
	border:solid 1px #f9f9f9;
}

/*--------------------*/
.slick .slick-arrow {
    font-size: 18px;
    position: absolute;
    top: -15px;
    z-index: 2;
    height: 40px;
    line-height: 40px;
    width: 58px;
    text-align: center;
    padding: 0px;
    border: none;
    color: #a7a7a7;
    background: rgba(0, 0, 0, 0);
    border-radius: 50%;
}

.slick .slick-prev {
    right: 58px;
    left: auto;
}

.slick .slick-prev:before {
    content: "\e701";
}

.slick .slick-next {
    right: 0px;
}

.slick .slick-next:before {
    content: "\e704";
}

.slick .slick-arrow:hover {
    color: #e10000;
}

.quick_nav {
    position: fixed;
    -webkit-transform: translateZ(0);
    right: 0px;
    top: 50%;
    color: #fff;
    text-align: center;
    width: 100px;
    margin-top: -100px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    z-index: 20;
}

.quick_nav1 a {
    color: #fff;
}

.quick_nav1 a:hover {
    text-decoration: underline
}

； .quick_nav1 {}

.quick_nav1 li {
    background: #323235;
    margin-bottom: 1px;
    padding: 10px 0;
    transition: 0.3s;
    border-radius: 0px;
}

.quick_nav1 li:hover {
    background: #e10000;
    color: #fff;
}

.quick_nav1 li:hover a {
    color: #fff;
}

.quick_nav1 .h3 {
    font-size: 16px;
    line-height: 1;
    position: relative;
    margin-bottom: 7px;
}

.quick_nav1 .h3:before {
    content: '\20';
    width: 10px;
    height: 2px;
    background: #e10000;
    position: absolute;
    left: 15px;
    top: 50%;
    margin-top: -1px;
}

.quick_nav1 .p {
    font-size: 12px;
    line-height: 18px;
    text-align: left;
    padding: 0 0 0 10px;
    overflow: hidden;
}

.quick_nav1 .p span,
.quick_nav1 .p a {
    margin-right: 8px;
    float: left;
    color: #acacac;
}

.quick_nav1 .p a:hover {
    text-decoration: underline;
    color: #fff;
}

.quick_nav1 li:nth-child(3) .p {
    padding: 0px;
}

.quick_nav1 li:nth-child(3) .p span,
.quick_nav1 li:nth-child(3) .p a {
    width: 50%;
    margin-right: 0px;
    text-align: center;
}

.quick_nav2 {}

.quick_nav2 li {
    background: #fff;
    border-radius: 0px;
    margin-bottom: 1px;
    position: relative;
    transition: 0.3s;
    padding: 12px 0;
}

.quick_nav2 .pd {
    color: #666;
    display: block;
}

.quick_nav2 .pd i {
    display: block;
    height: 28px;
    line-height: 28px;
    font-size: 28px;
}

.quick_nav2 .pd strong {}

.quick_nav2 .pd:hover {
    color: #ff6502;
}

.quick_nav2 .pd:hover .iconfont {
    color: #fff;
}

.quick_nav2 .box {
    position: absolute;
    right: 100px;
    top: 0px;
    width: 392px;
    text-align: left;
    color: #888888;
    font-size: 12px;
    display: none;
}

.quick_close {
    display: none;
}

.quick_nav2 .npd {
    background: #fff;
    margin-right: 22px;
    padding: 20px;
    border: 1px solid #e8e8e8;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    overflow: hidden;
}

.quick_nav2 .npd:before {
    content: '\20';
    background: url(../images/sj.png) no-repeat;
    width: 18px;
    height: 29px;
    display: block;
    position: absolute;
    right: 16px;
    top: 15px;
}

.quick_nav2 li:hover {
    background: #f08200;
    color: #fff;
}

.quick_nav2 li:hover .pd {
    color: #fff;
}

.quick_nav2 li:hover .box {
    display: block;
}

.quick_kf .h3 {
    font-size: 20px;
    color: #f08200;
    line-height: 30px;
    padding: 0 0 20px 38px;
    border-bottom: 1px solid #ececec;
    position: relative;
}

.quick_kf .h3 i {
    font-size: 24px;
    position: absolute;
    left: 0px;
    top: 0px;
    height: 30px;
    line-height: 30px;
    color: #f08200;
}

.quick_kf .p {
    padding: 15px 0;
    margin-bottom: 5px;
}

.quick_kf .m {
    overflow: hidden;
}

.quick_kf .m a {
    width: 33.3333%;
    float: left;
    display: block;
    color: #595757;
    text-align: center;
    padding: 15px 0 12px 0;
    background: #f9f9f9;
}

.quick_kf .m i {
    display: block;
    font-size: 28px;
    color: #f08200;
    position: relative;
    display: block;
    height: 34px;
    line-height: 34px;
    width: 34px;
    margin: 0 auto;
}

.quick_kf .m i:after {
    content: '\20';
    width: 14px;
    height: 14px;
    background: url(../images/xiaoxi.gif) no-repeat;
    background-size: cover;
    position: absolute;
    right: -8px;
    top: -5px;
}

.quick_kf .m span {
    display: block;
}

.quick_kf .m a:hover {
    background: #f1f1f1;
}

.quick_fw .i {
    width: 66px;
    border-right: 1px solid #ececec;
    height: 90px;
    line-height: 90px;
    float: left;
    margin-right: 18px;
}

.quick_fw .i i {
    font-size: 28px;
    position: relative;
    width: 44px;
    text-align: center;
    display: block;
}

.quick_fw .i i:after {
    content: '\20';
    width: 14px;
    height: 14px;
    background: url(../images/xiaoxi.gif) no-repeat;
    background-size: cover;
    position: absolute;
    right: -5px;
    top: 14px;
}

.quick_fw .h3 {
    font-size: 20px;
    line-height: 1;
    padding: 15px 0;
}

.quick_fw .p {
    font-size: 28px;
    line-height: 1;
    color: #f08200;
}

.quick_wx {}

.quick_wx .box {
    width: 186px;
    bottom: 0px;
    top: auto;
}

.quick_wx .npd:before {
    top: auto;
    bottom: 20px;
}

.quick_wx img {
    width: 100%;
    height: auto;
    display: block;
}

.quick_wx span {
    display: block;
    padding-top: 15px;
    text-align: center;
}

.quick_top {
    display: none;
}

.body_top .quick_top {
    display: block;
}

.bcon5 {
    background: #fff;
    padding: 50px 0;
    text-align: center;
}

.app_top {
    margin-bottom: 60px;
}

.app_top .h3 {
    font-size: 36px;
    color: #3e3a39;
    margin-bottom: 10px;
}

.app_top .em {
    font-size: 16px;
    color: #e10000;
    margin-bottom: 10px;
}

.app_top .p {
    font-size: 16px;
    color: #888;
}

.app_list {}

.app_list ul {}

.app_list li {
    float: left;
    width: 12.5%;
    background: url(../images/app_list_line.png) repeat-x center center;
}

.app_list .pd {
    position: relative;
    padding: 66px 0;
    display: block;
}

.app_list .img {
    background: #fff;
    width: 110px;
    height: 110px;
    border: 5px solid #d1d1d1;
    border-radius: 50%;
    margin: 0 auto;
    color: #888;
    position: relative;
}

.app_list .img:after {
    content: '\20';
    width: 1px;
    height: 26px;
    position: absolute;
    background: #d3d3d3;
    left: 50%;
    top: -26px;
}

.app_list .img span {
    font-size: 24px;
    line-height: 1;
    display: block;
    margin-bottom: 7px;
}

.app_list .img em {
    font-size: 16px;
    line-height: 1;
    display: block;
}

.app_list .text {
    position: absolute;
    width: 200px;
    left: 50%;
    top: 0px;
    margin-left: -100px;
}

.app_list .text img {
    width: 100%;
    height: auto;
    display: block;
}

.app_list li:nth-child(even) .text {
    bottom: 0px;
    top: inherit;
}

.app_list li:nth-child(even) .img:after {
    top: inherit;
    bottom: -26px;
}

/*详细页*/
.case_nav {
    position: fixed;
    left: 0px;
    top: 0px;
    right: 0px;
    background: #f3f0ef;
    text-align: center;
    z-index: 10;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}

.case_nav ul {
    display: inline-block;
    vertical-align: bottom;
    text-align: left;
}

.case_nav li {
    float: left;
    margin: 0 5px;
}

.case_nav a {
    padding: 0 40px;
    height: 60px;
    font-size: 16px;
    line-height: 60px;
    position: relative;
    display: block;
}

.case_nav a:after {
    content: '\20';
    height: 3px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    background: #e10000;
    position: absolute;
    display: none;
}

.case_nav a.active {
    color: #e10000;
}

.case_nav a.active:after {
    display: block;
}

.fixed-nav.fixed-nav-appear .case_nav {
    top: 60px;
}

.case_con {
    margin-bottom: 30px;
    padding: 0 60px;
}

.tit5 {
    font-size: 36px;
    text-align: center;
    padding: 30px 0;
}

.tit5 span {
    color: #e10000;
}

.table {}

.table table {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid #dbdbdb;
    text-align: center;
    font-size: 12px;
}

.table th {
    background: #e10000;
    border: 1px solid #dbdbdb;
    padding: 10px;
    color: #fff;
    font-size: 16px;
}

.table td {
    border: 1px solid #dbdbdb;
    padding: 10px;
    word-break: break-all;
}

.table img {
    width: 100%;
    max-width: 115px;
    height: auto;
    display: inline;
}

.table tr:nth-child(odd) td {
    background: #f3f0ef;
}

.table .p {
    font-size: 16px;
}

.mgb40 {
    margin-bottom: 40px;
}

.text1 {
    font-size: 16px;
    color: #323235;
    padding: 0 100px;
    text-align: center;
    margin-bottom: 40px;
}

.list1 {
    margin-bottom: 40px;
}

.list1 .single-item {}

.list1 .slick-slide {
    background: #ffffff;
    padding-top: 40px;
}

.list1 .pd {
    border: 1px solid #dbdbdb;
    border-right: 0px;
    padding: 60px 40px 35px 40px;
    text-align: center;
    position: relative;
}

.list1 .slick-slide:last-child .pd {
    border-right: 1px solid #dbdbdb;
}

.list1 i,
.list1 em {
    position: absolute;
    left: 50%;
    top: -40px;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    text-align: center;
    line-height: 80px;
    margin-left: -40px;
    background: #ff6502;
    color: #fff;
    font-size: 40px;
}

.list1 .h3 {
    font-size: 24px;
    color: #e10000;
}

.list1 .p {
    font-size: 12px;
    line-height: 24px;
    min-height: 144px;
}

.img_auto {}

.img_auto img {
    max-width: 100%;
    height: auto;
    margin-bottom: 40px;
}

.img_auto img:last-child {
    margin-bottom: 0px;
}

.imgtext1 {
    background: #f3f0ef;
    padding: 20px;
    overflow: hidden;
    margin-bottom: 40px;
}

.imgtext1 .img {
    float: left;
    width: 464px;
}

.imgtext1 .img .single-item {
    padding-bottom: 50px;
}

.imgtext1 .img .slick-dots {
    position: absolute;
    left: 50%;
    bottom: 20px;
    margin-left: -30px;
}

.imgtext1 .img .slick-dots li {
    float: left;
    margin: 0 3px;
}

.imgtext1 .img .slick-dots li button {
    display: block;
    border: none;
    padding: 0px;
    width: 12px;
    height: 12px;
    text-indent: -99px;
    border-radius: 50%;
    overflow: hidden;
    background: #888;
    box-sizing: border-box;
    border: 1px solid #fff;
}

.imgtext1 .img .slick-dots li.slick-active button {
    background: #e10000;
}

.imgtext1 .text {
    margin-left: 464px;
    padding: 130px 130px 0 130px;
}

.imgtext1 .h3 {
    font-size: 36px;
    line-height: 1;
    padding-bottom: 30px;
    border-bottom: 1px solid #9fa0a0;
    margin-bottom: 50px;
}

.imgtext1 .p {
    font-size: 12px;
    line-height: 22px;
}

.imgtext1 .p strong {
    font-size: 24px;
    color: #e10000;
}

.img_list1 {
    border: 1px solid #dbdbdb;
}

.img_list1 img {
    border-bottom: 1px solid #dbdbdb;
    max-width: 100%;
    height: auto;
}

.img_list1 img:last-child {
    border-bottom: none;
}

.img_list2 {
    padding: 20px 10px;
    background: #f3f0ef;
    overflow: hidden;
}

.img_list2 img {
    width: 50%;
    float: left;
    padding: 0 10px;
    box-sizing: border-box;
}

.ys_huangse {
    color: #fff000;
}

.ys_hongse {
    color: #ff6502;
}

.smm_tab {}

.smm_tabnav {
    margin-bottom: 40px;
    text-align: center;
}

.smm_tabnav ul {
    display: inline-block;
    vertical-align: bottom;
}

.smm_tabnav li {
    float: left;
    margin: 0 10px;
}

.smm_tabnav li a {
    padding: 0 34px;
    height: 46px;
    line-height: 46px;
    border-radius: 23px;
    background: #f3f0ef;
    color: #888;
    font-size: 16px;
    display: block;
}

.smm_tabnav li.curr a {
    background: #e10000;
    color: #fff;
}

.smm_tabcon {}

.smm_tabcon li {
    display: none;
}

.smm_tabcon li:first-child {
    display: block;
}

.tit6 {
    padding: 30px 0 10px 0;
    line-height: 30px;
    text-align: center;
    background: #f3f0ef;
    font-size: 16px;
}

.tit6 strong {
    color: #e10000;
    margin-left: 18px;
}

.tit6 span {
    margin-right: 18px;
}

.table_4 .w4 {
    width: 280px;
}

.table_1 .w2 {
    width: 330px;
}

.table_1 .w3 {
    width: 445px;
}

.table_8 .w3 {
    width: 200px;
}

.table_8 .w4 {
    width: 115px;
}

.table_11 .w1 {
    width: 140px;
}

.table_11 .w5 {
    width: 152px;
}

.table_min_8 th,
.table_min_11 th {
    width: 86px;
}

.table_list .single-item {
    padding-bottom: 30px;
}

.table_list .slick-arrow {
    width: 60px;
    height: 32px;
    line-height: 32px;
    bottom: -10px;
    top: auto;
    background: #e10000;
    color: #fff;
}

.table_list .slick-prev {
    left: 0px;
}

.table_list .slick-next {
    right: 0px;
}

.nb-icon-wrap {
    display: none !important;
}

#to_case {
    position: absolute;
    top: -60px;
}

.show_xj {}

.xg_news {
    background: #fff;
    padding: 30px;
    margin-bottom: 50px;
}

.xg_news .tit4_1 {
    margin-bottom: 10px;
}

.xg_news_list {}

.xg_news_list ul {
    margin-right: -30px;
}

.xg_news_list li {
    float: left;
    width: 33.3333%;
}

.xg_news_list .pd {
    display: block;
    overflow: hidden;
    border-bottom: 1px dashed #9fa0a0;
    margin-right: 30px;
    font-size: 16px;
    height: 40px;
    line-height: 40px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}

#container {
    height: 400px;
    width: 100%;
}

.highcharts-exporting-group,
.highcharts-credits,
.highcharts-legend-item,
.highcharts-legend-box {
    display: none !important;
}

/*.zcrumbs{ padding: 0 0 0 20px; margin:0 auto; border-bottom:1px solid #9fa0a0; color:#666; text-align:left;top:-45px; position: relative;}*/
.zcrumbs {
    border-bottom: 1px solid #c6c6c6;
    color: #666;
    text-align: left;
    width: 100%;
    top: 80px;
    margin: 0 auto;
    padding: 15px 0 15px 0;
}

.zcrumbs em {
    margin: 0 5px;
}

.zcrumbs a {
    color: #666;
}

.zcrumbs a:hover {
    color: #999;
}

.zcrumbs span {
    color: #fff;
}

.ncrumbs {
    background: none;
    color: #fff;
    /*text-shadow:0 0 1px rgba(0,0,0,1); */
    padding: 0px;
    margin: 0px;
}

.ncrumbs .pd {
    position: absolute;
    left: 0px;
    top: -105px;
}

.ncrumbs a {
    color: #fff;
}

.ncrumbs a:hover {
    /*text-shadow:0 0 1px rgba(255,255,255,1);*/
    color: #9fa0a0
}

.ncrumbs span {
    color: #fff;
}


.kol_top {
    background: #fff;
    margin: -60px 80px 90px 80px;
    box-shadow: 0 0 50px rgba(0, 0, 0, 0.2);
    padding: 60px 70px 70px 70px;
}

.kol_top .con {
    font-size: 16px;
    line-height: 2;
}

.kol_top .con p {
    margin-bottom: 1em;
}

.tips_con {
    position: relative;
    padding: 43px 51px 35px 97px;
    background: #fdfdfd;
    border: 1px solid #f0f0f0
}

.tips_con:before {
    content: "\201C";
    position: absolute;
    top: -4px;
    left: 28px;
    font-size: 90px;
    color: #dcdcdc
}

.tips_con_line {
    color: #969696;
}

.tips_con_text {
    margin-bottom: 20px;
    font-size: 14px;
    line-height: 24px;
    color: #999
}

.tips_con_name {
    margin-right: 10px;
    color: #999;
    font-weight: 500
}

.tips_con_name:after {
    content: "";
    display: inline-block;
    vertical-align: -2px;
    width: 1px;
    height: 14px;
    background: #dcdcdc;
    margin-left: 10px
}

.tips_con_position {
    color: #969696
}

.tips_con_info {
    position: relative;
    float: right;
    top: -20px;
}

.con_tit {
    margin-bottom: 20px;
}

.con_tit {
    margin-bottom: 20px;
}

.con_tit h1 {
    font-size: 22px;
    color: #0b0b0b;
    text-align: center;
    margin-bottom: 25px
}

.con_tit .line {
    position: relative;
    width: 100%;
    margin: 0 auto;
    text-align: center
}

.con_tit .line i {
    display: block;
    width: 100%;
    height: 1px;
    background: #ecebf2
}

.con_tit .line .font {
    position: absolute;
    left: 38%;
    top: -8px;
    width: 250px;
    padding-left: 10px;
    font-size: 14px;
    color: #747474;
    text-align: center;
    background: #fff
}

.con_tit .line .font em {
    position: absolute;
    top: 8px;
    left: 0;
    display: block;
    width: 22px;
    height: 1px;
    background: #555
}

.con_tit .line .font .left-color {
    left: -17px
}

.con_tit .line .font .right-color {
    left: 260px
}

.kol_tabnav {
    margin-bottom: 90px;
    text-align: center;
}

.kol_tabnav ul {
    display: inline-block;
    vertical-align: bottom;
}

.kol_tabnav li {
    float: left;
    margin: 0 10px;
}

.kol_tabnav li a {
    padding: 0 34px;
    height: 46px;
    line-height: 46px;
    border-radius: 23px;
    background: #fff;
    color: #323235;
    font-size: 16px;
    display: block;
}

.kol_tabnav li.curr a {
    background: #ff6502;
    color: #fff;
}

.kol_tabcon {
    margin: 0 80px;
}

.kol_tabcon li {
    display: none;
}

.kol_tabcon li:first-child {
    display: block;
}

.kol_tabcon .dl {
    margin-bottom: 80px;
}

.kol_tabcon .dl:last-child {
    margin-bottom: 0px;
}

.kol_img {
    box-shadow: 0 0 50px rgba(0, 0, 0, 0.2);
}

.kol_img img {
    width: 100%;
    height: auto;
    display: block;
}


.business {
    margin: 0 auto;
    padding: 60px 0 60px 0;
}

.business ul {
    margin-right: -25px;
}

.business ul li {
    width: 25%;
    padding-top: 30px;
    margin-bottom: 30px;
    float: left;
}

.business .pd {
    display: block;
    margin-right: 25px;
    background: #fff;
}

.business .img {
    overflow: hidden;
}

.business .img img {
    width: 100%;
}

.business .text {
    padding: 25px;
    background: #f9f9f9;
}

.business .h3 {
    font-size: 16px;
    line-height: 1;
    margin-bottom: 10px;
    color: #595757;
}

.business .p {
    font-size: 12px;
    color: #ff6502;
    height: 24px;
    line-height: 24px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}




.col20 {
    width: 20%;
}

.col25 {
    width: 25%;
}

.col33 {
    width: 33.3333%;
}

.intro {
    margin: 0 auto;
}

.intro ul {
    margin-right: 0px;
}

.intro li {
    width: 20%;
    float: left;
    margin-bottom: 20px;
}

.intro .pd {
    display: block;
    position: relative;
    color: #666;
    margin-right: 0px;
}

.intro .img {}

.intro .img img {
    width: 100%;
    height: auto;
}

.intro .text {
    /*position:absolute;*/
    position: absolute;
    left: 0;
    top: 40%;
    width: 100%;
    text-align: center;
    background: white;
    background: rgba(255, 255, 255, 0.8);
}

.intro .h3 {
    font-size: 16px;
    line-height: 1;
    margin-bottom: 30px;
    margin-top: 20px;
}

.intro .p {
    font-size: 16px;
    line-height: 28px;
}

.intro .m {
    padding-top: 35px;
}

.intro .m i {
    font-size: 26px;
    line-height: 1;
}



.mt50b {
    margin-top: 50px;
}

.mb50b {
    margin-bottom: 50px;
}

/**************************************************************************************************************/

@media screen and (max-width:1680px) {
    .caseinfo_top .text .pd {
        padding: 55px;
    }

    .ncrumbs .pd {
        top: -100px;
    }
}

/**************************************************************************************************************/

@media screen and (max-width:1650px) {
    .header {
        /*width:100%;*/
        width: 100%;
        margin: 0 auto;
    }

    .wp {}

    .picIntro .img {
        /*padding:40px;*/
    }

    .picIntro .img .h3 {
        font-size: 28px;
    }

    .picIntro .text {
        padding: 0 40px 40px 40px;
    }

    .picIntro .text .m {
        padding-top: 40px;
    }


    .about_con2 .fb {
        /*padding:40px;*/
    }

    .about_con2 .fb .h3 {
        font-size: 48px;
    }

    .about_con2 .fb {
        padding: 40px;
    }

    .about_con2 .fb .m {
        padding-top: 40px;
    }

    .about_con2 .img {
        /*padding:40px;*/
    }

    .about_con2 .img .h3 {
        font-size: 48px;
    }

    .about_con2 .text {
        padding: 40px;
    }

    .about_con2 .text .m {
        padding-top: 40px;
    }

    .about_con3 .text {
        height: 338px;
    }

    .about_con3 .h3 {
        font-size: 32px;
    }

    .about_con3 .em {
        padding-bottom: 20px;
        margin-bottom: 20px;
    }

    .about_con3 .pd {
        padding: 65px 30px 0 30px;
    }

    .contact_con1 .h3 {
        font-size: 24px;
    }

    .contact_con1 .p {
        font-size: 16px;
    }

    .contact_con1 .pd {
        margin-right: 50px;
    }

    .tit3 {
        padding: 8px 0;
        font-size: 26px;
    }

    .contact_con2 {
        padding: 40px 50px;
    }

    .job ul {
        margin-right: -50px;
    }

    .job .pd {
        margin-right: 50px;
    }

    .job_p {
        font-size: 16px;
    }

    .tit3 {
        font-size: 24px;
    }

    .news_pg {
        margin: 0px;
    }

    .news_fl {
        width: 73%;
    }

    .news_page .li a {
        font-size: 16px;
    }

    .news_info_tit {
        font-size: 24px;
    }

    .menu .h3 a {
        padding: 0 6px;
        margin: 0 6px;
    }

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

    .caseinfo_top .img {
        margin-right: 0%;
        margin-top: -60px;
    }

    .caseinfo_top .img .pd {
        padding: 40px;
    }

    .caseinfo_top .text {
        width: 44%;
        padding-left: 48px;
    }

    .caseinfo_top .text .pd {
        padding: 40px;
    }

    .case_service {
        margin-bottom: 40px;
    }

    .case_service li {
        line-height: 30px;
    }

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

    .case_con {
        padding: 0px;
    }

    .caseinfo_con {
        /* padding:40px 60px;*/
    }

    .imgtext1 .text {
        padding: 100px 40px 0 60px;
    }

    .brand_text .h3 {
        font-size: 48px;
        margin-bottom: 40px;
    }

    .brand_text .p {
        font-size: 20px;
    }

    .brand_text .m {
        padding-top: 60px;
    }

    .about_con1 .text .em {
        font-size: 60px;
    }

    .about_con1 .text .h3 {
        font-size: 36px;
    }

    .number_lsit {
        padding: 0px 10% 20px 10%;
    }

    .number_lsit .h3 {
        font-size: 60px;
    }

    .number_lsit .em {
        font-size: 15px;
    }

    .number_lsit .pd {
        width: 220px;
        /* height: 220px; */
    }

    .contact_con1 ul {
        margin-right: -50px;
    }

    .contact_con1 .pd {
        margin-right: 50px;
    }

    .caseinfo_top .text {}

    .tit4 {
        font-size: 28px;
    }

    .case_Project .p {
        font-size: 16px;
        line-height: 28px;
    }

    .pic_tj .single-item {
        margin-right: -15px;
    }

    .pic_tj .pd {
        margin-right: 15px;
    }

    .pic_tj .h3 {
        font-size: 16px;
    }

    .slick .slick-arrow {
        top: -34px;
        width: 40px;
        height: 40px;
        line-height: 40px;
    }

    .slick .slick-prev {
        right: 48px;
    }


    .banner_case .h3 {
        font-size: 36px;
        margin-bottom: 40px;
    }

    .banner_case .p {
        font-size: 16px;
    }

    .banner_case .m {
        padding: 60px 0 100px 0;
    }

    .banner_case .m a {
        width: 140px;
        height: 48px;
        line-height: 48px;
        font-size: 16px;
    }


    .case_Project .seop {
        min-height: 305px;
    }

    .ncrumbs .pd {
        top: -85px;
    }

    .business .text {
        width: auto;
        left: 35px;
        top: 35px;
    }

    .business .h3 {
        font-size: 28px;
        margin-bottom: 20px;
    }

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

    .business .m {
        padding-top: 25px;
    }

    .intro .text {
        left: 0;
        top: 50%;
        width: 100%;
        text-align: center;
    }

    .intro .h3 {
        font-size: 28px;
        margin-bottom: 20px;
    }

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

    .intro .m {
        padding-top: 25px;
    }

}

/**************************************************************************************************************/

@media screen and (max-width:1440px) {
    .btext .h3 {
        font-size: 48px;
        margin-bottom: 20px;
    }

    .btext .p {
        font-size: 24px;
    }

    .btext .m {
        padding-top: 40px;
    }

    .btext .m a {
        width: 190px;
        height: 44px;
        line-height: 44px;
    }

    .msItem .img .h3 {
        font-size: 28px;
        line-height: 40px;
    }

    .msItem .text .h3 {
        font-size: 36px;
        line-height: 40px;
    }

    .case_ul .text {
        font-size: 16px;
        height: 50px;
        line-height: 50px;
    }

    .case_list li {
        width: 33.3333%;
    }
    .product-file{
        width: 33.3333%;
    }
    /*.picIntro .img{width:50%;}
.picIntro .text{ margin-left:50%;}*/

    .bt_1 {
        font-size: 40px;
    }

    .intro li {
        width: 25%;
    }

    .business ul li {
        width: 25%;
    }

    .about_bg {
        width: 95%;
        background: #f6f6f6;
        height: 350px;
        position: absolute;
        margin-top: 80px;
    }

    .tit1 strong {
        font-size: 28px;
        margin-bottom: 20px;
    }

    .msCase_tab {
        margin-bottom: 50px;
    }

    .msCase_tab a {
        font-size: 12px;
    }

    .service_2 .img {
        width: 66.2222%;
    }

    .service_2 .text {
        padding: 35px 60px 0 60px;
        margin: 0 66.2222% 0 0;
    }

    .service_2 li.even .text {
        padding: 25px 40px;
    }

    .service_2 li.even .m {
        right: 40px;
    }

    .service_2 li.odd .text {
        margin: 0 0 0 66.2222%;
    }

    .brand_text .h3 {
        font-size: 44px;
        margin-bottom: 30px;
    }

    .brand_text .p {
        font-size: 16px;
        line-height: inherit;
    }

    .brand_text .m {
        padding-top: 50px;
    }

    .brand_text .m em {
        width: 50px;
        height: 50px;
        line-height: 50px;
        font-size: 22px;
    }

    .app_top .h3 {
        font-size: 28px;
    }

    .app_list .img {
        width: 90px;
        height: 90px;
        border-width: 3px;
    }

    .app_list .img span {
        font-size: 24px;
    }

    .app_list .img em {
        font-size: 16px;
    }

    .app_list .text {
        width: 160px;
        margin-left: -80px;
    }


    .banner_contact .img {
        height: 580px;
    }

    .banner_contact .text .pd {
        padding: 40px 50px;
    }

    .banner_contact .text .em {
        padding-bottom: 30px;
    }

    .banner_contact .text .p {
        margin-bottom: 15px;
    }

    .banner_contact .text .c {
        font-size: 40px;
    }

    .banner_case .h3 {
        font-size: 28px;
        margin-bottom: 30px;
    }

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

    .banner_case .m {
        padding: 40px 0 80px 0;
    }

    .banner_case .m a {
        width: 140px;
        height: 40px;
        line-height: 40px;
        font-size: 16px;
    }

    .tit5 {
        font-size: 28px;
        padding: 20px 0;
    }

    .table .p {
        font-size: 16px;
    }


    .table_1 .w2 {
        width: 260px;
    }

    .table_1 .w3 {
        width: 290px;
    }

    .text1 {
        font-size: 16px;
    }

    .list1 .pd {
        padding: 60px 20px 20px 20px;
    }

    .list1 .h3 {
        font-size: 16px;
    }

    .list1 .p {
        min-height: 144px;
    }

    .imgtext1 .h3 {
        font-size: 28px;
        padding-bottom: 20px;
        margin-bottom: 40px;
    }

    .msBanner .slick-prev {
        left: 80px;
    }

    /* .picShow .slick-prev{ left:20px;} */

    .kol_top {
        padding: 40px;
        margin: -40px 0 70px 0;
    }

    .kol_top .con {
        font-size: 16px;
        line-height: 1.8;
    }

    .kol_tabnav {
        margin-bottom: 50px;
    }

    .kol_tabcon {
        margin: 0px;
    }

    .kol_tabcon .dl {
        margin-bottom: 50px;
    }

}

/**************************************************************************************************************/

@media screen and (max-width:1366px) {
    .quick_nav {
        width: 92px;
        margin-top: -100px;
    }

    .quick_nav1 .h3 {
        margin-bottom: 3px;
        font-size: 12px;
    }

    .quick_nav2 li {
        padding: 10px 0;
    }

    .quick_nav2 .pd i {
        height: 24px;
        line-height: 24px;
        font-size: 24px;
    }

    .quick_nav2 .box {
        right: 92px;
    }

    .msNews_c {
        margin-right: -15px;
    }

    .msNews_con .em {
        width: 100px;
        top: 30px;
    }

    .msNews_con .text {
        padding: 25px 25px 25px 100px;
    }

    .msNews_con .slick-dots {
        bottom: 142px;
    }

    .msNews_con {
        padding-right: 15px;
    }

    .footer_nav {
        padding: 25px 0;
    }

    .flink {
        font-size: 12px;
    }

    .footer_con {
        padding: 40px 0;
    }

    .about_con5 {
        height: auto;
        padding: 80px 0;
    }

    .about_con5 .wpd {
        padding-top: 0px;
    }

    .standard {
        padding-top: 0px;
    }

    .standard .pd {
        padding: 50px 0;
    }

    .standard .i {
        font-size: 200px;
        margin-top: -100px;
    }

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

    .case_Project .m i {
        width: 44px;
        height: 44px;
        line-height: 44px;
        font-size: 16px;
    }

    .case_Project .m a {
        height: 44px;
        line-height: 44px;
        padding-left: 64px;
    }

    .tit4 {
        margin-bottom: 25px;
        font-size: 20px;
    }

    .case_service {
        margin-bottom: 20px;
    }

    .caseinfo_con {
        /* padding:40px;*/
    }

    .pg_con img {
        margin-bottom: 30px;
    }

    .caseinfo_m a {
        width: 220px;
        height: 50px;
        line-height: 50px;
        font-size: 16px;
    }

    .case_nav a {
        font-size: 16px;
        padding: 0 20px;
        height: 50px;
        line-height: 50px;
    }

    .text1 {
        font-size: 12px;
        padding: 0 60px;
    }

    .imgtext1 .text {
        padding: 60px 30px 30px 30px;
    }

    .imgtext1 .h3 {
        font-size: 24px;
        padding-bottom: 15px;
        margin-bottom: 30px;
    }

    .imgtext1 .p {
        line-height: 1.5;
    }

    .imgtext1 .p strong {
        font-size: 16px;
    }

    .case_Project .seop {
        min-height: 290px;
    }

    .quick_nav1 .h3:before {
        left: 12px;
    }

    .header .wp {
        height: 70px;
    }

    .menu .h3 a {
        height: 70px;
        line-height: 70px;
    }

    .logo {
        width: 200px;
        margin-top: -25px;
    }

    .msItem .img,
    .msItem .text {
        padding: 15px;
    }

    .kol_top .con {
        font-size: 12px;
    }

    .menu .box {
        top: 70px;
    }

    .fixed-nav .box {
        /* top: 80px; */
    }

    .navBanner {
        height: 300px;
    }

    .bt_txtarea {
        margin-top: 15%;
    }
}

/**************************************************************************************************************/

@media screen and (max-width:1279px) {
    .wp {
        width: 1000px;
    }

    .header .wp {
        margin: 0 30px;
        height: 80px;
        min-width: 1000px;
    }

    .about_con2 .text .h3{
        padding-top: 20px;
    }

    .menu {
        margin: 0 215px 0 158px;
    }

    .menu .h3 a {
        height: 80px;
        line-height: 80px;
        margin: 0 5px;
    }

    .logo {
        width: auto;
        margin-top: -20px;
    }

    .logo img {
        height: 40px;
        width: auto;
        margin-top: 2px;
    }

    .menu .box {
        top: 80px;
    }

    .fixed-nav .logo {
        width: auto;
        margin-top: -25px;
    }

    .fixed-nav .logo img {
        height: 30px;
    }

    .fixed-nav .menu {
        margin: 0 210px 0 120px;
    }

    .msItem .text {
        padding: 15px;
    }

    .msItem .img {
        padding: 15px;
    }

    .msItem ul {
        margin-right: -10px;
    }

    .msItem .pd {
        margin-right: 10px;
    }

    .footer_nav {
        padding: 20px 0;
    }

    .footer_con {
        line-height: 1.6;
        width: auto;
    }

    .icon2 {
        padding: 50px 0;
    }

    .tit1 {
        margin-bottom: 30px;
        padding-top: 30px;
    }

    .tit1 strong {
        font-size: 24px;
        margin-bottom: 15px;
    }

    .tit1 em {
        font-size: 16px;
    }

    .msCase_tab {
        margin-bottom: 30px;
        padding: 0px;
        margin-top: 15px;
    }

    .msCase_tab ul {
        width: 100%;
    }

    .msCase_tab a {
        border: 0;
    }

    .case_ul .text {
        height: 40px;
        line-height: 40px;
        font-size: 12px;
    }

    .msCase_tab li {
        width: 100%;
    }

    .msCase_tab li {
        float: left;
        padding: 0;
        border-bottom: 1px #fff solid;
    }

    .c_tab8 li {
        width: 100%;
    }

    .msMore {
        padding-top: 30px;
    }

    .msMore a {
        line-height: 40px;
    }

    .msMore a span {
        height: 40px;
        line-height: 40px;
    }

    .msMore a i {
        width: 40px;
        height: 40px;
        line-height: 40px;
        font-size: 16px;
    }

    .service_2 .text {
        padding: 30px;
    }

    .service_2 .h3 {
        padding-bottom: 17px;
        margin-bottom: 15px;
    }

    .service_2 .em {
        font-size: 14px;
        height: 24px;
        line-height: 24px;
    }

    .service_2 .m {
        padding-top: 30px;
    }

    .service_2 .m i {
        width: 100px;
        height: 40px;
        line-height: 40px;
    }

    .service_2 li.even .text {
        padding: 25px 30px;
    }

    .service_2 li.even .m i {
        height: 25px;
        line-height: 25px;
    }

    .service_2 li.even .m {
        right: 30px;
    }

    .tit2 {
        font-size: 16px;
        margin-bottom: 10px;
    }

    .msNews {
        margin-bottom: 40px;
    }

    .iabout {
        line-height: 24px;
        margin-bottom: 40px;
    }

    .iabout .h3 span {
        font-size: 16px;
    }

    .iabout .h3 strong {
        font-size: 16px;
    }

    .iabout .p strong {
        font-size: 16px;
    }

    .msProject .img i {
        font-size: 48px;
    }

    .msProject .h3 {
        font-size: 16px;
    }

    .msProject .pd {
        width: 210px;
    }

    .brand_text .h3 {
        font-size: 36px;
        margin-bottom: 20px;
    }

    .brand_text .p {
        font-size: 16px;
    }

    .brand_text .m {
        display: none;
    }

    .more a {
        width: 120px;
    }

    .more a,
    .more a span {
        height: 40px;
        line-height: 40px;
    }

    .tjnews_list ul {
        margin-right: -15px;
    }

    .tjnews_list .pd {
        padding: 25px 25px 25px 100px;
        margin-right: 15px;
    }

    .tjnews_list .em {
        width: 100px;
        top: 30px;
    }

    .app_top .h3 {
        font-size: 24px;
    }

    .app_list .img {
        width: 80px;
        height: 80px;
        border-width: 2px;
    }

    .app_list .img span {
        font-size: 20px;
    }

    .app_list .img em {
        font-size: 12px;
    }

    .app_list .text {
        width: 140px;
        margin-left: -70px;
    }

    .about_con1 .text .em {
        font-size: 48px;
        margin-bottom: 10px;
    }

    .about_con1 .text .h3 {
        font-size: 24px;
        margin-bottom: 10px;
    }

    .about_con1 .text .p {
        font-size: 12px;
    }

    .number_lsit .pd {
        border: none;
        width: auto;
        height: auto;
    }

    .number_lsit .h3 {
        padding-top: 20px;
    }

    .picIntro {
        position: relative;
    }

    .picIntro .fb {
        position: absolute;
        left: 0px;
        top: 0px;
        bottom: 0px;
    }

    .picIntro .img .m a {
        width: 120px;
        height: 40px;
        line-height: 40px;
        margin-right: 10px;
    }

    .picIntro .img .h3 {
        font-size: 32px;
        letter-spacing: normal;
    }

    .picIntro .img .p {
        font-size: 12px;
    }

    .picIntro .text .m a {
        height: 40px;
        line-height: 40px;
    }

    .about_con2 {
        position: relative;
    }

    .about_con2 .fb {
        position: absolute;
        left: 0px;
        top: 0px;
        bottom: 0px;
    }

    .about_con2 .fb .m a {
        width: 120px;
        height: 40px;
        line-height: 40px;
        margin-right: 10px;
    }

    .about_con2 .fb .h3 {
        font-size: 32px;
        letter-spacing: normal;
    }

    .about_con2 .fb .p {
        font-size: 12px;
    }

    .about_con2 .fb .m a {
        height: 40px;
        line-height: 40px;
    }


    .about_con2 .img {
        position: absolute;
        left: 0px;
        top: 0px;
        bottom: 0px;
    }

    .about_con2 .img .m a {
        width: 120px;
        height: 40px;
        line-height: 40px;
        margin-right: 10px;
    }

    .about_con2 .img .h3 {
        font-size: 32px;
        letter-spacing: normal;
    }

    .about_con2 .img .p {
        font-size: 12px;
    }

    .about_con2 .text .m a {
        height: 40px;
        line-height: 40px;
    }

    .about_con3 {
        margin-bottom: 60px;
    }

    .about_con3 .text {
        height: 281px;
    }

    .about_con3 .p br {
        display: none;
    }

    .about_con3 .pd {
        padding: 50px 25px 0 25px;
    }

    .about_con3 .h3 {
        font-size: 24px;
        margin-bottom: 10px;
    }

    .about_con3 .em {
        font-size: 16px;
    }

    .news_list .m {
        display: none;
    }

    .news_list .text {
        padding: 30px 30px 30px 100px;
    }

    .news_list .em {
        width: 100px;
    }

    .news_list ul {
        margin-right: -15px;
    }

    .news_list li {
        margin-bottom: 20px;
    }

    .news_list .pd {
        margin-right: 15px;
    }

    .type_tab {
        margin-bottom: 40px;
    }

    .news_fl {
        width: 690px;
    }

    .crumbs,
    .news_info {
        margin: 0 30px;
    }

    .crumbs {
        padding: 15px 0 10px 0;
    }

    .tj_service_list .h3 {
        font-size: 16px;
        margin-bottom: 5px;
    }

    .tj_service_list .single-item {
        margin-right: -10px;
    }

    .tj_service_list .pd {
        margin-right: 10px;
    }

    .news_page .li a {
        font-size: 12px;
    }

    .news_page .li i {
        font-size: 20px;
    }

    .news_page .return a {
        font-size: 24px;
    }

    .news_wp {
        margin-bottom: 40px;
    }

    .news_fr {
        width: 290px;
    }

    .tj_case,
    .tj_news,
    .tj_tag {
        padding: 20px;
    }

    .tit4_1 {
        margin-bottom: 20px;
        font-size: 16px;
    }

    .tit4_2 {
        margin-bottom: 15px;
    }


    .list1 .slick-slide {
        padding-top: 30px;
    }

    .list1 i,
    .list1 em {
        width: 60px;
        height: 60px;
        top: -30px;
        margin-left: -30px;
        line-height: 60px;
        font-size: 32px;
    }

    .list1 .pd {
        padding: 45px 15px 15px 15px;
    }

    .list1 .p {
        min-height: 168px;
    }

    .list1 .h3 {
        font-size: 12px;
    }

    .list1 .p {
        font-size: 12px;
        line-height: inherit;
        min-height: 126px;
    }


    .imgtext1 .img {
        width: 320px;
    }

    .imgtext1 .text {
        margin-left: 320px;
    }
}

/**************************************************************************************************************/

@media screen and (max-width:1024px) {
    body {
        padding: 60px 0 50px 0;
    }

    .mt50b {
        margin-top: 0;
    }

    .mb50b {
        margin-bottom: 0;
    }

    .header {
        position: fixed;
        left: 0px;
        top: 0px !important;
        right: 0px;
    }

    .header .wp {
        min-width: inherit;
        height: 60px;
    }

    .wp {
        width: auto;
        margin: 0 30px;
    }

    .top_tel {
        right: 60px;
    }

    .top_tel span {
        font-size: 24px;
    }

    .logo {
        margin-top: -15px;
        /*margin-left: -58px;
        left: 50%;*/
    }

    .logo img {
        height: 30px;
    }

    .menu-link {
        display: block;
    }

    .header {
        height: 60px;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
        width: auto;
        margin: 0;
    }

    .menu {
        padding: 0px;
        margin: 0px;
        display: none;
        position: fixed;
        left: 100%;
        top: 60px;
        right: 0px;
        width: 100%;
        background: #f6f6f6;
        display: block;
    }

    .menu ul {
        overflow: hidden;
        display: block;
        margin-right: 0px;
        width: 100%;
    }

    .menu .h3 {
        border-bottom: 1px solid #fff;
        border-right: 1px solid #fff;
    }

    .menu .h3 i {
        display: block;
        font-size: 32px;
        line-height: 32px;
        height: 32px;
    }

    .menu li {
        width: 100%;
        float: left;
        margin: 0 0 0 20px;
        padding: 0px;
        text-align: left;
    }

    .menu li:first-child {
        width: 100%;
    }

    .menu .h3 a {
        line-height: normal;
        height: auto;
        padding: 10px 0;
        color: #323235
    }

    .menu li:hover .h3 a {
        color: #868686;
    }

    .menu .h3 i {
        display: block;
        font-size: 32px;
        line-height: 32px;
        height: 32px;
    }

    .menu .h3 strong {
        height: 32px;
        line-height: 32px;
    }

    .menu li:hover .box {
        display: none;
    }

    .content_t {
        padding-top: 0px;
        padding-bottom: 0px;
        width: auto;
    }


    .menu_bg {
        display: block;
        background: #f6f6f6;
        position: fixed;
        left: 100%;
        top: 0px;
        right: 0px;
        width: 100%;
        bottom: 0px;
        z-index: 11;
    }

    .quick_bg {
        background: rgba(0, 0, 0, 0.5);
        position: fixed;
        left: 0px;
        top: 0px;
        right: 0px;
        bottom: 0px;
        display: none;
    }

    .quick_nav {
        top: auto;
        left: 0px;
        width: auto;
        bottom: 0px;
        margin: 0px;
        -webkit-transform: none;
    }

    .quick_nav1 {
        display: none;
    }

    .quick_nav2 {
        border-top: 1px solid #fff;
    }

    .quick_nav2 li {
        float: left;
        width: 25%;
        margin-bottom: 0px;
        border-right: 1px solid #fff;
        box-sizing: border-box;
        padding: 0px;
        display: block;
        border-radius: 0px;
        position: static;
    }

    .quick_nav2 .pd {
        background: #3e3e3e;
        padding: 5px 0;
        color: #fff;
    }

    .quick_nav2 .pd i {
        height: 24px;
        line-height: 24px;
        font-size: 24px;
    }

    .quick_nav2 .pd strong {
        display: block;
        line-height: 16px;
        font-size: 12px;
    }

    .quick_nav2 .pd:hover {
        background: #565656;
    }

    .quick_nav2 .box {
        position: fixed;
        left: 50%;
        bottom: auto;
        top: 50%;
        right: auto;
    }

    .quick_nav2 .npd {
        margin: 0;
    }

    .quick_nav2 .npd:before {
        transform: rotate(90deg);
        right: auto;
        left: 50%;
        bottom: 5px;
        top: auto;
        display: none;
    }

    .quick_nav2 li:hover .box {
        display: none;
    }

    .quick_nav2 ul li .iconfont {
        color: #fff
    }

    .quick_kf .box {
        margin: -120px 0 0 -196px;
    }

    .quick_fw .box {
        margin: -66px 0 0 -196px;
    }

    .quick_wx .box {
        margin: -122px 0 0 -93px;
    }

    .quick_close {
        position: absolute;
        left: 50%;
        bottom: -40px;
        margin: 0 0 0 -15px;
        width: 30px;
        height: 30px;
        border-radius: 50%;
        color: #fff;
        text-align: center;
        line-height: 30px;
        cursor: pointer;
        display: block;
    }

    .msBanner {
        padding-bottom: 0px;
    }

    .msBanner .slick-dots {
        bottom: 20px;
    }

    /* .picShow{ padding-bottom:0px;width: 500px;}
.picShow .slick-dots{ bottom:20px;} */
    .btext .h3 {
        font-size: 32px;
        margin-bottom: 10px;
    }

    .btext .p {
        font-size: 16px;
    }

    .btext .m {
        padding-top: 20px;
    }

    .btext .m a {
        width: 160px;
        height: 40px;
        border-radius: 20px;
        line-height: 40px;
        font-size: 12px;
    }

    .icon1 {
        position: static;
        padding: 30px 0;
        background: #fff;
        display: none;
    }

    .msItem .img {
        background: #efefef;
    }

    .msItem .img .h3 {
        font-size: 24px;
        height: 30px;
        line-height: 30px;
    }

    .msItem .text .h3 {
        font-size: 24px;
    }

    .msBanner .slick-prev {
        left: 30px;
    }

    .msBanner .slick-next {
        right: 30px;
    }

    /* .picShow .slick-prev{ left:20px;}
.picShow .slick-next{ right:20px;} */

    .psBrand {
        width: auto;
    }

    .footer_con .li {
        width: auto;
        float: none;
        padding-right: 0px;
        text-align: center;
        margin-bottom: 20px;
        padding-left: 10px;
    }

    .flink {
        line-height: 20px;
    }

    .flink a {
        margin: 0 10px;
        float: left;
    }

    .brand_text_1 {
        left: 30px;
        top: 32%;
    }

    .brand_text .h3 {
        font-size: 24px;
        margin-bottom: 10px;
    }

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

    .brand_service {
        padding: 30px 0 0 0;
    }

    .case_list .b {
        display: none;
    }

    .case_list .text {
        position: static;
        transform: translateY(0%);
        opacity: 1;
        padding: 0px;
        background: #fff;
        color: #323235;
        margin-top: 0;
    }

    .case_list .h3 {
        font-size: 12px;
        padding: 0 10px;
        height: 40px;
        line-height: 40px;
        text-align: center;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        overflow: hidden;
    }

    .case_list .p {
        display: none;
    }

    .tjnews_list li {
        width: 50%;
    }

    .bcon {
        padding: 0;
    }

    .bcon1,
    .bcon3 {
        background: #fff;
        padding-top: 50px;
        margin-bottom: 50px
    }

    .more {
        padding: 25px 0 0 0;
    }

    .tjnews_list {
        padding-bottom: 50px;
    }

    .bcon .service_2 .pd {
        background: #f6f6f6;
    }

    .bcon .service_2 .pd:hover {
        background: #323235;
    }

    .bcon5 {
        display: none;
    }

    .picIntro .text {
        margin-left: 50%;
    }

    .picIntro .text .h3 {
        font-size: 24px;
        padding-bottom: 20px;
        margin-bottom: 15px;
    }

    .picIntro .text .p strong {
        font-size: 16px;
    }

    .picIntro .text .p {
        line-height: 24px;
    }

    .about_con2 .text .h3 {
        font-size: 24px;
        padding-bottom: 20px;
        margin-bottom: 15px;
    }

    .about_con2 .text .p strong {
        font-size: 16px;
    }

    .about_con2 .text .p {
        line-height: 24px;
    }

    .about_con3 .text {
        height: 271px;
    }

    .about_con3 .em {
        padding-bottom: 15px;
        margin-bottom: 15px;
    }


    .about_con5 {
        height: auto;
        padding: 50px 0;
    }

    .standard .pd {
        padding: 50px 0;
    }

    .standard .i {
        font-size: 180px;
        margin-top: -90px;
    }

    .standard .h3 {
        font-size: 28px;
    }

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


    .banner_contact .img {
        height: 500px;
        background-size: cover;
    }

    .leida {
        top: 215px;
        margin-left: 105px;
    }

    .banner_contact .text {
        position: static;
        margin-bottom: 30px;
        text-align: center;
        padding-top: 30px;
    }

    .banner_contact .text .em:before {
        left: 50%;
        margin-left: -7px;
    }

    .banner_contact .text .pd {
        float: none;
        border-radius: 0px;
    }

    .contact {
        margin: 0px;
        position: static;
    }

    .contact_con1 .h3 {
        font-size: 16px;
        height: 40px;
        line-height: 40px;
        margin-bottom: 10px;
    }

    .contact_con1 .p {
        font-size: 12px;
        padding: 5px 0 5px 32px;
        line-height: 24px;
    }

    .contact_con1 .p i {
        width: 24px;
        height: 24px;
        font-size: 24px;
        line-height: 24px;
        top: 6px;
    }

    .tit3 {
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 30px;
    }

    .job li {
        width: auto;
        float: none;
    }


    .news_fl {
        width: 680px;
    }

    .news_fr {
        width: 264px;
    }

    .tj_case,
    .tj_news,
    .tj_tag {
        padding: 15px;
        margin-bottom: 30px;
    }

    .caseinfo_top .img {
        background: #fff;
        box-shadow: 0 0 0 1px #e8e8e8;
        margin-right: 0;
        margin-top: -110px;
        position: relative;
        z-index: 2;
        margin-bottom: 20px;
    }

    .caseinfo_top .img .pd {
        padding: 30px;
    }

    .caseinfo_top .text {
        width: auto;
        background: #fff;
        color: #3e3a39;
        position: static;
        padding: 0px;
    }

    .caseinfo_top .text .pd {
        padding: 30px;
    }

    .tit4 {
        margin-bottom: 20px;
    }

    .case_service {
        margin-bottom: 30px;
    }

    .caseinfo_con {
        padding: 30px 0 0 0;
    }

    .pic_tj {
        padding-top: 0px;
    }

    .case_nav li {
        margin: 0 8px;
    }

    .case_nav a {
        height: 40px;
        line-height: 40px;
        font-size: 12px;
        padding: 0 15px;
    }

    .body_case .case_nav {
        top: 60px;
    }


    .tit5 {
        font-size: 24px;
        padding: 15px 0;
    }

    .table th {
        font-size: 12px;
    }

    .table_4 .w4 {
        width: 220px;
    }

    .tit6 {
        font-size: 16px;
    }

    .list1 .single-item {
        padding-bottom: 30px;
    }

    .list1 .slick-slide {
        padding-top: 0px;
    }

    .list1 .pd {
        border: none;
        background: #efefef;
        padding: 20px;
    }

    .list1 i,
    .list1 em {
        position: static;
        display: block;
        margin: 0 auto 20px auto;
    }

    .list1 .p {
        min-height: inherit;
    }

    .imgtext1 .text {
        padding: 30px 10px 30px 30px;
    }


    .table_8 .w3 {
        width: 140px;
    }

    .table_8 .w4 {
        width: 80px;
    }

    .table_11 .w1 {
        width: 140px;
    }

    .table_11 .w5 {
        width: 152px;
    }

    .msCase_tab {
        display: block;
    }

    .msCase_tab a:hover {
        border: 0;
    }

    .case_Project .p,
    .case_idea .p {
        min-height: inherit;
    }

    .zcrumbs {
        margin: 0px;
        padding: 5px 0;
        background: #ffffff;
    }

    .ncrumbs {
        color: #3e3a39;
    }

    .ncrumbs .pd {
        position: relative;
        text-shadow: none;
        color: #999;
        top: -65px;
    }

    .ncrumbs span {
        text-shadow: none;
    }

    .ncrumbs a {
        text-shadow: none;
        color: #999;
    }

    .ncrumbs a:hover {
        text-shadow: none;
    }

    .menu .h3 a:after {
        display: none !important;
    }

    .navBanner {
        display: none;
    }

    .kol_top {
        margin: 0 0 50px 0;
        box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
    }

    .kol_tabnav {
        margin-bottom: 40px;
    }

    .kol_tabnav li a {
        padding: 0 30px;
        font-size: 16px;
    }

    .kol_tabcon .dl {
        margin-bottom: 40px;
    }

    .business .text {
        left: 30px;
        top: 30px;
    }

    .business .h3 {
        font-size: 24px;
        margin-bottom: 10px;
    }

    .business .m {
        padding-top: 15px;
    }

    .intro .text {
        left: 30px;
        top: 30px;
    }

    .intro .h3 {
        font-size: 24px;
        margin-bottom: 10px;
    }

    .intro .m {
        padding-top: 15px;
    }
}

/**************************************************************************************************************/

@media screen and (max-width:980px) {
    .picIntro .fb {
        position: relative;
        float: none;
        width: auto;
        /* padding:30px 182px 30px 30px;*/
    }

    .picIntro {
        width: 100%;
    }

    .picIntro1 {
        width: 100%;
    }

    .picIntro .img {
        position: relative;
        float: none;
        width: auto;
        /* padding:30px 182px 30px 30px;*/
    }

    .picIntro .img .m {
        position: absolute;
        /* right:30px; top:30px; padding:0px;*/
    }

    .picIntro .img .m a {
        margin: 0 0 10px 0;
        float: none;
    }

    .picIntro .text {
        margin: 0px;
        padding: 30px 0 0 0;
    }

    .ml50 {
        margin-left: 0;
        padding-bottom: 50px;
    }

    .ml44 {
        margin-left: 0;
        padding-bottom: 50px;
    }

    .picIntro .img li {
        list-style: none;
        text-align: center;
    }

    .picIntro .img li img {
        width: 100%;
        position: static;
        padding-bottom: 10px;
        display: inline-block;
    }

    /* .picShow{width: 100%;} */
    .product-content {
        padding-left: 0;
    }
	.product-content .h3 {
		margin-bottom:20px;
    }

    .about_con2 .fb {
        position: relative;
        float: none;
        width: auto;
        /* padding:30px 182px 30px 30px;*/
    }

    .about_con2 .fb .m {
        position: absolute;
        /* right:30px; top:30px; padding:0px;*/
    }

    .about_con2 .fb .m a {
        margin: 0 0 10px 0;
        float: none;
    }

    .about_con2 .fb {
        margin: 0px;
        padding: 30px;
    }

    .about_con2 .img {
        position: relative;
        float: none;
        width: auto;
        /* padding:30px 182px 30px 30px;*/
    }

    .about_con2 .img .m {
        position: absolute;
        /* right:30px; top:30px; padding:0px;*/
    }

    .about_con2 .img .m a {
        margin: 0 0 10px 0;
        float: none;
    }

    .about_con2 .text {
        margin: 0px;
        padding: 30px;
    }

    .about_con3 li {
        width: 50%;
        float: left;
    }

    .about_con3 .img {
        width: auto !important;
        float: none !important;
    }

    .about_con3 .text {
        margin: 0px !important;
    }


    .news_fl {
        width: auto;
        margin-bottom: 30px;
        float: none;
    }

    .tj_service_list .text {
        padding: 15px;
    }

    .tj_service_list .h3 {
        font-size: 12px;
    }

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

    .news_fr {
        width: auto;
        float: none;
    }

    .tj_news,
    .tj_tag {
        padding: 20px;
    }

    .tj_case {
        padding: 0px;
        background: none;
    }

    .tj_case_list .single-item {
        margin-right: -10px;
    }

    .tj_case_list .slick-slide {
        float: left;
    }

    .tj_case_list .pd {
        margin-right: 10px;
        background: #fff;
    }

    .tj_case_list .text {
        padding: 15px;
    }

    .table_1 .w2 {
        width: 160px;
    }

    .table_1 .w3 {
        width: 180px;
    }

    .business ul {
        margin-right: -10px;
    }

    .business li {
        margin-bottom: 10px;
    }

    .business .pd {
        margin-right: 10px;
        background: #f6f6f6;
        color: #333;
    }

    .business .text {
        position: static;
        padding: 20px;
        width: auto;
    }

    .intro ul {
        margin-right: -10px;
    }

    .intro li {
        margin-bottom: 10px;
        width: 50%
    }

    .intro .pd {
        margin-right: 10px;
        background: #f6f6f6;
        color: #333;
    }

    .intro .text {
        position: static;
        padding: 20px;
        width: auto;
    }

    /* .img_cut{width:100%;} */

    .tips_con_name:after {
        display: none
    }

    .tips_con_text {
        margin-bottom: 50px;
        font-size: 12px
    }

    .tips_con_position {
        display: block;
        margin-left: 36px;
        font-size: 12px
    }

    .case {
        top: 0;
        width: auto;
        padding: 24px;
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .tips_con {
        padding: 12px 12px 12px 44px
    }

    .tips_con:before {
        top: -4px;
        left: 12px;
        font-size: 50px
    }

    .tips_con_info {
        top: -60px;
    }

}

/**************************************************************************************************************/

@media screen and (max-width:768px) {
    .btext .h3 {
        font-size: 24px;
        margin-bottom: 5px;
    }

    .btext .p {
        font-size: 14px;
    }

    .btext .m {
        padding-top: 15px;
    }

    .btext .m a {
        width: 100px;
        height: 34px;
        border-radius: 17px;
        line-height: 34px;
        font-size: 12px;
    }

    .power .item {
        width: 48%;
        margin: 16px 1%;
    }

    .power {
        padding-bottom: 40px;
    }

    .case_ul .li {
        width: 50%;
        margin-top: 15px;
    }

    .pic_ul .li {
        width: 100%;
    }

    .service_2 li {
        width: 100%;
    }

    .service_2 .img {
        width: auto;
        float: none !important;
    }

    .service_2 .text {
        margin: 0px !important;
        padding: 25px 30px;
    }

    .service_2 .h3 {
        border-bottom: 1px solid #dbdbdb;
        font-size: 16px;
    }

    .service_2 .h3:hover {
        font-size: 16px;
        line-height: 1;
        padding-bottom: 17px;
        margin-bottom: 15px;
    }

    .service_2 .h3:after {
        display: none;
    }

    .service_2 .m {
        position: absolute;
        right: 30px;
        top: 25px;
        padding: 0px;
    }

    .service_2 .m i {
        border: none;
        text-align: right;
        width: auto;
        height: 19px;
        line-height: 19px;
    }

    .psBrand li,
    .hsBrand li {
        width: 50%;
    }

    .msNews_c {
        position: relative;
        height: 480px;
        margin: 0px;
    }

    .msNews_tab {
        display: block;
        padding-top: 10px;
    }

    .msNews .tit2 {
        display: none;
    }

    .msNews_con {
        width: auto;
        float: none;
        margin-bottom: 30px;
        position: absolute;
        left: 0px;
        top: 0px;
        right: 0px;
        margin-bottom: 0px;
        padding-right: 0px;
        z-index: 2;
        visibility: hidden;
    }

    .msNews_con.curr {
        z-index: 4;
        visibility: visible;
    }

    .brand_service .pd {
        padding-bottom: 30px;
    }

    .case_list ul {
        margin-right: -10px;
    }

    .case_list li {
        margin-bottom: 10px;
    }

    .case_list .pd {
        margin-right: 10px;
    }

    .msCase_tab li {
        width: 100%;
        padding-top: 0px;
        padding-left: 0px;
        padding-right: 0px;
        border-bottom: 1px #fff solid;
    }

    .msCase_tab a {
        padding: 0;
        text-align: center;
        border-bottom: 1px solid #ccc;
        height: 30px;
        line-height: 30px;
        margin-left: 0px;
        text-align: left;
        padding-left: 25px
    }

    .about_con1 .text .em {
        font-size: 32px;
        margin-bottom: 10px;
    }

    .about_con1 .text .h3 {
        font-size: 16px;
        margin-bottom: 10px;
    }

    .about_con1 .text .p {
        font-size: 12px;
    }

    .number_lsit {
        padding: 40px 0 10px 0;
    }

    .number_lsit .h3 {
        font-size: 32px;
    }

    .number_lsit .em {
        font-size: 12px;
    }

    .picIntro .text .h3 {
        font-size: 16px;
        padding-bottom: 0px;
        margin-bottom: 10px;
    }

    .about_con2 .text .h3 {
        font-size: 16px;
        padding-bottom: 0px;
        margin-bottom: 10px;
    }

    .about_con3 {
        margin-bottom: 40px;
    }

    .about_con3 li {
        width: auto;
        float: none;
    }

    .about_con4 {
        margin-bottom: 40px;
    }

    .news_list li {
        width: 50%;
    }

    .news_flip a {
        width: 40px;
        height: 40px;
        margin: 0 3px;
        line-height: 40px;
    }


    .banner_contact .text .pd {
        padding: 30px;
    }

    .contact_con1 {
        padding: 30px;
    }

    .contact_con1 ul {
        margin-right: -30px;
    }

    .contact_con1 .pd {
        margin-right: 30px;
    }

    .job .h3 {
        font-size: 16px;
        margin-bottom: 10px;
    }

    .contact_con2 {
        padding: 30px;
    }


    .tj_service_list .single-item,
    .tj_case_list .single-item {
        padding-bottom: 30px;
    }

    .banner_case .h3 {
        font-size: 16px;
        margin-bottom: 10px;
    }

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

    .banner_case .p em {
        margin: 0 5px;
    }

    .banner_case .m a {
        width: 120px;
        font-size: 12px;
    }

    .pic_tj .single-item {
        margin-right: -10px;
    }

    .pic_tj .pd {
        margin-right: 10px;
    }


    .smm_tabnav li,
    .kol_tabnav li {
        margin: 0 5px;
    }

    .smm_tabnav li a,
    .kol_tabnav li a {
        font-size: 16px;
        height: 40px;
        line-height: 40px;
        padding: 0 25px;
    }

    .tit6 {
        font-size: 12px;
    }

    .table_3 .w2 {
        width: 260px;
    }

    .text1 {
        padding: 0px;
    }

    .xg_news_list ul {
        margin-right: -20px;
    }

    .xg_news_list li {
        width: 50%;
    }

    .xg_news_list .pd {
        margin-right: 20px;
        font-size: 12px;
    }

    .kol_tabnav li a {
        padding: 0 15px;
    }

    .kol_top {
        padding: 30px;
    }

    .business .h3 {
        font-size: 16px;
    }

    .business .p {
        line-height: 20px;
    }

    .intro .h3 {
        font-size: 16px;
    }

    .intro .p {
        line-height: 20px;
    }
}

/**************************************************************************************************************/

@media screen and (max-width:640px) {
    .about {
        width: auto;
        padding-top: 25px;
    }

    .tit1 {
        margin-bottom: 0px;
    }

    .tjnews_list {
        padding: 0px;
        margin-bottom: 0px;
    }

    .news {
        width: 100%;
    }

    .news_fl {
        width: 96%;
    }

    .hide-640 {
        display: none;
    }

    .content_tb {
        padding-top: 0px;
        padding-bottom: 30px;
        width: auto;
    }

    .content_t {
        padding-top: 0px;
        padding-bottom: 0px;
        width: auto;
        margin-bottom: 0px;
    }

    .content_b {
        padding-top: 0px;
        padding-bottom: 0px;
        width: auto;
    }

    .con_tit .line .font {
        left: 20%;
    }

    .tit4_5 {
        margin-bottom: 0px;
        height: 40px;
        line-height: 50px;
    }

    .tit4_5 em {
        font-size: 14px;
    }

    .btext .h3 {
        transition-delay: 0.4s;
    }

    .btext .p {
        transition-delay: 0.6s;
    }

    .btext .m {
        transition-delay: 0.8s;
    }

    .btext {
        position: absolute;
        box-sizing: border-box;
        left: 30px;
        right: 30px;
        top: auto;
        bottom: 0;
        background: #fff;
        color: #000;
        text-align: center;
        padding: 15px;
        box-sizing: border-box;
        -webkit-transform: translateZ(0);
    }

    .btext .m {
        padding-top: 10px;
    }

    .btext .m a {
        margin: 0 auto;
        border-color: #333;
        color: #333;
        width: 130px;
        height: 30px;
        line-height: 30px;
    }

    .btext .m a:hover {
        color: #fff;
    }

    .btext .p br {
        display: none;
    }

    .btext .h3 {
        font-size: 18px;
        height: 26px;
        line-height: 26px;
        overflow: hidden;
    }

    .btext .p {
        height: 20px;
        line-height: 20px;
        overflow: hidden;
    }

    .btext_4 .p {
        color: inherit;
    }

    /* .msBanner{width:100%;} */
    .msBanner {
        background: #f4f0ef;
    }

    .msBanner .pd {
        /* margin-bottom: 108px; */
    }

    .msBanner .slick-dots {
        /* bottom: 155px; */
    }

    .msBanner .slick-dots li {
        margin: 0 3px;
    }

    .msBanner .slick-dots li button {
        width: 6px;
        height: 6px;
    }

    .msBanner .slick-arrow {
        opacity: 1;
        background: rgba(0, 0, 0, 1);
        width: 32px;
        height: 32px;
        line-height: 32px;
        font-size: 16px;
        margin-top: -70px;
        display: none !important;
    }

    /* .msBanner .slick-dots li{ margin:0 3px;}
.msBanner .slick-dots li button{ width:6px; height:6px;}
.msBanner .slick-arrow{ opacity:1;background: rgba(0,0,0,1); width:32px; height:32px; line-height:32px; font-size:16px; margin-top:-70px; display:none !important;} */

    /* .picShow{width:100%;}
.picShow{background:#f4f0ef; width:auto;}
.picShow .slick-dots li{ margin:0 3px;}
.picShow .slick-dots li button{ width:6px; height:6px;}
.picShow .slick-arrow{ opacity:1;background: rgba(0,0,0,1); width:32px; height:32px; line-height:32px; font-size:16px; margin-top:-70px; display:none !important;} */


    .service_2 ul {
        margin-right: 0px;
    }

    .service_2 .pd {
        margin-right: 0px;
    }

    .service_2 li {
        width: auto !important;
        float: none !important;
    }

    .service_2 .p {
        height: auto;
        display: block;
        -webkit-box-orient: inherit;
        -webkit-line-clamp: inherit;
    }

    .msProject .pd {
        width: 224px;
    }

    .brand_service {
        padding: 10px 0 0 0;
    }

    .brand_service .h3 {
        font-size: 16px;
        margin-bottom: 10px;
        text-align: center;
    }

    .bcon1 .tit1 strong {
        font-size: 16px;
        line-height: 1.4;
    }

    .case_list ul {
        margin-right: -5px;
    }

    .product-file{
        width: 50%;
    }
    .case_list li {
        width: 50%;
        margin-bottom: 5px;
    }

    .case_list .pd {
        margin-right: 15px;
    }

    .case_list .text {
        margin-top: 0;
    }

    .tjnews_list ul {
        margin-right: 0px;
    }

    .tjnews_list li {
        width: auto;
        float: none;
    }

    .tjnews_list .pd {
        margin-right: 0px;
        padding: 20px 20px 20px 100px;
    }

    .tjnews_list .em {
        top: 28px;
    }

    .bcon3 .service_2 li:last-child {
        margin-bottom: 0px;
    }

    .about_con1 .text .em {
        font-size: 24px;
        margin-bottom: 5px;
    }

    .about_con1 .text .h3 {
        font-size: 16px;
        margin-bottom: 5px;
    }

    .about_con1 .text .p {
        font-size: 12px;
    }

    .number_lsit {
        padding: 30px 0 10px 0;
    }

    .number_lsit .h3 {
        font-size: 24px;
        margin-bottom: 5px;
    }

    .number_lsit .em {
        font-size: 12px;
    }

    .type_tab ul {
        display: block;
    }

    .type_tab li {
        width: 33.3333%;
    }

    .type_tab a {
        padding: 0px;
        font-size: 16px;
    }

    .banner_contact .text .pd {
        padding: 20px;
    }

    .banner_contact .text .em {
        padding-bottom: 20px;
        line-height: 1.3;
    }

    .banner_contact .text .h3 {
        font-size: 16px;
    }

    .banner_contact .text .p {
        font-size: 16px;
    }

    .banner_contact .text .c {
        font-size: 32px;
    }

    .h550 {
        height: 100%;
    }

    .h600 {
        height: 100%;
    }

    .contact_con1 {
        padding: 20px;
    }

    .contact_con1 ul {
        margin-right: 0px;
    }

    .contact_con1 li {
        width: auto;
        float: none;
        margin-bottom: 30px;
    }

    .contact_con1 li:last-child {
        margin-bottom: 0px;
    }

    .contact_con1 .pd {
        margin-right: 0px;
    }

    .contact_con2 {
        padding: 20px;
    }

    .job_p {
        padding-top: 30px;
        font-size: 12px;
    }

    .banner_case .text {
        text-align: center;
    }

    .banner_case .m {
        padding: 20px 0 0 0;
    }

    .banner_case .m a {
        width: 100px;
        height: 32px;
        line-height: 32px;
        font-size: 12px;
        margin: 0 auto;
    }

    .banner_case .m a:before {
        opacity: 0;
    }

    .banner_case .pd {
        padding-left: 0px;
    }


    .tit5 {
        font-size: 16px;
    }

    .table table {
        font-size: 12px;
    }

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

    .table th {
        font-size: 12px;
    }

    .table_4 .w1 {
        width: 60px;
    }

    .table_4 .w2 {
        width: 60px;
    }

    .table_4 .w3 {
        width: 30px;
    }

    .table_4 .w4 {
        width: auto;
    }

    .img_list2 {
        padding: 5px 3px;
    }

    .img_list2 img {
        padding: 0 2px;
    }

    .tit6 {
        font-size: 12px;
        padding: 5px 0 0 0;
    }

    .tit6 strong {
        margin-left: 5px;
    }

    .tit6 span {
        margin-right: 5px;
    }


    .table_1 .w2 {
        width: auto;
    }

    .table_1 .w3 {
        width: auto;
    }

    .table_1 .w1 {
        width: 60px;
    }

    .table_1 .w4 {
        width: 60px;
    }

    .imgtext1 {
        padding: 20px;
    }

    .imgtext1 .img {
        width: auto;
        float: none;
    }

    .imgtext1 .text {
        margin: 0px;
        padding: 20px 0 0 0;
    }

    .imgtext1 .h3 {
        text-align: center;
        margin-bottom: 20px;
        font-size: 16px;
    }

    .imgtext1 .p br {
        display: none;
    }

    .imgtext1 .p strong {
        font-size: 12px;
        display: block;
        padding: 10px 0;
    }

    .slick-dots li {
        margin: 0 3px;
    }

    .slick-dots li button {
        width: 8px;
        height: 8px;
    }


    .img_max {
        display: none !important;
    }

    .img_min {
        display: block !important;
    }

    .slick-slide img {
        height: auto;
        width: 100%;
    }

    /* .msBanner .pd {height:550px;} */
    .msBanner video {
        display: none;
    }

    /* .picShow video{ display:none;} */

    .icon2 {
        padding: 30px 0;
    }

    .icon3 {
        padding-bottom: 30px;
    }

    .icon2 .wp,
    .icon3 .wp,
    .icon4 .wp {
        margin: 0;
        padding: 0px;
    }

    .iabout {
        margin-bottom: 0px;
    }

    .service_2 li {
        margin-bottom: 10px;
    }

    .msProject {
        display: none;
    }

    .flink a {
        margin: 0 10px 0 0;
    }

    .footer {
        padding-top: 15px;
    }

    .footer_nav {
        display: none;
    }

    .footer_con .li .tit a {
        margin-bottom: 5px;
    }

    .footer_con .li {
        text-align: left;
    }

    .footer_con .li1 {
        display: none
    }

    .footer_con .li2 {
        display: none
    }

    .footer_con .li3 {
        display: none
    }

    .footer_con .li4 {
        display: none
    }

    .footer_con .li5 {
        display: none
    }

    .icon4 {
        padding: 0;
    }

    .icon6 {
        padding: 0;
    }

    .icon6 .tips {
        padding: 30px 0;
    }

    .psBrand,
    .hsBrand {
        padding-top: 20px;
        width: auto;
    }

    .xg_news_list ul {
        margin-right: 0px;
    }

    .xg_news_list li {
        width: auto;
        float: none;
    }

    .xg_news_list .pd {
        margin-right: 0px;
    }

    #article {
        font-size: 13px;
    }
}

/**************************************************************************************************************/

@media screen and (max-width:540px) {
    .msCase_tab {
        padding-top: 0px;
        text-align: center;
    }

    .msCase_tab ul {
        display: block;
        margin: 0 auto;
        /*background:#ff6502; height:30px; line-height:30px;*/
    }

    .msCase_tab li {
        width: 100%;
        border-bottom: 1px #eee solid;
    }

    .msCase_tab a {
        font-size: 12px;
        /*color:#fff; */
        margin: 0;
        border: 0;
    }

    .c_tab8 li {
        width: 100%;
    }

    .msCase_tab_fixed {
        /*position:fixed; */
        left: 0px;
        top: 60px;
        right: 0px;
        z-index: 9;
        padding-top: 0px;
    }

    .msCase_tab_fixed ul {
        margin: 0px;
        /*background:rgba(240,131,0,1);*/
    }

    .msCase_tab_fixed a {
        background: none;
    }

    .footer_nav span {
        display: none;
    }

    .footer_nav a {
        float: left;
        width: 16.666666666666668%;
    }

    .brand_text_1 {
        top: 26%;
    }

    .brand_text .h3 {
        font-size: 16px;
        margin-bottom: 8px;
    }

    .brand_text .p {
        font-size: 12px;
        line-height: 18px;
    }


    .about_con1 .text .p {
        line-height: 1.4;
        padding: 0 30px;
    }

    .number_lsit {
        display: none;
    }

    .type_tab {
        margin-bottom: 20px;
    }

    .news_list li {
        width: auto;
        float: none;
    }

    .news {
        padding: 0;
    }

    .news_flip {
        padding: 20px 0;
    }

    .news_flip a {
        width: 32px;
        height: 32px;
        margin: 0 2px;
        line-height: 32px;
        font-size: 12px;
    }

    .tj_service_list .single-item,
    .tj_case_list .single-item {
        margin: 0px;
    }

    .tj_service_list .pd,
    .tj_case_list .pd {
        margin: 0px;
    }

    .tj_service_list .slick-arrow,
    .tj_case_list .slick-arrow {
        margin-top: -74px;
    }

    .crumbs,
    .news_info {
        margin: 0 20px;
    }

    .news_info {
        padding: 20px 0 30px 0;
    }

    .news_info_em {
        margin-bottom: 20px;
    }

    .news_info_tit {
        font-size: 16px;
    }

    .pic_Con {
        padding: 30px 0 35px 0;
    }

    .news_page {
        padding: 10px 15px;
    }

    .news_page .return a {
        font-size: 20px;
    }

    .news_page .li i {
        font-size: 16px;
        width: 24px;
        line-height: 24px;
        height: 24px;
        line-height: 24px;
        margin-top: -12px;
    }

    .news_page .li1 a {
        padding: 0 15px 0 24px;
    }

    .news_page .li2 a {
        padding: 0 24px 0 15px;
    }


    .pic_tj .single-item {
        margin-right: 0px;
    }

    .pic_tj .pd {
        margin-right: 0px;
    }

    .slick .slick-prev {
        right: 30px;
    }

    .slick .slick-next {
        right: -10px;
    }

    .pic_tj .text {
        padding: 20px;
    }

    .caseinfo_top .img .pd,
    .caseinfo_top .text .pd,
    .caseinfo_con {
        padding: 20px;
    }

    .case_Project .p {
        line-height: 1.5;
        font-size: 12px;
    }

    .case_Project .m i {
        width: 32px;
        height: 32px;
        line-height: 32px;
        font-size: 16px;
    }

    .case_Project .m a {
        height: 32px;
        line-height: 32px;
        padding-left: 42px;
        font-size: 12px;
    }

    .case_service li {
        font-size: 12px;
        line-height: 1.5;
        padding: 3px 0;
    }

    .case_service li:before {
        margin-right: 5px;
    }

    .case_idea .p {
        font-size: 12px;
        line-height: 1.6;
    }

    .tit4 {
        margin-bottom: 15px;
    }

    .caseinfo_m {
        padding: 30px 0;
    }

    .pg_con img {
        margin-bottom: 10px;
    }

    .caseinfo_m a {
        width: 160px;
        height: 40px;
        line-height: 40px;
        font-size: 12px;
    }

    .case_nav li {
        margin: 0px;
    }

    .case_nav a {
        padding: 0 10px;
    }




    .table_3 .w1 {
        width: 60px;
    }

    .table_3 .w2 {
        width: auto;
    }

    .table_3 .w3 {
        width: 60px;
    }

    #to_case {
        top: -60px;
    }

    .msNews .more {
        padding-top: 0px;
    }

    .brand_service .img {
        margin-bottom: 15px;
        padding-top: 10px;
    }

    .brand_service .img i {
        width: 120px;
        height: 120px;
        line-height: 120px;
    }

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


    .business ul {
        margin: 0px;
    }

    .business ul li {
        width: auto;
        float: none;
        padding-top: 0;
    }

    .business .pd {
        margin: 0px;
    }

    .intro ul {
        margin: 0px;
    }

    .intro li {
        width: auto;
        float: none;
    }

    .intro .pd {
        margin: 0px;
    }

    .icon2 .msCase_tab ul {
        margin: 0;
    }
}

/**************************************************************************************************************/

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

    .wp,
    .header .wp {
        margin: 0 25px;
    }

    .menu-link {
        right: 17px;
    }

    .top_tel {
        display: none;
    }

    .tit1 em {
        font-size: 12px;
    }

    .pt20 {
        padding-top: 10px;
    }

    .pt40 {
        padding-top: 20px;
    }

    .pt50 {
        padding-top: 25px;
    }

    .pt60 {
        padding-top: 30px;
    }

    .pt80 {
        padding-top: 40px;
    }

    .pb20 {
        padding-bottom: 10px;
    }

    .pb40 {
        padding-bottom: 20px;
    }

    .pb50 {
        padding-bottom: 25px;
    }

    .pb60 {
        padding-bottom: 30px;
    }

    .pb80 {
        padding-bottom: 40px;
    }

    .quick_nav2 .box {
        left: 25px;
        right: 25px;
        width: auto;
    }

    .quick_kf .box {
        margin: -120px 0 0 0;
    }

    .quick_fw .box {
        margin: -66px 0 0 0;
    }

    .quick_wx .box {
        margin: -122px 0 0 -93px;
        width: 186px !important;
        left: 50% !important;
    }

    .msNews_c {
        height: 373px;
    }

    .msNews_tab {
        margin-bottom: 10px;
    }

    .msNews_tab ul {
        display: block;
    }

    .msNews_tab li {
        width: 33.3333%;
    }

    .msNews_tab a {
        padding: 0px;
    }

    .case_ul .tag {
        display: none;
    }

    .case_ul .text {
        height: 30px;
        line-height: 30px;
        font-size: 12px;
    }

    .service_2 .text {
        padding: 25px !important;
    }

    .footer_nav a {
        float: left;
        width: 33.3333%;
    }

    .picIntro .fb {
        padding: 0px;
        text-align: center;
    }

    .picIntro .img {
        padding: 0px;
        text-align: center;
    }

    .picIntro .img .m {
        position: static;
        padding-top: 30px;
        display: inline-block;
        vertical-align: bottom;
    }

    .picIntro .img .m a {
        float: left;
        margin: 0 10px 0 0;
    }

    .picIntro .img .m a:last-child {
        margin-right: 0px;
    }

    .picIntro .text {
        padding: 30px 0 30px 0;
    }

    .picIntro .text .h3 {
        /* text-align:center;*/
    }

    .picIntro .text .h3:after {
        /*left:50%; margin-left:0px;*/
    }

    .picIntro .text .m {
        padding-top: 20px;
    }

    .picIntro .text .m a {
        margin: 0 auto;
    }

    .about_con2 .fb {
        padding: 20px;
        text-align: center;
    }

    .about_con2 .fb .m {
        position: static;
        padding-top: 30px;
        display: inline-block;
        vertical-align: bottom;
    }

    .about_con2 .fb .m a {
        float: left;
        margin: 0 10px 0 0;
    }

    .about_con2 .fb .m a:last-child {
        margin-right: 0px;
    }

    .about_con2 .fb {
        padding: 20px;
    }

    .about_con2 .fb .h3 {
        text-align: left;
    }

    .about_con2 .fb .h3:after {
        margin-left: 0px;
    }

    .about_con2 .fb .m {
        padding-top: 20px;
    }

    .about_con2 .fb .m a {
        margin: 0 auto;
    }

    .about_con2 .img {
        /*padding:20px;*/
        text-align: center;
    }

    .about_con2 .img .m {
        position: static;
        padding-top: 30px;
        display: inline-block;
        vertical-align: bottom;
    }

    .about_con2 .img .m a {
        float: left;
        margin: 0 10px 0 0;
    }

    .about_con2 .img .m a:last-child {
        margin-right: 0px;
    }

    .about_con2 .text {
        padding: 20px 0 0 0;
    }

    .about_con2 .text .h3 {
        text-align: left;
    }

    .about_con2 .text .h3:after {
        margin-left: 0px;
    }

    .about_con2 .text .m {
        padding-top: 20px;
		padding-bottom: 30px;
    }

    .about_con2 .text .m a {
        margin: 0 auto;
    }

    .about_con3 .pd {
        padding: 30px 20px;
    }

    .about_con3 .text {
        height: auto;
    }

    .about_con3 .text .li {
        width: auto;
        float: none;
        height: auto;
    }

    .standard .single-item {
        padding-bottom: 30px;
    }

    .about_con5 .slick-arrow {
        color: #fff;
    }

    .about_con5 .tit1 strong {
        font-size: 16px;
    }

    .type_tab a {
        font-size: 12px;
    }

    .banner_contact .img {
        height: 280px;
    }

    .leida {
        top: 110px;
        margin-left: 50px;
    }

    .tit4 {
        font-size: 16px;
    }

    .slick .slick-arrow {
        width: 32px;
        height: 32px;
        line-height: 32px;
        top: -24px;
        font-size: 16px;
    }


    .caseinfo_con,
    .news_page {
        margin: 0 -25px;
    }


    .table table {
        font-size: 10px;
    }

    .table .p {
        font-size: 10px;
    }

    .table th {
        font-size: 10px;
    }

    .smm_tabnav,
    .kol_tabnav {
        margin-bottom: 25px;
    }

    .smm_tabnav li,
    .kol_tabnav li {
        margin: 0 2px;
    }

    .smm_tabnav li a,
    .kol_tabnav li a {
        font-size: 12px;
    }


    .tit6 {
        font-size: 10px;
    }

    .mgb40 {
        margin-bottom: 20px;
    }

    .table_1 .w1 {
        width: 50px;
    }

    .table_1 .w4 {
        width: 50px;
    }

    .list1 .pd {
        padding: 20px 30px;
    }

    .list1 i,
    .list1 em {
        margin: 0 auto 10px auto;
    }

    .list1 .p {
        min-height: 84px;
    }

    .btext {
        left: 25px;
        right: 25px;
    }


    .news_pg .news_page {
        margin: 0px;
    }

    #container {
        height: 220px;
    }

    .banner_case .text {
        background: #FFF;
        position: relative;
        z-index: 2;
        color: #000;
        text-shadow: none;
        margin: -20px 25px 0 25px;
        padding: 20px 0;
    }

    .ncrumbs,
    .zcrumbs {
        display: none !important;
    }

    .msCase_con {
        margin: 0 25px;
    }

    .case_ul .li {
        width: auto;
        float: none;
        margin-bottom: 5px;
    }

    .case_list ul {
        margin-right: 0px;
    }

    .product-file{
        width: 100%;
        float: none;
    }
    .case_list li {
        width: auto;
        float: none;
    }

    .case_list .pd {
        margin-right: 0px;
    }

    .pic_ul .li {
        width: auto;
        float: none;
        margin-bottom: 5px;
    }

    /*.banner_page{ background:none; margin-bottom:20px;}
.banner_page .pd{ background:none;}
.brand_text_1{ background:#FFF; position:static; color:#000; text-shadow:none; margin:-20px 25px 0 25px; padding:20px; text-align:center;}
.brand_text_1 br{ display:none;}*/

    .brand_text .p br {
        display: none;
    }

    .brand_text_1 {
        left: 25px;
        right: 25px;
    }

    .btext .p {
        height: 40px;
    }


    .flink {
        display: none;
    }


    .msItem .pd:hover,
    .news_list .pd:hover {
        transform: translate3d(0, 0, 0);
        box-shadow: none;
    }

    .news_list .pd:hover .text {
        background: none;
        color: #888;
    }

    .news_list .pd:hover .em em {
        color: #000;
    }

    .news_list .pd:hover .h3 {
        color: #000;
    }

    .case_ul .pd:hover .text {
        background: #fff !important;
        color: #000;
    }

    .service_2 .pd:hover {
        background: #fff;
        color: #323235;
    }

    .kol_tabnav li {
        margin: 0 1px;
    }

    .kol_tabnav li a {
        padding: 0 14px;
        height: 34px;
        line-height: 34px;
        border-radius: 17px;
    }

    .kol_top {
        padding: 20px;
    }

    .business .img {
        overflow: hidden;
    }

    .business .img img {
        width: 100%;
        float: right;
    }

    .intro .img {
        overflow: hidden;
        height: 300px;
        display: inline-block;
        vertical-align: middle;
    }

    .intro .img img {
        width: 100%;
        float: right;
    }

    .bcon2 {
        padding-top: 0px;
    }

    .bcon2 .tit1 {
        display: none;
    }

}

/**************************************************************************************************************/

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

    .wp,
    .header .wp {
        /* margin:0 20px;*/
    }

    .menu-link {
        right: 12px;
    }

    .quick_fw .p {
        font-size: 30px
    }

    .quick_kf .m a {
        font-size: 12px;
    }

    .quick_nav2 .box {
        left: 20px;
        right: 20px;
        width: auto;
    }

    .msNews_c {
        height: 316px;
    }

    .picIntro .img .m a {
        width: 110px;
    }

    .about_con2 .fb .m a {
        width: 110px;
    }

    .about_con2 .img .m a {
        width: 110px;
    }

    .smm_tabnav li a,
    .kol_tabnav li a {
        padding: 0 13px;
        font-size: 12px;
    }

    .table_1 .w1 {
        width: 40px;
    }

    .table_1 .w4 {
        width: 40px;
    }

    .caseinfo_con,
    .news_page {
        margin: 0 -20px;
    }

    .btext {
        left: 20px;
        right: 20px;
    }

    #container {
        height: 280px;
    }

    .banner_case .text {
        margin: -20px 20px 0 20px;
    }

    .msCase_con {
        margin: 0 20px;
    }

    /*.brand_text_1{ margin:-20px 20px 0 20px;}*/

    .brand_text_1 {
        left: 20px;
        right: 20px;
    }

    .kol_top,
    .kol_img {
        margin-bottom: 30px;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    }

    .kol_tabcon .dl {
        margin-bottom: 30px;
    }

    .kol_top {
        padding: 15px;
    }
}

/**************************************************************************************************************/

@media screen and (max-width:374px) {
    body {
        font-size: 12px;
    }

    .wp,
    .header .wp {
        margin: 0 15px;
    }

    .quick_fw .p {
        font-size: 24px
    }

    .quick_nav2 .box {
        left: 15px;
        right: 15px;
        width: auto;
    }

    .msNews_c {
        height: 311px;
    }

    .msCase_tab {
        margin-bottom: 25px;
        margin-top: 10px;
    }

    .msCase_tab a {
        font-size: 12px;
    }

    .banner_contact .text .h3 {
        font-size: 12px;
    }

    .banner_case .h3 {
        font-size: 16px;
        margin-bottom: 5px;
    }

    .caseinfo_top {
        display: none;
    }

    .crumbs,
    .news_info {
        margin: 0 15px;
    }

    .crumbs {
        padding: 10px 0 3px 0;
    }

    .news_info {
        padding: 20px 0 25px 0;
    }

    .news_info_em {
        margin-bottom: 15px;
    }

    .news_info_con {
        font-size: 12px;
        line-height: 1.5;
    }

    .pic_tj .text {
        padding: 15px;
    }

    .pic_tj .h3 {
        font-size: 12px;
        margin-bottom: 5px;
    }

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

    .slick .slick-prev {
        right: 25px;
    }

    .tit4 strong {
        margin-right: 5px;
    }

    .icon6 .tips {
        text-align: center;
        padding: 30px 0 30px 0;
    }

    .caseinfo_top .img .pd,
    .caseinfo_top .text .pd,
    .caseinfo_con {
        padding: 15px;
    }

    .case_service li {
        font-size: 10px;
    }

    .case_nav a {
        padding: 0 7px;
    }

    .smm_tabnav,
    .kol_tabnav {
        margin-bottom: 20px;
    }

    .smm_tabnav li a,
    .kol_tabnav li a {
        height: 34px;
        line-height: 34px;
    }

    .list1 .p {
        min-height: 105px;
    }

    .caseinfo_con,
    .news_page {
        margin: 0 -15px;
    }

    .btext {
        left: 15px;
        right: 15px;
    }

    #container {
        height: 260px;
    }

    .brand_text .h3 {
        font-size: 12px;
    }

    .brand_text .p {
        font-size: 10px;
    }

    .banner_case .text {
        margin: -20px 15px 0 15px;
    }

    .msCase_con {
        margin: 0 15px;
    }

    /*.brand_text_1{ margin:-20px 15px 0 15px;}*/

    .bcon1 .tit1 strong {
        font-size: 16px;
    }

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

    .brand_text_1 {
        left: 15px;
        right: 15px;
    }

    .bcon1 .tit1 strong {
        font-size: 12px;
    }

    .service_2 .text {
        padding: 15px !important;
    }

    .bcon {
        padding: 30px 0;
    }

    .service_2 li.even .m {
        right: 15px;
        top: 10px;
    }

    .tjnews_list .pd {
        padding: 15px 15px 15px 85px;
    }

    .tjnews_list .em {
        width: 85px;
    }

    .tjnews_list li {
        margin-bottom: 10px;
    }

    .service_2 .h3 {
        font-size: 16px;
        padding-bottom: 10px;
    }

    .service_2 .m {
        top: 15px;
        right: 15px;
    }

    .service_2 .em {
        font-size: 12px;
        height: auto;
        line-height: 20px;
        margin-bottom: 5px;
    }

    .service_2 .p {
        font-size: 12px;
        line-height: 18px;
        height: 54px;
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
    }

    .tit1 em {
        font-size: 12px;
    }

    .iabout {
        font-size: 12px;
    }

    .iabout .h3 span,
    .iabout .h3 strong,
    .iabout .p strong {
        font-size: 12px;
    }

    .footer_con {
        font-size: 12px;
    }

    .tjnews_list {
        padding-top: 0px;
    }

    .tjnews_list .h3,
    .news_list .h3 {
        font-size: 12px;
        height: 24px;
        line-height: 24px;
    }

    .tjnews_list .p,
    .news_list .p {
        font-size: 12px;
        line-height: 18px;
        height: 36px;
    }

    .tjnews_list .em {
        top: 18px;
    }

    .news_list .text {
        padding: 15px 15px 15px 85px;
    }

    .news_list .em {
        width: 85px;
        top: 20px;
    }

    .picIntro .text .p {
        font-size: 12px;
        line-height: 20px;
    }

    .picIntro .text .p strong {
        font-size: 12px;
    }

    .about_con2 .text .p {
        font-size: 12px;
        line-height: 20px;
    }

    .about_con2 .text .p strong {
        font-size: 12px;
    }

    .about_con3 .h3 {
        font-size: 15px;
    }

    .about_con3 .em {
        font-size: 12px;
    }

    .about_con3 .p {
        font-size: 12px;
        line-height: 18px;
    }

    .standard .h3 {
        font-size: 24px;
    }

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

    .xg_news {
        padding: 15px;
    }

    .tj_news,
    .tj_tag {
        padding: 15px;
    }

    .footer_con {
        padding: 30px 0;
    }

    .smm_tabnav li a,
    .kol_tabnav li a {
        padding: 0 8px;
    }

    .msCase_tab a {
        font-size: 12px;
        margin-right: 0px;
        border-bottom: 1px solid #eee;
    }

    .msNews_c {
        min-height: 230px;
    }

    .navBanner {
        display: none;
    }
}

/**************************************************************************************************************/
.pic_tj .tit4_5 {
    line-height: 100px;
}

.type_tab li.curr a {
    background-color: #323235;
    color: #fff;
}

.type_tab a {
    display: block;
    height: 50px;
    line-height: 50px;
    font-size: 18px;
    margin-right: 1px;
    padding: 0 30px;
    background: #ffffff;
}

@media screen and (max-width:320px) {
    .msNews_c {
        min-height: 230px;
    }
}

@media screen and (max-width: 480px) {
    .pic_tj .tit4_5 {
        line-height: 56px;
    }

    #tabs.type_tab a {
        height: 40px;
        line-height: 40px;
        font-size: 12px;
    }
}

@media screen and (max-width:1024px) {
    .content_b.w1280 {
        width: 100%;
    }.w1280b {
        width: auto;
    }
}

.msNews {
    margin-bottom: 0px;
    margin: 0 auto;
}

.case_Project .p,
.case_idea .p {
    min-height: inherit;
}

.business .img1 img {
    background: no-repeat center center;
    background-size: cover;
}

.business .text.hbg {
    background-color: #fff;
}

.business .tabs-item.active {
    display: block;
}

.business .tabs-item {
    display: none;
}

.honor {
    padding-top: 0;
    padding-bottom: 0;
}

/*******************************/

.clearfix:before {
    display: table;
    content: " ";
}

.course-history {
    padding: 90px 0 70px;
    margin-bottom: 60px;
    position: relative;
    /*background: url(/static/images/course-map.jpg) no-repeat center top;*/
}

.course-history:after {
    content: '';
    width: 2px;
    background-color: #d3d3d3;
    height: 100%;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -1px;
}

.course-history ul li {
    width: 50%;
    position: relative;
    text-align: right;
    margin-bottom: 40px;
    /*float: left;*/
}

.course-history ul li:nth-child(2) {
    margin-top: 40px;
}

.course-history ul li .con {
    border: 1px solid #bbbbbb;
    padding: 28px;
    font-size: 15px;
    color: #454545;
    width: 91%;
    line-height: 1.6;
    position: relative;
    box-sizing: border-box;
}

.course-history ul li .con:after {
    content: '';
    position: absolute;
    top: 10px;
    right: -18px;
    background: url(/static/images/course-next.png) no-repeat center;
    width: 17px;
    height: 22px;
    border-left: 1px solid #ffffff;
}

.course-history ul li:after {
    content: '';
    position: absolute;
    top: 15px;
    right: -6px;
    background: url(/static/images/course-icon.png) no-repeat center;
    width: 12px;
    height: 12px;
    z-index: 99;
}

.course-history ul li h3 {
    font-size: 20px;
    color: #ff6502;
}

.course-history ul li .title {
    font-size: 22px;
    color: #111111;
    padding: 15px 0 10px;
}

.course-history ul li .img {
    padding-top: 15px;
}

.course-history ul li.leftcorner {
    text-align: left;
}

.course-history ul li.leftcorner .con {
    margin-left: 9%;
}

.course-history ul li.leftcorner .con:after {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
    right: inherit;
    left: -18px;
}

.course-history ul li.leftcorner:after {
    right: inherit;
    left: -6px;
}


.course-history .con p {
    min-height: 48px;
    text-align: left;
}

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

    .course,
    .course-history {
        padding: 30px 0;
    }

    .course .course-title {
        font-size: 30px;
        padding-bottom: 10px;
    }

    .course .course-text {
        font-size: 14px;
        padding-bottom: 30px;
    }

    .course-history:after {
        left: 0;
    }

    .course-history ul li {
        width: 100%;
        margin-bottom: 10px;
        text-align: left;
    }

    .course-history ul li .con {
        margin-left: 9%;
        padding: 15px;
        font-size: 14px;
    }

    .course-history ul li:after {
        right: inherit;
        left: -6px;
    }

    .course-history ul li .con:after {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);
        right: inherit;
        left: -18px;
    }

    .course-history ul li h3 {
        font-size: 16px;
    }

    .course-history ul li .title {
        font-size: 18px;
        color: #111111;
        padding: 10px 0 5px;
    }

    .course-history ul li p {
        padding-bottom: 5px;
    }

}



@media (min-width: 768px) {
    .container1 {
        width: 750px;
    }
}

@media (min-width: 992px) {
    .container1 {
        width: 970px;
    }
}

@media (min-width: 1260px) {
    .container1 {
        width: 1230px;
    }
}

.container1 {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

.course .course-title {
    font-size: 60px;
    line-height: 1;
    text-align: center;
    color: #b8b8b8;
    font-weight: bold;
    padding-bottom: 20px;
}

.article-block {
    transition: 500ms;
}

.w-bg {
    padding-top: 80px;
    background-color: #fff;
}

.course .course-text {
    text-align: center;
    font-size: 16px;
    color: #adadad;
    padding: 0 0 60px;
    line-height: 1.6;
}

.course-history .img img {
    width: 100%;
}

.case_list_top{
    margin-bottom: 10px;
}
.case_list_title{
    float: left;
    font-size: 24px;
    color: #333;
    font-weight: bold;
    vertical-align: middle;
}
.case_list_more{
    float: right;
    vertical-align: middle;
    line-height: 2.5;
    font-size: 16px;
}
.case_list_more a{
    color: #ff6502;
}
.case_list_desc{
    max-width: 400px;
    font-size: 14px;
    color: #333;
    opacity: 0.7;
}
.case_list_ul{
    position: relative;
    height: 100%;
}

.case_list_ul2{
    position: relative;
    height: 100%;
}

.case_list .case_list_ul2 .text{
    position: relative;
    opacity: 1;
    color: #333;
    margin-top: 0;
    transform: translateY(0);
}

.case_list .case_list_ul2 .text .p{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding: 0 10px;
}

.case_list .case_list_ul2 .pd:hover .b{
    opacity: 0;
}

.case_list .case_list_ul2 .pd .img_cut{
    transition: all 0.3s linear
}

.case_list .case_list_ul2 .pd:hover .img_cut{
    transform: scale(1.1);
}

@media screen and (max-width: 1279px){
    .w1280b{
        margin: 0 20px;
    }
}