.m-header,
.m-img,
.head-nav {
    display: none !important;
}

.header {
    height: 86px;
    width: 100%;
    background: #fff;
}

.scroll-header {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 1000;
    display: none;
}

.header .auto {
    height: 100%;
}

.header .logo {
    float: left;
    width: 320px;
    height: 100%;
}

.m-header-logo img {
    width: 80%;
}

.header .logo * {
    display: inline-block;
    vertical-align: middle;
}

.header .logo i {
    width: 155px;
    height: 86px;
    background: url(../images/logo.png) left center no-repeat;
    background-size: 100%;
}

.header .logo h5 {
    color: #585858;
    font-size: 14px;
    padding-left: 6%;
    margin-left: 6%;
    border-left: 1px solid #b6b6b6;
}

.header .header-right {
    float: right;
    height: 100%;
    overflow: hidden;
}

.header .header-right ul {
    float: left;
    overflow: hidden;
    height: 100%;
}

.header .header-right ul li {
    float: left;
    margin: 0 18px;
    height: 100%;
}

.header .header-right ul li.on a,
.header .header-right ul li a:hover {
    color: #000;
}

.header .header-right ul li a,
.header .header-right .tel li {
    display: block;
    font-size: 16px;
    line-height: 86px;
    color: #333;
    height: 100%;
}

.header .header-right .tel li {
    color: #000 !important;
}

.header .header-right .tel {
    float: left;
    overflow: hidden;
    height: 100%;
    margin-left: 7px;
    padding-left: 27px;
    background: url(../images/yline.jpg) left center no-repeat;
}

/*banner*/
/*.main {margin-top: 60px;}*/
.slick-banner {
    width: 100%;
}

.slick-banner a {
    display: block;
    width: 100%;
    height: 720px;
}

.slick-banner a img.p-img {
    display: none;
}

.slick-banner a img {
    width: 100%;
}

.ng-banner .swiper-pagination {
    bottom: 20px !important;
}

.ng-banner .swiper-pagination-bullet {
    width: 40px;
    height: 2px;
    background: #bfbfbf;
    opacity: 0.4;
    border-radius: 0px
}

.ng-banner .swiper-pagination-bullet-active {
    background: #fff;
    opacity: 1.0;
}

.ng-banner.swiper-container {
    width: 100%;
}




/*品牌案例*/
.index-case {
    width: 100%;
    background: #fff;
    padding: 70px 0 50px;
}

.ic-title {
    text-align: left;
}

.ic-title h4 {
    font-size: 24px;
    line-height: 24px;
    color: #000;
    padding-bottom: 20px;
}

.ic-title h2 {
    height: 1px;
    width: 50px;
    background: #333;
    display: block;
}

.index-case .case-item {
    margin-top: 30px;
}

.case-item-top {}

.case-item-top img {
    display: block;
    width: 100%;
    height: auto;
}

.cil1 {
    width: 66.533%;
    margin-bottom: .30%;
    float: left;
    position: relative;
}

.cil2 {
    width: 33.1%;
    margin-right: 0;
    margin-bottom: .30%;
    float: right;
    position: relative;
}

.case-item-top a div {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0;
    filter: alpha(opacity=0);
}

.case-item-top a div li {
    width: 100%;
    height: 100%;
    display: table;
}

