/*header*/
.m-header, .m-img,.head-nav {display: none!important;}
.header { height: 75px; width: 100%; background: #fff; position: fixed; left: 0; top: 0; z-index: 1000;box-shadow: 0 1px 10px rgba(0,0,0,.14);}
.header .auto {height: 100%;}
.header .auto .biaoti{ background: url(../images/zobologo.svg) no-repeat;display: block; text-indent: -999px;width: 155px;height: 75px; background-size: 100%;;background-position: center}
.header .logo {float: left; width: 320px; height: 100%;}
.header .logo * { display: inline-block; vertical-align: middle;}
.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 10px; 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: 75px; 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:15px; background: url(../images/yline.jpg) left center no-repeat;}
/*banner*/
.slick-banner {width: 100%;margin-top: 75px;}
.slick-banner a {display: block; width: 100%; height:720px;}
.slick-banner a img.p-img {display: none;}
.slick-banner a img { width: 100%;}
.pc-img {display:block;}
/*å“牌案例*/
.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 h5 { height:1px; width:50px; background:#333; display:block;}
.index-case .case-item {margin-top:30px;}
.case-item-top img { display:block; width:100%; height:auto;}
.cil1 {width: 66.45%; 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);}
.clear, .case-item { clear:both;}
.case-item ul li {width: 33.11111%; margin-right: 0.33333%; margin-bottom: .35%; float: left; }
.case-item ul li:nth-child(3),.case-item ul li:nth-child(6),.case-item ul li:nth-child(9),.case-item ul li:nth-child(12) {margin-right: 0;}
.case-item ul li:nth-of-type(odd){ /*奇数*/}
.case-item .img-des h2 {
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}
.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,.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 *,.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(../images/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:1.5% 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;}
.index-brands h5 {font-size:16px;}
.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 h3{ font-size:24px; padding-bottom:20px;}
.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 .auto1 {overflow: hidden;}
.insight .auto1 .insight-left {width:50%; float: left;}
.insight .auto1 .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 h4{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 h3 { 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 h4{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;}
/*公共底部*/
.ngb-footer {background: #181717;}
.ngb-footer-content {width: 1400px;margin: auto;padding: 50px 0 13px 0;overflow: hidden;position: relative;}
.ngb-fleft {float: left;margin-left: 3%;}
.ngb-fleft .name h4 {display: block;font-size:14px;color:#fff; padding-bottom: 5px;}
.ngb-fleft .name h3 {font-size: 24px;color: #fff;text-transform: uppercase; font-family: 'ProximaSansMedium',Arial;font-weight: bold;}
.ngb-fleft .ewmtel {padding-top: 45px;overflow: hidden;}
.ngb-fleft .ewmtel .ewm {float: left;width: 77px;}
.ngb-fleft .ewmtel .ewm img {width: 77px;height: 77px;display: block;}
.ngb-fleft .ewmtel .tel {float: left; padding-left: 20px; padding-top: 10px;}
.ngb-fleft .ewmtel .tel .zxrx{font-size: 14px;color: #999;font-weight: normal;}
.ngb-fleft .ewmtel .tel span {font-size: 24px;color: #fff;padding-top: 7px;font-family: 'ProximaSansMedium',Arial;letter-spacing: 1px; font-weight: bold;}
.ngb-fleft .addemail {font-size: 12px;color: #727272;line-height: 23px;clear: both;padding: 20px 0;}
.ngb-fleft .addemail p {padding: 5px 0;}
.ngb-fright {float: right;}
.ngb-fright ul {padding-top: 15px;overflow: hidden;}
.ngb-fright ul li {display: inline-block;vertical-align: top;margin-left: 70px;font-size: 12px;color: #646464;line-height: 28px;}
.ngb-fright ul li:first-child {margin-left: 0;}
.ngb-fright ul li h3 {font-size: 15px;color: #fff;padding-top: 10px;padding-bottom: 35px;overflow: hidden;display: block;}
.ngb-fright ul li a {font-size: 12px;color: #646464;line-height: 28px;}
.ngb-fright ul li a:hover {color: #fff;}
.ngb-fright ul li:last-child {text-align: right;}
.yqlink {overflow: auto;line-height: 24px;width: 1400px;margin: 0 auto;height:24px;}
.yqlink a:hover{color: #000;}
.ngb-bottom {padding:10px 0;overflow: hidden;background: #0e0e0e;}
.ngb-bottom ul{width: 1400px;margin: auto;}
.ngb-bottom .left,.ngb-bottom .left a,.ngb-bottom .right,.ngb-bottom .right a,.yqlink a,.yqlink {font-size: 12px;color: #646464;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;}
.ngb-bottom .left a:hover,.ngb-bottom .right a:hover{color: #fff;}
.ngb-bottom .left,.ngb-bottom .right{float: left;width:50%;}
.ngb-bottom .left a,.ngb-bottom .right a{}
.ngb-bottom .right{text-align: right; }
.ngb-footer-content::before {content: '';width: 100%; height: 1px;background: #302f2f;position: absolute;left: 0;top: 120px; z-index: 1;}
/*case*/
.case-tab {padding:60px 0 30px 0;}
.tab {width: 100%; }
.tab .tab-bd {padding-top:40px;}
.case-item ul li a .img-des {padding: 10px; }
.case-item ul li a .img-des h2 {font-size: 1.2em;line-height: 20px;color: #928d8d;}
.case-item ul li a .img-des h4 {font-size: 1.5em;line-height: 30px;color: #5c5c5d;font-weight:bold;margin-bottom: 5px;}
.case-item ul li a:hover .img-des {background: #000;}
.case-item ul li a:hover .img-des h2 {color: #ddd;}
.case-item ul li a:hover .img-des h4 {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;}
/*è”系方å¼æ¡*/
.aside-right {position: fixed;right: 1%; bottom: 10%; background: #fff; min-width: 130px; width: 130px; z-index: 1002; border-radius: 15px;text-align: center; box-shadow: 0 10px 20px rgba(0,0,0,.14);}
.aside-right dl {margin: auto auto 10px auto;}
.aside-right .lxbt {font-size: 20px;font-weight: bold;background: #ffbc00;height: 40px;line-height: 40px;border-top-left-radius: 15px;border-top-right-radius: 15px;color: #000;}
.aside-right a:hover{opacity:0.5;}
/*行业洞察*/
.small-banner h4,.contacth1 {font-size: 28px;line-height: 40px; color: #fff; text-align: center;}
.small-banner {height: 280px; padding-top: 130px;}
/*客户å录*/
.zdxian2{margin:20px 0 -20px 0;color: #555;}
.case_hz1 {width: 100%;margin: 0 auto;}
div.case_hz1:nth-child(6){padding-bottom: 35px;}
div.case_hz1:nth-child(1){padding: 55px 0 15px 0;}
.case_item_des1 {position: relative;padding: 10px 0 10px 0;margin-top: -5px;text-align: center;background: url(../images/baef2.jpg) repeat;}
.case_item_des_title1 {font-size:32px; font-weight: bold;padding: 20px;}
.case_item_des_type1 {padding: 0 10px 10px 20px;font-size: 16px;}
.case_item_des_type1 h1{padding: 0 10px 10px 20px!important;font-size: 16px!important;display:inline;font-weight:normal!important; margin-block-start: 0; margin-block-end: 0;}
.case_item_des1 h1 {font-size:28px; font-weight: bold;padding: 20px;}
.tjtp img {width: 100%;}
/*分页代ç */
.pagination-wrapper{padding: 30px 0;}
.pagination{text-align: center;}
.pagination li {display: inline-block;line-height: 35px;padding: 0 15px;border: 1px solid #ddd;margin: 0 5px;border-radius: 5px;font-size: 16px;box-shadow: 0 0px 1px rgba(0,0,0,.25);}
.pagination ul li a.current {
color: red;
/*color: #fff;*/
/*border: 1px solid #ccc;*/
font-size: larger;
}
.pagination .pagenavia {display: inline-block;line-height: 35px;padding: 0 15px;border: 1px solid #ddd;margin: 0 5px;border-radius: 5px;font-size: 16px;box-shadow: 0 0px 1px rgba(0,0,0,.25);}
.pagination li:hover{background: red;}
.pagination li a{color:#000;}
.pagination li a:hover{color:#fff;}
.pagination li.thisclass {background: red;color: #fff;border: 1px solid #ccc;}
.pagination li.thisclass a,.pagination li.thisclass a:hover{background: transparent;border-color: #ddd;color: #fff;cursor: default;}
/*移动端底部*/
.dh_1 {display:none;position: fixed;bottom: 0;background: #282828;z-index: 1002;width: 100%;clear: both;border-top: 2px solid #ffff;}
.fud {width: 100%;margin: 0 auto auto auto;}
.fud dl {float: left; width: 20%;text-align: center;position: relative;right: 0!important;top: 0!important;}
.fud .dt {width: 95%;text-align: center;padding-top: 4%; cursor: pointer;}
.fud dl img {max-width: 158px;max-height: 55px;margin: auto;}
/*内页css*/
.main{width:1150px;margin: 100px auto 0 auto;}
.main-part{width:830px;float: left;}
.main-part .piece{background: #fff;padding: 20px 20px;margin-bottom:16px;user-select: none;box-shadow: 0 1px 3px rgba(34,25,25,.4);}
.main-part .tool-bar {margin-bottom: 20px;position: relative;z-index: 1;border-bottom: 1px solid #ccc;padding-bottom: 15px;}
.main-part .tool-bar .shorttitle {font-size: 24px;color: #8c391c;margin-bottom: 10px;display: inline;font-weight: bold;}
.main-part .tool-bar .btn2 {margin-right: 10px;font-family: "Microsoft Yahei";font-size: 18px;color: #C05732;font-weight: normal;display: inline;}
.main-part .tool-bar .meta_info {color: #7b7b7b;line-height: 18px;font-size: 12px; margin-top: 10px;}
.main-part .tool-bar .mr10 {margin-right: 8px;}
.mr10 a{margin-right: 8px;}
.main-part .main-image {font-family: 微软雅黑, "Microsoft yahei";font-size: 16px;text-align: left;word-wrap: break-word;color: #333;line-height: 190%;}
.main-part .main-image img {position: relative;text-align: center;display: block;margin: 30px auto 30px auto; max-width: 100%;}
.main-part .main-image h3 {border-left: 5px solid #C05732;padding: 5px 0 5px 12px;background: #f2f2f2;font-size: 18px;font-weight: 600;}
.main-part .main-image h2 {border-left: 8px solid #C05732;padding: 5px 0 5px 15px;background: #f2f2f2;font-weight: 600;}
.main-part .piece .main-image h2 { margin: 1.2rem 0; }
.main-part .main-image .jzsm {text-align: center;font-size: 14px;margin-bottom: 20px;}
.main-part .xchcbott1 {height: 100px;margin: 0 auto;background: #f2f2f2;margin: 30px auto;border-bottom: 3px solid #333;border-top: 1px solid #aaa;user-select: text;}
.main-part .xchcbott1Span {float: left;border: 1px solid #333;width:30%;font-size: 18px;color: #000;border-radius: 10px;font-weight: 600;margin-left:2.5%;margin-top: 25px;text-align: center;line-height: 50px;background-color: #ffbc00;}
.main a {color: #c05732;text-decoration: none;outline: 0;cursor: pointer;}
.main a:hover {text-decoration:underline;}
.xchcbott1 a:hover {background-color: #000;border-color: #ffbc00;border-radius: 50px;color:#ffbc00;text-decoration: none;}
.xchcbott1Span:hover {background-color: #000;border-color: #ffbc00;border-radius: 50px;color: #ffbc00;}
.xchcbott1Span a {width: 100%;font-size: 18px;color: #000;display: block;}
.xchcbott1Span:nth-child(2){display:none;}
.main-part .bds {border-top: dashed 1px;border-color: #cdc8c4;margin-top: 10px; margin-bottom: 15px;height: 32px;color: #443e39;font-size: 12px;line-height: 20px;text-align: left;}
.artPagePre, .artPageNext {text-overflow: ellipsis;white-space: nowrap; overflow: hidden;}
.artPagePre {float: left;max-width: 50%;overflow: hidden;}
.artPageNext {float: right;text-align: right;max-width: 50%;overflow: hidden;}
.bds img {position: relative;top: 5px;}
.title-el {padding: 20px 0 10px 5px;color: #443e39;font-size: 16px;border-bottom: 1px solid #ccc;font-weight: 600;}
.info-piece .board-box {overflow: hidden; margin-top: 15px;}
li.xgcasemenu {float: left;width: 33.3%;padding: 1px 5px;}
.xgcasemenu .xgcaseImg {background-position: center center;width:100%;padding-bottom: 66.7%;background-size: cover;}
#xgcasemenu span {display: block;width: 100%;text-align: center;font-size: 14px;color: #333;margin: 10px 0 10px 0;line-height: 40px;overflow: hidden; text-overflow: ellipsis;white-space: nowrap;}
#xgcasemenu li:hover span {color: #fff;background: #000;transition: 400ms;}
.xgcasemenu a:hover{text-decoration: none;}
.floor_new {margin-bottom: 5px;overflow: hidden;margin-top: 10px;}
.floor_new ul li {width: 100%;height: 80px;float: left;background: #F2F2F2;margin: 3px 9px 5px 1px;overflow: hidden;list-style: none;}
.floor_new .time {height: 100%;background: #ccc;color: #fff;float: left;font-weight: bold;line-height: 28px;text-align: center;width: 80px;font-size: 14px;}
.floor_new .time em {display: block;font-size: 40px;height: 50px;padding-top: 15px;}
.floor_new dd {line-height: 24px;color: #666;margin-left: 90px;margin-top: 5px;}
.floor_new dd a {color: #666;font-weight: bold;}
.floor_new dd p {font-size: 12px;width: 97%;}
.daohang1 {width: 20px;position:fixed;margin-top: 100px;overflow: hidden;text-align: center;font-size: 12px;margin-left: -30px;}
.daohang_1 {padding: 2px;box-shadow: 1px 1px 3px #9A9A9A;border: 1px solid #9A9A9A;margin: 10px 0;color: #333;}
.daohang1 div:hover {background-color: #fac176;}
.daohang1 a:hover {text-decoration: none;}
.side-part {position: relative;}
.side-partCore {float: right;width:300px;height: auto;min-height: 600px;}
.right_box {width: 100%;background: #fff;padding: 5px 1px;margin-bottom: 16px;margin-top: 0;box-shadow: 0 1px 3px rgba(34,25,25,.4);}
h4.feed_new_tit {font-size: 16px;color: #C05732;;height: 40px;padding-top: 10px;margin: 0 15px 15px 15px;border-bottom: 1px #ccc solid;font-weight:bold;}
.feed_rside ul.rside_list {margin-bottom: 10px;height: 210px;width: 95%; overflow-y: auto; overflow-x: hidden;}
.feed_rside ul.rside_list li {margin: 0 5px 5px 15px;border-bottom: 1px solid #ddd;height: 65px;}
.feed_rside ul.rside_list li div.img_box {float: right;position: relative;}
.feed_rside ul.rside_list li div.img_box a {cursor: pointer;position: relative;display: inline-block;}
.feed_rside ul.rside_list li div.img_box img {width:90px;height: auto;vertical-align: top;-o-object-fit: cover; object-fit: cover;}
.rside_list .content h5 a {display: block;margin-bottom: 2px;font-size: 14px;color: #565555;letter-spacing: 1px;line-height: 16px;max-width: 200px;overflow: hidden;cursor: pointer;}
.rside_list .content p.txt {font-size: 12px;color: #C05732;letter-spacing: 0;line-height: 26px;max-height: 33px;overflow: hidden;}
.feed_rside ul.rside_list li:hover img{opacity: 0.5;}
.bnt12 {font-size: 16px;padding: 5px 15px;border-radius: 3px;height: 36px;line-height: 30px; background: linear-gradient( #FAFAFA, #F2F2F2);border: 1px solid #D9D9D9; cursor: pointer; white-space: nowrap;}
.feed_rside .other_more {text-align: center;display: block;width: 95px;margin: 0 auto; margin-bottom: 16px;}
.bannerForm {position: absolute; width: 100%;padding: 5px 1px;background-color: #fff;border-radius: 2px;background: #f9f9f9;border-left: 10px solid #d71518; z-index: 999;-webkit-box-shadow: 0px 0px 3px #444; */}
.bannerForm_title p{font-size: 20px;color: #3B3B3B;text-align: center;margin-top: 20px;font-weight: bold;}
.bannerForm_title span {color: #D61518;}
.formItem {width: 100%;text-align: center;padding: 3% 0 3%;}
.formPhone {text-align: center;padding: 2% 0;-webkit-appearance: none;width: 80%;border-radius: 20px;border: 1px solid #083e8a;}
.formly {outline:medium;word-wrap:break-word;text-align: center;border-radius: 10px;box-sizing: border-box;line-height: 24px;margin-top: 10px;border: 1px solid #083e8a;width:80%;padding: 3% 0;}
.formSub {margin-bottom: 10px;width: 80%;border: none;color: #fff;font-size: 16px;border-radius: 10px;background-color: #d71518;text-align: center;padding: 2% 0;-webkit-appearance: none; cursor: pointer;font-weight: bold;}
/*è”系我们*/
.ng-contact {display: table;width:100%; height:100%;text-align: center;}
.ng-contact .contact_main {overflow: hidden; }
.ng-contact .cmleft {float: left;width: 35%;}
.ng-contact .cmleft .ngtitle {text-align: left;}
.ng-contact .cmleft .ngtitle h4{ font-size: 20px;color: #1a1a1a;font-weight: bold;padding-top:15px;font-family:Microsoft Yahei;}
.ng-contact .cmleft .ngtitle h3{ font-size: 44px;color: #1a1a1a;position: relative;padding-bottom:10px;font-family: 'Montserrat-Bold';}
.ng-contact .cmleft .ngtitle h3::after {content: '';position: absolute;left: 0;bottom: 0;width: 125px;height: 2px;background: #a9a9a9;display: block;}
.ng-contact .cmleft .ctel {text-align: left;margin-top: 140px;}
.ng-contact .cmleft .ctel a {color:#333;}
.ng-contact .cmleft .ctel h4{font-size: 14px;color: #999;padding-bottom: 5px;}
.ng-contact .cmleft .ctel h4 a{font-size: 24px;color: #1a1a1a;font-family: 'Montserrat-Bold';}
.ng-contact .cmright{float: right;width: 55%;text-align:left;}
.contact_main { background:#fff;font-size: 14px;padding: 5%;width: 90%; margin: 0 auto;}
.contact_main .cmright li{ padding:17px 0 2px 0; overflow:hidden; display:block;color: #333;font-size: 14px;line-height: 30px;}
.contact_main .cmright h2 { font-size:24px;padding-bottom: 5px; font-weight:bold;color:#000;font-family: 'Montserrat-Bold';}
.contact_main .cmright h4 {font-size: 12px;color: #999;padding-bottom: 25px; display:block;border-bottom:#e8e8e8 1px solid; }
.contact_main .cmright h5 { font-weight: bold;padding:2px 0 5px 0;display: block;}
.contact_main .cmright strong {font-family: 'Montserrat-Bold';}
.contact_main .cmright strong * {font-family: 'Montserrat-Bold';}
.contact_icon { text-align:left;display:block;border-top:#e8e8e8 1px solid;padding-top: 20px;clear: both;margin-top:20px;}
.contact_icon * {-webkit-transition:all .8s ease;-moz-transition:all .8s ease;transition:all .8s ease;}
.contact_icon a { display:inline-block;position: relative; width:40px; height:40px; margin:0 15px 0 -2px;-moz-border-radius: 100px;-webkit-border-radius: 100px;border-radius:100px;}
.contact_icon a:hover { z-index:1;}
.contact_icon .wx{background:url("../images/icon_03.png") center 8px no-repeat #5ac64f;background-size: 60%;}
.contact_icon .qq{background:url("../images/icon_05.png") center 8px no-repeat #329fff;background-size: 60%;}
.contact_icon .wb{background:url("../images/icon_07.png") center 8px no-repeat #d80202;background-size: 60%;}
.contact_icon .wx:hover .ewm{display: block;}
.contact_icon .wx:hover {background:url("../images/icon_03.png") center -24px no-repeat #666;background-size: 60%;}
.contact_icon .qq:hover {background:url("../images/icon_05.png") center -30px no-repeat #666;background-size: 60%;}
.contact_icon .wb:hover {background:url("../images/icon_07.png") center 8px no-repeat #666;background-size: 60%;}
.contact_icon .ewm{display: none;width: 80px;height: 80px;position: absolute;left: 50%;margin-left: -40px;top: -90px;z-index: 3;background: #000;padding: 5px;}
.contact_icon .ewm::after {content: '';position: absolute;left:50%;z-index: 3;bottom:-14px;border-color: #000 transparent transparent transparent;margin-left: -7px;border-width: 8px;border-style: solid;}
.contact_icon .ewm img {display: block;width: 70px;height: 70px;}
.mctel {display: none;text-align: left;border-top: #e8e8e8 1px solid;margin-top:10px;padding: 30px 0;}
.mctel h4 a{font-size: 20px;color: #1a1a1a;font-family: 'Montserrat-Bold';}
.mctel h4{font-size: 14px;color: #666;font-weight: normal;}
.customers {width: 100%;margin:0 auto;padding: 50px 0;}
.mctel a {color:#333;}
.customers .ngtitle {text-align: center;}
.customers .ngtitle h2{font-size: 36px;color: #333;text-transform: uppercase; font-weight: bold;}
.customers .ngtitle h3{font-size: 18px;color: #333;font-weight: normal;display: block;position: relative;}
.customers .ngtitle h3::after {content: '';width: 50px;height: 1px; margin:20px auto auto;background: #fff;opacity: 0.2;display: block}
.customers .ngtitle h4{font-size:14px;line-height:24px; color: #666;font-weight:normal;padding-top: 30px;width: 50%;margin: auto;}
.customerslogo {overflow: hidden; width: 85%; margin: auto;}
.customerslogo li {display: inline-block;vertical-align: middle;width: 18%;margin-top: 60px;}
.customerslogo li img {display: block;max-width: 100%;height: auto;max-height: 80px;margin: auto;filter: grayscale(100%);}
.fp-tableCell {display: block;position: relative;width: 100%; padding: 20px 0 20px 0; background: #000;}
.cover1 {position: relative;overflow: hidden;}
.cover1 img {width: 100%;height: 100%;left: 0;top: 0;object-fit:cover;display: block;}
.about_page_back {height: 100%;}
.about_number_wrap {width: 100%;position: absolute;left: 50%;top: 50%;-webkit-transform: translateY(-50%) translateX(-50%);transform: translateY(-50%) translateX(-50%);}
.about_number_title {text-align: center;}
.about_number_year {font-size: 60px;color: #f6ca27;}
.about_number_text {font-size: 36px;color: #fff;font-weight: bold;}
.about_number_list {font-size: 0;padding: 150px 0 150px 0; width: 80%; margin: 0 auto;}
.about_number_li {width: 25%;text-align: center;}
.inline {display: inline-block; vertical-align: top;}
.number_li_title {color: #f6ca27;font-weight: bold;}
.number_li_title span:nth-child(1) {font-size: 48px;}
.number_li_text {font-size: 22px;line-height: 32px;color: #7f7f80;}
.number_li_title span:nth-child(2) {font-size: 48px;}
/*new*/
.zobonew{padding-top: 30px;background:#f2f2f2;width: 100%;}
.zobonew0{padding-top: 100px;}
.newmain{background: #fff;width: 80%;margin: 0 auto;}
.newmain1{background: #fff;width: 100%;margin: 0 auto;border-top:1px solid #ddd;}
.newpadlr{padding: 1.5% 2.5%;}
.newtitle{padding-top: 20px;zoom:1;}
.newtitle .title {padding: 11px 0;float: left;display: inline;}
.newtitle .title .p1 {font-size: 26px;line-height: 46px;}
.newtitle .title .p2 {font-size: 14px;line-height: 32px;color: #8c8c8c;}
.newtitle .menu {line-height: 120px;float: right;display: inline;}
.newtitle .menu li {float: left;margin-left: 20px;}
.newtitle .menu li a{font-size: 14px;color: #666;display: inline-block;padding: 0 20px;height: 40px;line-height: 40px;text-align: center;transition: 0.3s;-webkit-transition: 0.3s;}
.newtitle .menu .zobocurrent a{background: #333; color: #fff;}
.newtitle .menu li a:hover {background: #333; color: #fff;}
.zoboclear{zoom:1;}
.zoboclear:after {content: "";display: block;height: 0;clear: both;visibility: hidden;}
.newsList{margin:0 auto;transition: all 0.5s;}
.newsList ul {width: 100%;}
.newsList li {float: left; width: 32.5%;margin-right: 1.25%; margin-bottom: 30px;}
.newsList ul li.newmr {margin-right: 0;}
.newsList li .img img {width: 100%;}
.newsList li .bottom {padding: 5px 5% 15px; background:#f2f2f2;}
.newsList li .newtitle {font-size: 16px; color: #333; line-height: 30px; font-weight: bold;}
.newsList li .date {font-size: 14px; color: #888; line-height: 30px;}
.newsList li .des {font-size: 14px; color: #666; line-height: 24px; padding-top: 5px; min-height: 72px; max-height: 72px;}
.newsList li:hover .bottom {background:#ddd;}
.newsList_pages {text-align: center; padding: 30px 0 60px;}
.newsList_pages a {display: inline-block; height: 28px; line-height: 28px; padding: 0 13px; margin: 0 3px; border: 1px solid #ccc; background: #fff;}
.newsList_pages span {display: inline-block; height: 28px; line-height: 28px; padding: 0 13px; margin: 0 2px; border: 1px solid #333; background: #333; color: #fff;}
.in_contact_c{padding-top: 30px;padding-bottom: 30px;}
.in_contact_left{float: left;display: inline;}
.in_contact_left .title {font-size: 24px; color: #000; line-height: 64px;font-weight:bold;}
.in_contact_left li {font-size: 14px; color: #7a7a7a; line-height: 36px;}
.in_contact_right {width: 170px; border: 1px solid #f2f2f2; text-align: center; padding: 24px 0 7px;float: right; }
.in_contact_right img {width: 120px;}
.in_contact_right .text {font-size: 12px; color: #7a7a7a; line-height: 34px;}
.zobonew2 {padding-bottom:30px;}
.newcaseyr{font-size:24px;text-align:center;padding:30px 0;}
.newcaseyr_mg li{float:left;width:19.5%;margin-right:0.5%;margin-bottom: 30px;}
.newcaseyr_mg1 li{margin-bottom: 0;}
.newcaseyr_mg img{width:100%;}
.newcaseyr_mg{margin: 0 auto;transition: all 0.5s;}
.newcaseyr_dc {padding: 1.5% 2%;zoom: 1;}
.newcaseyr_dc1 {width:85%;margin: 0 auto;}
.newcaseyr_mg .newcaseyr_tt{font-size:16px;line-height:20px;text-align:center;width:100%;padding: 10px 0;}
.newcaseyr_mg a:hover .newcaseyr_tt{color:#fff;background:#000;}
.case-item .tagUl img {
width: 100%;
}