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

.header { height: 60px; width: 100%; background: #fff; position:fixed; display:block !important}

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

.header .auto {height: 100%;}

.header .logo {float: left; width: 190px; height: 100%; padding-top: 5px;}

.header .logo img {display: block; width: 100%;}

.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 15px; 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: 60px; color: #000; height: 100%;}

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

.header .header-right .tel li span {color: #000!important; font-family: 'Montserrat-Bold'; font-size: 17px;}

.header .header-right .tel {float: left; overflow: hidden; height: 100%; margin-left: 28px;}



/*banner*/

/*.main {margin-top: 60px;}*/

.slick-banner {width: 100%;}

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

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



/*品牌案例*/

.index-case {width: 100%;background: #fff;padding: 100px 0 80px;}

.index-case .ic-title {    text-align: center; margin-top: 47px;}

.index-case .ic-title h4 { font-size: 55px;font-weight: 900; line-height: 40px; color: #222b56;      margin-bottom: 4spx;    font-weight: bold;}

.index-case .ic-title h2 { font-size: 18px; line-height: 40px; color: #222b56;     margin-bottom: 7px;}

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

.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;     /*height: 356px;*/}

.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: 20px;

    line-height: 30px;

    color: #fff;

    margin-top: 1%;}

.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: 24px auto 0;

    width: 146px;

    height: 43px;

    line-height: 43px;

    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 *

{-webkit-transition:all .4s ease;-moz-transition:all .4s ease; -o-transition:all .4s ease; -ms-transition:all .4s ease;transition:all .4s ease;}

















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

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

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

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

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

.case-item1 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-item1 ul li a .icase-des .table {width: 100%; height: 100%; display: table;}

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

.case-item1 ul li a .icase-des .table .tabel-cell h3 {     font-size: 20px;

    line-height: 30px;

    color: #fff;

    margin-top: 1%;}

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

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



.case-item1 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-item1 a.button_link span {display: block; position: absolute; z-index: 999; width: 100%;}

.case-item1 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-item1 a.button_link:hover:before {width: 100%;}



.case-item1 a.button_link:before, .follow-icon a ,.aside-right ul li a, .related .related-slick a *, .case-item1 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 *

{-webkit-transition:all .4s ease;-moz-transition:all .4s ease; -o-transition:all .4s ease; -ms-transition:all .4s ease;transition:all .4s ease;}









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

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

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

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

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

.case-item2 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-item2 ul li a .icase-des .table {width: 100%; height: 100%; display: table;}

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

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

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

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



.case-item2 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-item2 a.button_link span {display: block; position: absolute; z-index: 999; width: 100%;}

.case-item2 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-item2 a.button_link:hover:before {width: 100%;}



.case-item2 a.button_link:before, .follow-icon a ,.aside-right ul li a, .related .related-slick a *, .case-item2 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 *

{-webkit-transition:all .4s ease;-moz-transition:all .4s ease; -o-transition:all .4s ease; -ms-transition:all .4s ease;transition:all .4s ease;}





































/*行业洞察*/

.insight {width: 100%; padding-bottom: 180px;}

.insight .auto {overflow: hidden;}

.insight .auto .insight-left {width: 750px; float: left; margin-right: 100px;}

.insight .auto .insight-right {width: 750px;float: right;}

.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 120px 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: 30px; line-height: 40px; 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 120px 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 0px; overflow: hidden;}

.ad-main .auto .ad-item {float: left;width: 29%;margin-right: 5.33%;}

.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(../image/wb.svg) no-repeat center; background-size: 64%;}

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

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

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

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

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



/*公共底部*/

.footer {background: #191919; padding:0px;}

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

.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 {float: left; 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 li {float: left; position: relative; }

.footer-link ul li a {display: inline-block;font-size: 14px;line-height: 26px; color: #525252;margin: 0 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: 28px; line-height: 40px;color: #fff;}

.case-banner .case-title h2 { font-size: 28px; 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: 20px 10px 20px 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: #606060;}

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

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

.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 {height: 550px;}

.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: 50px;;}

.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(../image/aside-wc.svg) no-repeat center;}

.aside-right ul li.aside-wc .wechat-code {display: none; position: absolute; left: -120px; top: -35px; z-index: 1000; width: 120px; height: 120px;}

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

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

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

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

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

.aside-right ul li.aside-top a:hover {background: #ff0000 url(../image/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: #595757;}

.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: #595757; 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 #595757;}

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

.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.page-num-current, .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;     margin-bottom: 80px;}

.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(../image/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(../image/s1-i.svg) no-repeat center;}

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

.service-block .sb-title i.s3-i {background: url(../image/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: 230px; padding-top: 120px;}

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

.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: #89898a;}

.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; display:none}

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

.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: 44px 0;}



/* liangyi */

.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;}







.uj  {    font-size: 16px;}

.uj P span