.case-item-top a div span {
    width: 100%;
    height: 100%;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.case-item-top a div h3 {
    font-size: 18px;
    line-height: 30px;
    color: #fff;
}

.case-item-top a div h5 {
    font-size: 14px;
    line-height: 26px;
    color: #fff;
}

.case-item-top a:hover div {
    opacity: 1.0;
    filter: alpha(opacity=100);
}

.case-item {
    clear: both;
}

.case-item ul li {
    width: 33.1%;
    margin-right: 0.35%;
    margin-bottom: .35%;
    float: left;
}

.case-item ul li.mr {
    margin-right: 0;
}

.case-item ul li a {
    display: block;
    height: 100%;
    position: relative;
}

.case-item ul li a span {
    display: block;
    width: 100%;
    overflow: hidden;
}

.case-item ul li a span img {
    display: block;
    width: 100%;
    max-width: 100%;
}

.case-item ul li a .icase-des {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0;
    filter: alpha(opacity=0);
}

.case-item ul li a .icase-des .table {
    width: 100%;
    height: 100%;
    display: table;
}

.case-item ul li a .icase-des .table .tabel-cell {
    width: 100%;
    height: 100%;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.case-item ul li a .icase-des .table .tabel-cell h3 {
    font-size: 18px;
    line-height: 30px;
    color: #fff;
}

.case-item ul li a .icase-des .table .tabel-cell h5 {
    font-size: 14px;
    line-height: 26px;
    color: #fff;
}

.case-item ul li a:hover .icase-des {
    opacity: 1.0;
    filter: alpha(opacity=100);
}

.case-item a.button_link {
    position: relative;
    display: block;
    margin: 60px auto 0;
    width: 170px;
    height: 52px;
    line-height: 52px;
    text-align: center;
    font-size: 18px;
    color: #5c5c5d;
    text-transform: uppercase;
    border: 1px solid #4c4c4c;
}

.case-item a.button_link span {
    display: block;
    position: absolute;
    z-index: 999;
    width: 100%;
}

.case-item a.button_link:before {
    content: "";
    width: 0%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: #fff;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
}

.case-item a.button_link:hover:before {
    width: 100%;
}

.insight-left a:hover .isleft-img img,
.insight-right a.insight-right-news:hover img,
.insight-bd ul li a:hover .innews-left span img {
    -ms-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
}

.case-item a.button_link:before,
.follow-icon a,
.aside-right ul li a,
.related .related-slick a *,
.case-item ul li a *,
.insight-more:before,
.insight-right ul li a,
.insight-left a *,
.insight-right a.insight-right-news *,
.innews-right .innews-more:before,
.insight-bd ul li a *,
.page-bo a,
.page-bo a.prev span:before,
.page-bo a.prev span:after,
.page-bo a.next span:before,
.page-bo a.next span:after,
.page-bo a.mid-close:before,
.page-bo a.mid-close:after,
.page-bo a.case-mid-close,
.oc-item ul li *,
.case-item-top * {
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    -ms-transition: all .4s ease;
    transition: all .4s ease;
}




.index-about {
    padding: 2% 0;
    overflow: hidden;
}

.iabout {
    background: #eff3f7;
    min-height: 380px;
}

.il-about {
    float: left;
    width: 34%;
    padding: 3%;
    overflow: hidden;
    background: url(../upload/ai1.jpg) left center no-repeat;
    min-height: 380px;
}

.ir-about {
    float: left;
    width: 66%;
    padding: 2% 4%;
    overflow: hidden;
}

.iltxt {
    padding: 30px 0;
    overflow: hidden;
    line-height: 20px;
}

.ilmore {
    font-size: 14px;
    border-bottom: #666 1px solid;
    padding-bottom: 5px;
}

.irtxt {
    padding: 20px 0;
    overflow: hidden;
    line-height: 24px;
    font-size: 14px;
    color: #505051;
}

.irtxt div {
    line-height: 28px;
}

.irnum {
    overflow: hidden;
}

.irnum li {
    float: left;
    width: 33.22%;
    font-size: 16px;
}

.irnum li h3 {
    display: inline-block;
    font-size: 42px;
    font-family: 'DINCond-Bold';
    padding-right: 10px;
}

.irn1 {
    text-align: left;
}

.irn2 {
    text-align: center;
    border-left: #77797b 1px solid;
    border-right: #77797b 1px solid;
}

.irn3 {
    text-align: right;
}



.index-brands {
    padding: 2% 0;
    overflow: hidden;
}

.index-brands * {
    overflow: hidden;
    display: block;
}

.ibrandt {
    background: #333;
    margin-top: 30px;
}

.ibrandl,
.ibrandr {
    float: left;
    width: 50%;
    padding: 3% 3% 3% 3%;
    background: #d7d7d7;
    min-height: 150px;
}

.ibrandr {
    background: #c9c9c9;
}

.ibrandtl {
    float: left;
    width: 33%;
    padding: 5% 3% 0 3%;
    color: #FFF;
    font-size: 14px;
    line-height: 24px;
}

.ibrandtl li:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 5px;
    height: 5px;
    background-color: #fff;
    border-radius: 100%;
}

.ibrandti {
    float: right;
    width: 67%;
}

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

+.ititle {}

.ititle h2 {
    font-size: 24px;
    padding-bottom: 20px;
}

.ititle i {
    height: 1px;
    width: 50px;
    background: #FFF;
    clear: both;
}

.ititle em {
    height: 1px;
    width: 50px;
    background: #000;
    clear: both;
}

.ititle h5 {
    font-size: 14px;
    line-height: 24px;
    padding-top: 20px;
}

.ibrandtltxt {
    padding: 5% 0;
    overflow: hidden;
}



/*行业洞察*/
.insight {
    width: 100%;
    padding: 80px 0;
    overflow: hidden;
}

.insight .auto {
    overflow: hidden;
}

.insight .auto .insight-left {
    width: 50%;
    float: left;
}

.insight .auto .insight-right {
    width: 49%;
    float: right;
    padding-left: 1%;
}

.insight-left a {
    display: block;
}

.insight-left .isleft-img {
    width: 100%;
    overflow: hidden;
}

.insight-left .isleft-img img {
    display: block;
    width: 100%;
    max-width: 100%;
}

.insight-left .isleft-des {
    background: #ededed;
    width: 100%;
    padding: 20px 25px 30px 25px;
}

.insight-left .isleft-des h2 {
    font-size: 20px;
    color: #000;
    line-height: 30px;
}

.insight-left .isleft-des .isleft-txt {
    font-size: 14px;
    line-height: 24px;
    color: #494949;
    margin-top: 12px;
}

.insight-left a:hover .isleft-des .isleft-txt {
    text-decoration: underline;
}

.insight-more {
    position: relative;
    display: block;
    margin-top: 30px;
    width: 146px;
    height: 42px;
    line-height: 40px;
    text-align: center;
    border: 1px solid #6c6c6c;
    font-size: 18px;
    color: #000;
    text-transform: uppercase;
}

.insight-more i {
    display: block;
    position: absolute;
    z-index: 999;
    width: 100%;
    font-style: normal;
}

.insight-more:before {
    content: "";
    width: 0;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: #ededed;
    border-top: 1px solid #ededed;
    border-bottom: 1px solid #ededed;
}

.insight-more:hover:before {
    width: 100%;
}

.insight-right .insight-title {
    border-bottom: 1px solid #7f7f7f;
    padding-bottom: 20px;
}

.insight-right .insight-title h2 {
    font-size: 30px;
    line-height: 40px;
    color: #000;
}

.insight-right .insight-title h4 {
    font-size: 26px;
    line-height: 30px;
    color: #555;
}

.insight-right ul {
    padding-top: 40px;
    overflow: hidden;
}

.insight-right ul li {
    float: left;
    width: 50%;
}

.insight-right ul li.mli {
    padding-left: 30px;
}

.insight-right ul li a {
    display: block;
    font-size: 14px;
    line-height: 28px;
    color: #666;
}

.insight-right ul li a:hover {
    color: #000;
    text-decoration: underline;
}

.insight-right .insight-right-news {
    display: block;
    width: 100%;
    margin-top: 20px;
    border-bottom: 1px solid #7f7f7f;
}

.insight-right .insight-right-news .is-right-img {
    width: 100%;
    overflow: hidden;
}

.insight-right .insight-right-news .is-right-img img {
    display: block;
    width: 100%;
}

.insight-right .insight-right-news .isright-des {
    width: 100%;
    padding: 20px 0px 30px 0;
}

.insight-right .insight-right-news .isright-des h2 {
    font-size: 20px;
    color: #000;
    line-height: 30px;
}

.insight-right .insight-right-news .isright-des .isleft-txt {
    font-size: 14px;
    line-height: 24px;
    color: #494949;
    margin-top: 12px;
}

.insight-right .insight-right-news .isright-des .insight-more {
    display: block;
    margin-top: 30px;
    width: 146px;
    height: 42px;
    line-height: 40px;
    text-align: center;
    border: 1px solid #6c6c6c;
    font-size: 18px;
    font-style: normal;
    color: #000;
}

.insight-right .insight-right-news .isright-des .insight-more:before {
    background: #fff;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
}

.insight-right .insight-right-news:hover .isright-des .isleft-txt {
    text-decoration: underline;
}

/*广告*/
.index-ad {
    width: 100%;
    height: 590px;
    padding-top: 270px;
}

.index-ad h2 {
    font-size: 48px;
    line-height: 50px;
    color: #fff;
    text-align: center;
}

.ad-main .auto {
    padding: 150px 110px;
    overflow: hidden;
}

.ad-main .auto .ad-item {
    width: 360px;
    float: left;
    margin-right: 150px;
}

.ad-main .auto .ad-mr {
    margin-right: 0;
}

.ad-main .auto .ad-item h2 {
    position: relative;
    font-size: 24px;
    color: #000;
    padding-bottom: 24px;
}

.ad-main .auto .ad-item h2:after {
    position: absolute;
    left: 0;
    bottom: 0;
    content: "";
    width: 50px;
    height: 2px;
    background: #000;
}

.ad-main .auto .ad-item .ad-des {
    font-size: 16px;
    line-height: 26px;
    margin-top: 30px;
}

.ad-main .auto .ad-item ul {
    margin-top: 30px;
}

.ad-main .auto .ad-item ul h4 {
    font-size: 18px;
    line-height: 32px;
}

.ad-main .auto .ad-item ul li {
    position: relative;
    font-size: 16px;
    line-height: 30px;
    padding-left: 18px;
}

.ad-main .auto .ad-item ul li:after {
    content: "";
    position: absolute;
    left: 2px;
    top: 12px;
    width: 8px;
    height: 8px;
    background: #000;
    border-radius: 100%;
}

/*网站地图*/
.map-site {
    background: #1b1b1b;
    padding: 80px 0;
}

.map-site .auto {
    overflow: hidden;
}

.map-site .maps-le dl {
    float: left;
    margin-right: 110px;
}

.map-site .maps-le dl dt {
    margin-bottom: 8px;
    font-size: 16px;
    line-height: 30px;
    color: #cecece;
}

.map-site .maps-le dl dd a {
    display: block;
    font-size: 14px;
    line-height: 28px;
    color: #a8a8a8;
}

.map-site .maps-le dl dd a:hover {
    color: #fff;
}

.map-site .maps-le dl.cyt {
    margin-left: 24px;
}

.map-site .maps-le dl.cyt a {
    margin-bottom: 18px;
}

.map-ri {
    float: right;
    padding-left: 170px;
    border-left: 1px solid #373737;
}

.map-ri .map-logo {
    display: block;
    width: 170px;
    height: 32px;
}

.map-ri .map-logo img {
    display: block;
    width: 100%;
    max-width: 100%;
}

.map-ri .mr-con {
    margin-top: 5px;
}

.map-ri .mr-con h2 {
    font-weight: bold;
    font-size: 16px;
    line-height: 40px;
    color: #9a9a9a;
}

.map-ri .mr-con ul li {
    font-size: 14px;
    line-height: 24px;
    color: #a8a8a8;
}

.follow-icon {
    margin-top: 16px;
    overflow: hidden;
}

.follow-icon a {
    display: block;
    margin-right: 6px;
    float: left;
    width: 30px;
    height: 30px;
    border-radius: 100%;
}

.follow-icon a.fwb {
    background: #484848 url(../images/wb.svg) no-repeat center;
    background-size: 64%;
}

.follow-icon a.fwx {
    background: #484848 url(../images/wx.svg) no-repeat center;
    background-size: 66%;
}

.follow-icon a.fqq {
    background: #484848 url(../images/qq.svg) no-repeat center;
    background-size: 56%;
}

.follow-icon a.fwb:hover {
    background: #ea5d5c url(../images/wb.svg) no-repeat center;
    background-size: 64%;
}

.follow-icon a.fwx:hover {
    background: #50b674 url(../images/wx.svg) no-repeat center;
    background-size: 66%;
}

.follow-icon a.fqq:hover {
    background: #30a5dd url(../images/qq.svg) no-repeat center;
    background-size: 56%;
}

/*公共底部*/
.footer {
    background: #313131;
}

.footer .auto {
    text-align: left;
}

.footer-top {
    overflow: hidden;
    padding: 4% 0 3% 0;
}

.footer-bottom {
    background: #222;
    overflow: hidden;
    padding: 1% 0;
}

.footer-nav {
    float: left;
    width: 55%;
    overflow: hidden;
}

.footer-nav ul {
    float: left;
    width: 25%;
    overflow: hidden;
}

.footer-nav h3 {
    color: #d0d0d0;
    font-size: 16px;
    padding-bottom: 10px;
}

.footer-nav li {
    color: #d0d0d0;
    font-size: 14px;
    line-height: 24px;
}

.footer-nav li a {
    color: #d0d0d0;
    font-size: 14px;
}

.footer-nav li a:hover {
    color: #fff;
    text-decoration: underline;
}

.footer-contact {
    float: right;
    width: 40%;
    overflow: hidden;
}

.footer-contact img {
    float: left;
    width: 118px;
    height: 118px;
    overflow: hidden;
}

.footer-contact ul {
    float: left;
    width: 65%;
    overflow: hidden;
    padding-left: 10%;
    margin-left: 10%;
    border-left: #4c4c4c 1px solid;
}

.footer-contact h3 {
    color: #d0d0d0;
    font-size: 16px;
    padding-bottom: 10px;
}

.footer-contact li {
    color: #d0d0d0;
    font-size: 14px;
    line-height: 24px;
}

.footerlink {
    color: #6a6a6a;
}

.footerlink p {
    display: inline-block;
}

.footerlink a,
.footercopy a {
    color: #6a6a6a;
}

.footerlink a:hover,
.footercopy a:hover {
    color: #fff;
    text-decoration: underline;
}

.footercopy {
    padding: 5px 0;
    color: #6a6a6a;
    overflow: hidden;
}



.footer-main {
    text-align: center;
}

.footer-main h2 {
    font-size: 30px;
    line-height: 40px;
    color: #d4d4d4;
}

.footer-main .footer-tel {
    margin-top: 40px;
}

.footer-main .footer-tel h6 {
    font-size: 18px;
    line-height: 30px;
    color: #d4d4d4;
}

.footer-main .footer-tel a {
    font-size: 24px;
    line-height: 30px;
    color: #d4d4d4;
    text-decoration: underline;
}

.footer-main .footer-site {
    margin-top: 60px;
    width: 950px;
    margin: 60px auto;
    padding: 26px 20px;
    font-size: 14px;
    line-height: 24px;
    color: #d4d4d4;
    border: 1px solid #8c8c8c;
}

.footer-main .footer-site li.inline-block {
    display: inline-block;
}

.footer-main .footer-site a {
    display: inline-block;
    color: #d4d4d4;
}

.footer-main .footer-site a:hover {
    color: #fff;
}

.footer-link span {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    line-height: 26px;
    color: #525252;
}

.footer-link ul {
    display: inline-block;
    vertical-align: middle;
}

.footer-link ul span {
    display: inline-block;
    display: none
}

.footer-link ul li {
    display: inline-block;
}

.footer-link ul li a {
    display: inline-block;
    font-size: 14px;
    line-height: 26px;
    color: #525252;
    margin-right: 5px;
}

.footer-link ul li a:hover {
    color: #fff;
}

.footer-link ul li i {
    position: absolute;
    right: 0;
    top: 8px;
    width: 1px;
    height: 12px;
    background: #6a6a6a;
}

.footer-p {
    text-align: center;
    margin-top: 10px;
}

.footer-p li {
    color: #6f6f6f;
    display: inline-block;
    font-size: 12px;
    line-height: 20px;
}

.footer-p a {
    display: inline-block;
    font-size: 12px;
    color: #6f6f6f;
    line-height: 20px;
}

.footer-p a:hover {
    color: #fff;
}


/*case*/
.case-banner {
    padding-top: 100px !important;
}

.case-banner .case-title {
    text-align: center;
}

.case-banner .case-title h4 {
    font-size: 24px;
    line-height: 40px;
    color: #fff;
}

.case-banner .case-title h2 {
    font-size: 24px;
    line-height: 40px;
    color: #fff;
}

.case-tab {
    padding-bottom: 150px;
}

.tab {
    width: 100%;
}

.tab .tab-hd {
    text-align: center;
    height: 74px;
    border-bottom: 1px solid #d4d4d4;
    padding: 14px 0;
    overflow: hidden;
    position: relative;
    z-index: 2;
}

.tab .tab-hd li {
    position: relative;
    z-index: 1;
    display: inline-block;
    margin: 0 25px;
    padding: 0 15px;
    font-size: 18px;
    color: #7c7c7c;
    height: 46px;
    line-height: 46px;
    overflow: hidden;
}

.tab .tab-hd li a {
    display: block;
    width: 100%;
    height: 50px;
    line-height: 48px;
    overflow: hidden;
}

/*.tab .tab-hd li.on,.tab .tab-hd li:hover {color: #000;}
.tab .tab-hd li.on:after,.tab .tab-hd li:hover:after {content: ""; position: absolute; bottom: -3px; left: 50%; margin-left: -5px; width: 0; height: 0; border-width: 5px; border-style: solid; border-color: #666 transparent transparent transparent;}*/
.tab .tab-bd {
    padding-top: 70px;
}

.case-item ul li a .img-des {
    padding: 10px;
}

.case-item ul li a .img-des h4 {
    font-size: 16px;
    line-height: 26px;
    color: #5c5c5d;
}

.case-item ul li a .img-des h6 {
    font-size: 14px;
    line-height: 24px;
    color: #5c5c5d;
}

.case-item ul li a:hover .img-des {
    background: #000;
}

.case-item ul li a:hover .img-des h4 {
    color: #ddd;
}

.case-item ul li a:hover .img-des h6 {
    color: #ddd;
}

.tab .tab-bd .tab-bd-list {
    display: none;
}

.tab .tab-bd .tab-bd-list.cur {
    display: block;
}

.tab .tab-bd .case-list .case-item ul li {
    margin-bottom: 25px;
}

.tab .tab-hd li a i {
    display: none;
}

.tab .tab-hd li a.on i {
    display: block;
    color: #000;
    position: absolute;
    bottom: -4px;
    left: 50%;
    margin-left: -5px;
    width: 0;
    height: 0;
    border-width: 5px;
    border-style: solid;
    border-color: #666 transparent transparent transparent;
}

.m-aboutbanner {
    display: none !important;
}



/*case-detail*/
.csd-banner {}

.csd-banner img {
    opacity: 0;
    background-position: center top;
    background-repeat: no-repeat;
}

.csd-main {
    width: 100%;
}

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

.csd-top {
    overflow: hidden;
    padding-top: 70px;
}

.csd-top .csd-title {
    float: left;
}

.csd-top .csd-title h2 {
    font-size: 28px;
    line-height: 36px;
}

.csd-top .csd-title h4 {
    font-size: 18px;
    line-height: 24px;
}

.csd-top .csd-des {
    width: 760px;
    float: right;
}

.csd-top .csd-des .csd-profile {
    padding-bottom: 6px;
    border-bottom: 1px solid #b2b2b2;
}

.csd-top .csd-des .csd-profile h3 {
    font-size: 16px;
    line-height: 24px;
    color: #343434;
}

.csd-top .csd-des .csd-profile h5 {
    font-size: 16px;
    line-height: 24px;
    color: #343434;
}

.csd-top .csd-des .csd-pro-des {
    font-size: 14px;
    line-height: 22px;
    color: #343434;
}

.csd-top .csd-des .csd-txt {
    font-size: 14px;
    line-height: 22px;
    color: #343434;
    margin-top: 28px;
}

.csd-main .csd-img {
    margin-top: 70px;
    overflow: hidden;
}

.csd-main .csd-img li {
    margin-bottom: 20px;
}

.csd-main .csd-img li img {
    display: block;
    width: 100%;
}


.related {
    padding-bottom: 60px;
    margin-top: 160px;
}

.related .related-title {
    text-align: center;
}

.related .related-title h2,
.related .related-title h4 {
    font-size: 28px;
    line-height: 36px;
}

.related .related-slick {
    margin-top: 70px;
}

.related .related-slick .slick-slide {
    margin-right: 6px;
}

.related .related-slick a {
    display: block;
}

.related .related-slick a span {
    display: block;
    width: 100%;
    overflow: hidden;
}

.related .related-slick a span img {
    display: block;
    width: 100%;
    max-width: 100%;
}

.related .related-slick a .img-des {
    padding: 10px;
}

.related .related-slick a .img-des h4 {
    font-size: 16px;
    line-height: 26px;
    color: #5c5c5d;
}

.related .related-slick a .img-des h6 {
    font-size: 14px;
    line-height: 24px;
    color: #5c5c5d;
}

.related .related-slick a:hover .img-des {
    background: #000;
}

.related .related-slick a:hover .img-des h4 {
    color: #ddd;
}

.related .related-slick a:hover .img-des h6 {
    color: #ddd;
}

.aside-right {
    position: fixed;
    top: 75%;
    margin-top: -78px;
    right: 0;
    width: 50px;
    z-index: 1001;
}

.aside-right .aside-wrap {
    width: 100%;
}

.aside-right ul li {
    position: relative;
    width: 50px;
    height: 50px;
    margin-bottom: 2px;
    margin-left: 0;
    cursor: pointer;
}

.aside-right ul li a {
    display: block;
    width: 100%;
    height: 100%;
}

.aside-right ul li.aside-wc a {
    background: #b2b2b2 url(../images/aside-wc.svg) no-repeat center;
}

.aside-right ul li.aside-wc .wechat-code {
    display: none;
    position: absolute;
    left: -130px;
    top: -35px;
    z-index: 1000;
    width: 120px;
    height: auto;
    padding: 2px;
    background: #000;
}

.aside-right ul li.aside-wc .wechat-code:before {
    position: absolute;
    right: -15px;
    top: 50px;
    content: '';
    border-left: 8px #fff dashed;
    border-top: 8px transparent dashed;
    border-right: 8px transparent dashed;
    border-bottom: 8px transparent solid;
}

.aside-right ul li.aside-wc .wechat-code img {
    display: block;
    width: 100%;
    height: auto;
    max-width: 100%;
}

.aside-right ul li.aside-qq a {
    background: #b2b2b2 url(../images/aside-qq.svg) no-repeat center;
}

.aside-right ul li.aside-top a {
    background: #b2b2b2 url(../images/aside-top.svg) no-repeat center;
}

.aside-right ul li.aside-wc a:hover {
    background: #00a78e url(../images/aside-wc.svg) no-repeat center;
}

.aside-right ul li.aside-qq a:hover {
    background: #0077c7 url(../images/aside-qq.svg) no-repeat center;
}

.aside-right ul li.aside-top a:hover {
    background: #ff0000 url(../images/aside-top.svg) no-repeat center;
}


/*行业洞察*/
.small-banner h4 {
    font-size: 28px;
    line-height: 40px;
    color: #fff;
    text-align: center;
}

.insight-tab {
    padding-bottom: 80px;
}

.insight-bd ul li {
    margin-bottom: 72px;
    height: 260px;
}

.insight-bd ul li a {
    display: block;
    overflow: hidden;
    height: 100%;
}

.insight-bd ul li a .innews-left {
    width: 550px;
    float: left;
    height: 100%;
}

.insight-bd ul li a .innews-left span {
    display: block;
    overflow: hidden;
    width: 100%;
    border: #f1f1f1 1px solid;
}

.insight-bd ul li a .innews-left span img {
    width: 100%;
    display: block;
    max-width: 100%;
}

.insight-bd ul li a .innews-right {
    float: right;
    width: 650px;
    padding-left: 50px;
    height: 100%;
}

.innews-right .innews-title h4 {
    font-size: 24px;
    line-height: 34px;
    color: #585858;
}

.innews-right .innews-title span {
    display: inline-block;
    font-size: 16px;
    line-height: 26px;
    color: #585858;
}

.insight-bd ul li a:hover .innews-right .innews-title h4 {
    color: #000;
}

.insight-bd ul li a:hover .innews-des {
    text-decoration: underline;
}

.innews-right .innews-des {
    font-size: 16px;
    line-height: 24px;
    color: #585858;
    margin-top: 26px;
}

.innews-right .innews-more {
    position: relative;
    display: block;
    margin-top: 46px;
    width: 136px;
    height: 44px;
    line-height: 44px;
    text-align: center;
    border: 1px solid #7f7f7f;
}

.innews-right .innews-more i {
    display: block;
    position: absolute;
    z-index: 9;
    width: 100%;
    font-style: normal;
    font-size: 16px;
    color: #585858;
}

.innews-right .innews-more:before {
    content: "";
    width: 0%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: #fff;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
}

.innews-right .innews-more:hover:before {
    width: 100%;
}

.innews-right .innews-more:hover i {
    color: #000;
}

.innews-page {
    border-top: 1px solid #d4d4d4;
    padding-top: 40px;
    text-align: center;
}

.innews-page .dots {
    display: inline-block;
    vertical-align: middle;
    color: #6c3333;
    font-size: 18px;
    line-height: 32px;
    height: 38px;
    padding-top: 6px;
    margin: 0 3px;
}

.innews-page a {
    display: inline-block;
    vertical-align: middle;
    width: 38px;
    height: 38px;
    line-height: 38px;
    font-size: 14px;
    background: #eeebeb;
    color: #838383;
    margin: 0 3px;
    border-radius: 2px;
}

.innews-page a.on,
.innews-page a:hover {
    background: #2a2b2f;
    color: #fff;
}


/*insight-detail*/
.insight-detail {
    padding: 60px 0 120px;
    border-bottom: 1px solid #d4d4d4;
}

.w1000 {
    width: 1000px;
    margin: 0 auto;
}

.is-detail-main .is-detail-head {
    text-align: center;
    border-bottom: 1px solid #d4d4d4;
    padding-bottom: 15px;
}

.is-detail-main .is-detail-head h2 {
    font-size: 26px;
    line-height: 40px;
    color: #000;
}

.is-detail-main .is-detail-head i {
    display: inline-block;
    font-size: 14px;
    font-style: normal;
    line-height: 24px;
    color: #000;
}

.is-detail-main .is-detail-txt {
    margin-top: 40px;
    font-size: 14px;
    line-height: 24px;
    color: #000;
}

.is-detail-main .is-detail-txt img {
    max-width: 100%;
    height: auto;
}

.is-detail-main .is-detail-img {
    margin-top: 200px;
    overflow: hidden;
}

.is-detail-main .is-detail-img li {
    width: 100%;
    margin-bottom: 20px;
}

.is-detail-main .is-detail-img li img {
    display: block;
    width: 100%;
    margin: 0 auto;
}

.page-bo {
    margin-top: 80px;
    border-top: 1px solid #d4d4d4;
    padding-top: 50px;
}

.page-bo .w1000,
.page-bo .w1200 {
    position: relative;
}

.page-bo a {
    display: block;
    font-size: 16px;
    line-height: 30px;
    height: 30px;
    color: #333;
}

.page-bo a.mid-close {
    width: 30px;
    height: 30px;
    position: absolute;
    left: 50%;
    margin-left: -15px;
    top: 0;
}

.page-bo a.mid-close:before,
.page-bo a.mid-close:after {
    content: "";
    position: absolute;
    width: 30px;
    height: 2px;
    background: #000;
    border-radius: 5px;
}

.page-bo a.mid-close:before {
    -ms-transform: translateY(13px) rotate(45deg);
    -webkit-transform: translateY(13px) rotate(45deg);
    -moz-transform: translateY(13px) rotate(45deg);
    -o-transform: translateY(13px) rotate(45deg);
    transform: translateY(13px) rotate(45deg);
}

.page-bo a.mid-close:after {
    -ms-transform: translateY(13px) rotate(-45deg);
    -webkit-transform: translateY(13px) rotate(-45deg);
    -moz-transform: translateY(13px) rotate(-45deg);
    -o-transform: translateY(13px) rotate(-45deg);
    transform: translateY(13px) rotate(-45deg);
}

.page-bo a.mid-close:hover:before,
.page-bo a.mid-close:hover:after {
    -ms-transform: translateY(13px) rotate(0);
    -webkit-transform: translateY(13px) rotate(0);
    -moz-transform: translateY(13px) rotate(0);
    -o-transform: translateY(13px) rotate(0);
    transform: translateY(13px) rotate(0);
    background: #b7b7b7;
}

.page-bo a.case-mid-close {
    width: 20px;
    height: 20px;
    position: absolute;
    left: 50%;
    margin-left: -10px;
    top: 5px;
    background: url(../images/case-mid-close.png) no-repeat center;
    background-size: cover;
}

.page-bo a.case-mid-close:hover {
    -ms-transform: rotate3d(0, 1, 0, 180deg);
    -webkit-transform: rotate3d(0, 1, 0, 180deg);
    -moz-transform: rotate3d(0, 1, 0, 180deg);
    -o-transform: rotate3d(0, 1, 0, 180deg);
    transform: rotate3d(0, 1, 0, 180deg);
    opacity: .5;
    filter: alpha(opacity=50);
}

.page-bo a.prev {
    float: left;
    padding-left: 36px;
    position: relative;
}

.page-bo a.next {
    float: right;
    padding-right: 36px;
    position: relative;
}

.page-bo a span {
    display: block;
}

.page-bo a.prev span:before,
.page-bo a.prev span:after {
    position: absolute;
    display: block;
    content: '';
    position: absolute;
}

.page-bo a.prev span:before {
    left: 5px;
    top: 14.5px;
    width: 25px;
    height: 1px;
    background: #333;
}

.page-bo a.prev span:after {
    left: -5px;
    top: 10px;
    width: 0;
    height: 0;
    border-width: 5px;
    border-style: solid;
    border-color: transparent #333 transparent transparent;
}

.page-bo a.prev:hover span:before {
    width: 50px;
    left: -20px;
    background: #b7b7b7;
}

.page-bo a.prev:hover span:after {
    left: -25px;
    border-color: transparent #b7b7b7 transparent transparent;
}

.page-bo a.next span:before,
.page-bo a.next span:after {
    position: absolute;
    display: block;
    content: '';
    position: absolute;
}

.page-bo a.next span:before {
    right: 5px;
    top: 14.5px;
    width: 25px;
    height: 1px;
    background: #333;
}

.page-bo a.next span:after {
    right: -5px;
    top: 10px;
    width: 0;
    height: 0;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent transparent #333;
}

.page-bo a:hover {
    color: #b7b7b7;
}

.page-bo a.next:hover span:before {
    width: 50px;
    right: -20px;
    background: #b7b7b7;
}

.page-bo a.next:hover span:after {
    right: -25px;
    border-color: transparent transparent transparent #b7b7b7;
}

/*service*/
.service {}

.service>ul>li {
    float: left;
    margin-top: 240px;
    width: 1380px;
}

.service>ul>li.fr {
    float: right;
}

.service>ul>li {
    display: block;
    position: relative;
}

.service>ul>li span {
    display: block;
    width: 100%;
}

.service>ul>li span img {
    display: block;
    width: 100%;
    max-width: 100%;
    max-height: 620px;
}

.service>ul>li .service-block {
    width: 440px;
    height: 700px;
    padding: 120px 45px 0;
    position: absolute;
    right: -270px;
    top: -140px;
    background: #e6e8eb;
}

.service>ul>li.fr .service-block {
    left: -270px;
}

.service-block .sb-title i {
    display: inline-block;
    width: 100px;
    height: 100px;
}

.service-block .sb-title i.s1-i {
    background: url(../images/s1-i.svg) no-repeat center;
}

.service-block .sb-title i.s2-i {
    background: url(../images/s2-i.svg) no-repeat center;
}

.service-block .sb-title i.s3-i {
    background: url(../images/s3-i.svg) no-repeat center;
}

.service-block .sb-title h4 {
    position: relative;
    font-size: 24px;
    line-height: 24px;
    padding-bottom: 20px;
    color: #000;
    margin-top: 10px;
}

.service-block .sb-title h4:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 50px;
    height: 2px;
    background: #000;
}

.service-block .sb-des {
    font-size: 16px;
    line-height: 24px;
    color: #000;
    margin-top: 50px;
}

.service-block ul {
    margin-top: 40px;
}

.service-block ul h4,
.service-block ul li {
    font-size: 18px;
    line-height: 32px;
    color: #000;
}

.service-block ul li {
    position: relative;
    padding-left: 16px;
}

.service-block ul li:after {
    content: "";
    position: absolute;
    left: 0;
    top: 12px;
    width: 8px;
    height: 8px;
    border-radius: 100%;
    background: #000;
}

.our-customers {
    padding: 130px 0 100px 0;
}

.our-customers .oc-title {
    border-bottom: 1px solid #b2b2b2;
    padding-bottom: 20px;
}

.our-customers .oc-title h2,
.our-customers .oc-title h6 {
    font-size: 28px;
    line-height: 40px;
    color: #000;
}

.m-oc-item {
    display: none;
}

.oc-item ul {
    overflow: hidden;
    margin-top: 80px;
}

.oc-item ul li {
    display: table;
    float: left;
    height: 60px;
    text-align: center;
    margin-bottom: 90px;
}

.oc-item ul li.l1 {
    width: 220px;
}

.oc-item ul li.l2 {
    width: 240px;
}

.oc-item ul li.l3 {
    width: 310px;
}

.oc-item ul li.l4 {
    width: 220px;
}

.oc-item ul li.l5 {
    width: 210px;
}

.oc-item ul li span {
    display: table-cell;
    vertical-align: middle;
    height: 100%;
}

.oc-item ul li span svg {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
    _filter: none;
}

.oc-item ul li:hover span svg {
    -webkit-filter: grayscale(0);
    -moz-filter: grayscale(0);
    -ms-filter: grayscale(0);
    -o-filter: grayscale(0);
    filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=0);
    _filter: none;
}

/*about*/
.small-banner {
    height: 280px;
    padding-top: 120px;
}

.about-banner .about-banner-title h4 {
    font-size: 28px;
    line-height: 40px;
    text-align: center;
    letter-spacing: 45px;
    color: #000;
}

.about-profile {
    padding-top: 90px;
}

.about-profile .about-des {
    font-size: 16px;
    line-height: 26px;
    color: #000;
}

.about-profile .about-img {
    margin-top: 60px;
    width: 100%;
}

.about-profile .about-img img {
    display: block;
    width: 100%;
    max-width: 100%;
}

.about-team {
    margin-top: 180px;
}

.about-team ul {
    overflow: hidden;
    margin-top: 40px;
}

.about-team ul li {
    width: 20%;
    float: left;
}

.about-team ul li img {
    display: block;
    width: 100%;
    max-width: 100%;
}

.about-team .team-title h6 {
    font-size: 18px;
    line-height: 30px;
    margin-top: 35px;
}

.about-team .team-vision {
    margin-top: 60px;
    text-align: center;
    font-size: 26px;
    line-height: 46px;
    color: #000;
}

.about-title {
    text-align: center;
}

.about-title h2 {
    font-size: 30px;
    line-height: 40px;
}

.about-title h4 {
    font-size: 24px;
    line-height: 30px;
    color: #555;
}

.environmental {
    margin-top: 190px;
}

.envir-main {
    margin-top: 60px;
    padding-bottom: 260px;
}

.envir-main .envir-top {
    overflow: hidden;
    height: 637px;
}

.envir-main .envir-top .envir-top-le,
.envir-main .envir-top .envir-top-ri {
    width: 596px;
    float: left;
    height: 100%;
}

.envir-main .envir-top .envir-top-le img {
    display: block;
    width: 100%;
}

.envir-main .envir-top .envir-top-ri {
    margin-left: 8px;
}

.envir-main .envir-top .envir-top-ri li.m1 {
    margin-bottom: 8px;
}

.envir-main .envir-top .envir-top-ri li img {
    display: block;
    width: 100%;
}

.envir-main .envir-bottom {
    margin-top: 9px;
    overflow: hidden;
}

.envir-main .envir-bottom li {
    width: 394px;
    float: left;
    margin-right: 9px;
}

.envir-main .envir-bottom li.m5 {
    margin-right: 0;
}

.envir-main .envir-bottom li img {
    display: block;
    width: 100%;
}

/*contact*/
.contact-banner h4 {
    font-size: 28px;
    line-height: 40px;
    text-align: center;
    color: #fff;
}

.contact-main .w1200 {
    padding: 65px 0 70px 502px;
}

.contact-title {
    padding-bottom: 10px;
    border-bottom: 1px solid #7f7f7f;
}

.contact-title h2 {
    font-size: 16px;
    line-height: 26px;
    font-weight: bold;
    color: #000;
}

.contact-title h6 {
    font-size: 14px;
    line-height: 24px;
    color: #000;
}

.contact-site {
    padding: 14px 0;
    border-bottom: 1px solid #7f7f7f;
}

.contact-site li {
    font-size: 14px;
    color: #000;
    line-height: 24px;
}

.contact-map {
    margin-top: 54px;
    padding-bottom: 60px;
    border-bottom: 1px solid #7f7f7f;
}

.contact-map img {
    display: block;
    width: 100%;
}

.contact-code {
    padding: 14px 0;
    overflow: hidden;
    border-bottom: 1px solid #7f7f7f;
}

.contact-code .code-img {
    float: left;
}

.contact-code .code-des {
    float: left;
    margin-left: 90px;
    font-size: 20px;
    line-height: 36px;
    padding: 5px 0;
}

.pnone {
    display: none !important;
}

.mnone {
    display: block !important;
}

.news {
    width: 100%;
    margin-bottom: 50px;
}

.news_main {
    width: 100%;
}

.news_main .w1000 .about-des,
.news_main .w1000 .about-des p {
    font-size: 14px;
    line-height: 25px;
}

.news_main .w1000 .about-des img {
    max-width: 100%;
}

.title {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0;
    margin-top: 50px;
    margin-bottom: 30px;
    border-bottom: 1px solid #ccc;
}

.title>div {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.title>h4 {
    font-size: 24px;
    margin-bottom: 10px;
}

.title p {
    font-size: 13px;
    color: #ccc;
}

.new_center {
    width: 100%;

}

.new_child {
    width: 100%;
    height: 200px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 20px;
}

.new_child:hover img {
    transition: 0.5s;
    transform: scale(1.2);
}

.new_childtext {
    width: 62%;
    height: 100%;
    border-bottom: 1px solid #f5f5f5;
}

.new_childtext>h4 {
    font-size: 18px;
    margin-bottom: 5px;
}

.new_childtext>p {
    font-size: 14px;
    margin-bottom: 20px;
    line-height: 25px;
}

.new_childtext>span {
    display: block;
    font-size: 12px;
    margin-bottom: 15px;
}

.new_childimg {
    width: 35%;
    height: 100%;
    overflow: hidden;
}

.new_childimg img {
    width: 100%;
    height: 100%;
    transition: 0.5s;
}

.news_fy {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin: 50px 0;
}

.news_fy>a {
    padding: 10px 15px;
    border: 1px solid #ccc;
    margin: 3px;
    border-radius: 5px;
}

.mbx {
    width: 100%;
    padding-bottom: 20px;
    margin-bottom: 50px;
    margin-top: 20px;
    border-bottom: 1px solid #ccc;
}