@charset "utf-8";

/* CSS Document */

.ngb-service {}
.ngb-service-content *{-webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;}
.ngb-service-content {position: relative;width: 100%;overflow: hidden;}
.ngb-service-content .main{position: absolute;width: 100%;height: 100%;left: 0;top: 0;z-index: 3;text-align: center;}
.ngb-service-content .pic{max-height: 920px;overflow: hidden;}
.ngb-service-content .pic img{display: block;width: 100%;height: auto;background: #000;}
.dtable {display: table;width: 100%;height: 100%;}
.dtable-cell {display: table-cell;vertical-align: middle;}
.pcshow {display: block;}
.mbshow {display: none!important;}
.ngb-title {text-align: center;}
.ngb-title h2{font-size: 45px;text-transform:uppercase;font-family: 'ProximaSansMedium', Arial;color: #000;}
.ngb-title h3{font-size: 26px;position: relative;display: block;color: #000;}
.ngb-title h3::after{content: '';display: block;width: 33px;height: 2px;background: #000;margin:42px auto 15px auto;}
.ngb-title h4{font-size: 15px;line-height: 32px;margin: auto;}
.ngicon5 {display: block;position: relative;overflow: hidden;padding-top: 40px;}
.ngicon5 li {display: inline-block;vertical-align: top;width:14.1%;text-align: center;margin:0 5px;padding:30px 0; background: rgba(255,255,255,.3);}
.ngicon5 li i{width: 120px;display: block;margin: auto;position: relative;overflow: hidden;}
.ngicon5 li i img{display: block;width: 100%;height: auto;}
.ngicon5 li h5{font-size: 13px;padding-top: 20px; text-transform:uppercase;font-family: 'ProximaSansMedium', Arial;}
.ngicon5 li h6{font-size: 16px;padding:5px 0;overflow: hidden;}
.ngicon5 li:hover,.ngservice3 .main .ngicon5 li:hover,.ngservice4 .main .ngicon5 li:hover {background: #fff;}
.ngicon5 li:hover *,.ngservice3 .main .ngicon5 li:hover *,.ngservice4 .main .ngicon5 li:hover *{color: #000;}
.ngservice1 .main ul {display: block;position: relative;}
.ngservice1 .main ul::before {content: '';width:100%;height:2px;position:absolute;display: block;left:0;top:50%;margin-top: -1px; background: #434141;overflow: hidden;}
.ngservice1 .main li {display: inline-block;vertical-align: top;text-align: left;margin:0 8%;padding-bottom: 43px;}
.ngservice1 .main li i{width: 110px;display: block;position: relative;overflow: hidden;}
.ngservice1 .main li i img{display: block;width: 100%;height: auto;max-height: 110px;}
.ngservice1 .main li i::after {content: '';width: 12px;height: 12px;display: block;margin:40px auto;background: #434141;border-radius:100px;overflow: hidden;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;}
.ngservice1 .main li h4{font-size: 22px;color: #fff;text-transform:uppercase;font-family:'ProximaSansMedium',Arial;padding-left: 10px;}
.ngservice1 .main li h5{font-size: 18px;color: #fff;padding: 15px 0 0 10px;overflow: hidden;}
.ngservice1 .main a:hover i::after{background: #fff;}
.ngservice1 .main a:hover h4,.ngservice1 .main a:hover h5{-webkit-animation:1s color1  ease-in;animation:1s color1 ease-in;}
@-webkit-keyframes color1 {0%,100% {color: #fff;}50% {color: #434141;}}
@keyframes color1 {0%,100% {color: #fff;}50% {color: #434141;}}
.ngservice3 .main .ngb-title h2{color: #fff;}
.ngservice3 .main .ngb-title h3{color: #fff;}
.ngservice3 .main .ngb-title h3::after{background: #fff;}
.ngservice3 .main .ngb-title h4{color: #fff;}
.ngservice3 .main .ngicon5 li {background: rgba(255,255,255,.08);}
.ngservice3 .main .ngicon5 li h5{color: #fff;}
.ngservice3 .main .ngicon5 li h6{color: #fff;}
.ngservice4 .main .ngicon5 li {background: rgba(255,255,255,.5);}
.ngservice5 .main .ngb-title h3::after{display: none;}
.ngservice5 ul{overflow: hidden;width: 1400px;margin: auto;}
.ngservice5 ul li{display: inline-block;vertical-align:middle;width: 18%;margin-top:80px;}
.ngservice5 ul li img{display: block;max-width: 100%;height: auto;max-height: 80px;margin: auto;-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;}


.ngb-footer {background: #181717;}
.ngb-footer-content {width: 1400px;margin: auto;padding: 50px 0 13px 0;overflow: hidden;position: relative;}
.ngb-footer-content::before {content:'';width: 100%;height: 1px;background: #302f2f;position: absolute;left: 0;top: 120px;z-index: 1;}
.ngb-fleft {float: left;}
.ngb-fleft .name{}
.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;}
.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 h3{font-size: 14px;color: #999;}
.ngb-fleft .ewmtel .tel h2{font-size: 24px;color: #fff;padding-top:7px; font-family:'ProximaSansMedium',Arial;letter-spacing: 1px}
.ngb-fleft .addemail {font-size: 12px;color: #727272;line-height: 23px;clear: both;padding: 20px 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:last-child {text-align: right;}
.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;}
.yqlink {padding:50px 0 0px 0;overflow: hidden;line-height:24px;}
.yqlink * {font-size: 12px;color: #646464;}
.ngb-bottom {/*border-top: 1px solid #302f2f;*/padding:20px 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,.yqlink 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; }



.slick-banner .swiper-pagination  {bottom: 40px;}





.index-case.newcase {}

.index-case.newcase .auto{width:90%;margin: auto;}

.index-case.newcase .auto .case-item ul li {width: 33.333333%;margin-right:0;margin-bottom:0;}

.index-case.newcase .auto .case-item ul li a .icase-des .table {width:100%;height:100%;position: relative;display: block;}

.index-case.newcase .case-item ul li a .icase-des .table .tabel-cell {width:90%;height:auto;display:block;text-align: left;bottom:8%;left: 5%;position: absolute;}

.index-case.newcase .case-item ul li a .icase-des {background: rgba(0,0,0,.5)}

.index-case.newcase .case-item ul li a span {display: block;position: relative;}

.index-case.newcase .case-item ul li a span img.img-center {position: absolute;width: auto;height: auto;left: 0;top: 0;right: 0;bottom: 0;margin: auto;}

.index-case.newcase .case-item ul li a span img{min-height:auto;max-height:none;}





.index-news {clear: both;overflow: hidden;width: 90%;margin: auto;padding-bottom: 140px;}

.index-news-left {overflow: hidden;float: left;width: 45%;}

.index-news-left-top {overflow: hidden;}

.index-news-left-top .img{position: relative;overflow: hidden;}

.index-news-left-top .img img.op0{display: block;width: 100%;height: auto;}

.index-news-left-top .text {padding: 3%;overflow: hidden;background: #ededed;}

.index-news-left-top .text h4{margin: 0;font-weight: normal;font-size: 16px;color: #000;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}

.index-news-left-top .text p{font-size: 12px;line-height: 22px;color: #515151; padding: 5px 0;display:-webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow:hidden}

.index-news-left-top a:hover .text {background: #ccc;}

.index-news-left-bottom {padding: 30px 0;overflow: hidden;}

.index-news-left-bottom a{text-overflow: ellipsis;white-space: nowrap;overflow: hidden;display: block;width:30%;margin-right:5%;margin-bottom: 10px;padding-left: 10px;position: relative;font-size: 12px;color: #8d8d8d;float: left;}

.index-news-left-bottom a.in3 {margin-right: 0;}

.index-news-left-bottom a::before {content: '';display: block;width: 1px;height: 100%;background:#bfbfbf;position: absolute;left: 0;top: 0;}

.index-news-left-bottom a:hover {color: #000;}

.index-news-right {overflow: hidden;float: right;width: 50%;}

.index-news-right h3 {margin: 0;font-weight: normal;font-size: 30px;color: #000;display: block;border-bottom: 1px solid #bfbfbf;padding-bottom: 5px;}

.index-news-right-news {padding: 20px 0 30px 0;overflow: hidden;}

.index-news-right-news a{text-overflow: ellipsis;white-space: nowrap;overflow: hidden;display: block;width:22.5%;margin-right:3%;margin-bottom: 10px;padding-left: 10px;position: relative;font-size: 12px;color: #8d8d8d;float: left;}

.index-news-right-news a.in4 {margin-right: 0;}

.index-news-right-news a::before {content: '';display: block;width: 1px;height: 100%;background:#bfbfbf;position: absolute;left: 0;top: 0;}

.index-news-right-news a:hover {color: #000;}

.index-news-right-center-news {border-top: 1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5;padding:30px 0;margin-bottom: 20px;overflow: hidden; }

.index-news-right-center-news .onetop-news{overflow: hidden;}

.index-news-right-center-news .onetop-news h4{margin: 0;font-weight: normal;font-size: 16px;color: #000;display: block;}

.index-news-right-center-news .onetop-news p{font-size: 12px;line-height: 22px;color: #737373; padding: 5px 0;display:-webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow:hidden;min-height: 60px;}

.index-news8 {padding:10px 0 0 0;overflow: hidden;}

.index-news8 a{text-overflow: ellipsis;white-space: nowrap;overflow: hidden;display: block;width:22.5%;margin-right:3%;margin-bottom: 10px;padding-left: 10px;position: relative;font-size: 12px;color: #8d8d8d;float: left;}

.index-news8 a.in4 {margin-right: 0;}

.index-news8 a::before {content: '';display: block;width: 1px;height: 100%;background:#bfbfbf;position: absolute;left: 0;top: 0;}

.index-news8 a:hover {color: #000;}

.dpnone {display: none;opacity: 0;}

.op0 {opacity: 0;}

.ad-main.newadstyle {}

.ad-main.newadstyle .auto {width: 1400px;margin: auto;}

.ad-main.newadstyle .auto .ad-item .ad-des{color: #a3a3a3;font-size: 14px;line-height: 24px;margin-top:20px;}







.new-footer {background: #181717;padding: 50px 0 0 0;overflow: hidden;}

.new-footer-top {overflow: hidden;width: 1400px;margin: auto;padding-bottom: 50px;position: relative;}

.new-footer-top::before{content: '';width: 100%;height: 1px;display: block;background: #302f2f;position: absolute;left: 0;top: 75px;}

.new-footer-top-left {float: left;width: 40%;overflow: hidden;}

.new-footer-top-left .name {overflow: hidden;}

.new-footer-top-left .name .name1{color: #fff;font-size: 14px;padding-bottom: 5px;}

.new-footer-top-left .name .name2{color: #fff;font-size: 24px;font-family: 'Montserrat-Bold';}

.new-footer-top-left .contel{padding: 44px 0 22px 0;overflow: hidden;}

.new-footer-top-left .contel .ewm{display: block;float: left;width: 77px;height: 77px;}

.new-footer-top-left .contel .ewm img {display: block;width: 100%;height: auto;}

.new-footer-top-left .contel .tel{display: block;float: left;padding: 12px 0px 0px 20px;}

.new-footer-top-left .contel .tel span{display: block; color: #999;font-size: 14px;padding-bottom: 5px;}

.new-footer-top-left .contel .tel strong{display: block;color: #fff;font-size: 24px;font-family: 'Montserrat-Bold';}

.new-footer-top-left .add {color: #727272;font-size: 12px;line-height: 28px;clear: both;}

.new-footer-top-right{float: right;width: 60%;overflow: hidden;}

.new-footer-nav {margin-bottom: 0px;color: #666;overflow: hidden;display: block;width: 100%;text-align: right;}

.new-footer-nav ul{margin-bottom: 20px;margin-left:10%;overflow: hidden;text-align: left;display: inline-block;vertical-align: top;}

.new-footer-nav ul h3{font-size: 14px;color: #fff;padding: 30px 0;font-weight: bold;clear: both;}

.new-footer-nav ul li{clear: both;padding:20px 0 0 0;overflow: hidden;}

.new-footer-nav ul li a{font-size: 12px;line-height:22px;color: #aeaeae;text-align: left;}

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

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

.new-footer-bottom-main {overflow: hidden;width: 1400px;margin: auto;}

.new-footerlink {padding-bottom: 5px;}

.new-footer-copy {padding-top: 5px;}

.new-footerlink,.new-footerlink a,.new-footer-copy {color: #6a6a6a;font-size: 12px;}

.new-footerlink a:hover,.new-footer-copy a:hover{color: #fff;}



.ngbrand-news-othercase{background: #f1f1f1;padding:0px;overflow: hidden;}
.ngbrand-news-othercase-title {text-align: center;}
.ngbrand-news-othercase-title h3{font-size: 45px;text-transform:uppercase;font-family: 'ProximaSansMedium', Arial;}
.ngbrand-news-othercase-title h4{font-size: 24px;position: relative;display: block;}
.ngbrand-news-othercase-swiper {overflow: hidden;margin-top:0px;}
.ngbnews-othercase-cases *{-webkit-transition:0.4s ease;-o-transition:0.4s ease;transition:0.4s ease;}
.ngbnews-othercase-cases a{display: block;overflow: hidden;position: relative;}
.ngbnews-othercase-cases a .npic {overflow: hidden;}
.ngbnews-othercase-cases a .npic img{display: block;width: 100%;height: auto;}
.ngbnews-othercase-cases a .ntxt {position: absolute;left: 0;top: 0;width: 100%;height: 100%;text-align: center;background: rgba(0,0,0,0.8);opacity: 0;}
.ngbnews-othercase-cases a .ntxt h4{font-size: 18px;color: #fff;padding: 10px 0;margin-top:25%;}
.ngbnews-othercase-cases a .ntxt h6{font-size: 12px;color: #fff;width: 90%;margin: auto;}
.ngbnews-othercase-cases a:hover .ntxt{opacity: 1;}

.insight-path {padding:20px 0;border-bottom: 1px solid #d4d4d4;}
.insight-path-main {width: 1200px;margin: auto;}
.insight-path-main-left {position: relative;float: left;width: 49%;}
.insight-path-main-right {position: relative;float: right;width: 49%;}
.insight-bd .tab-bd-list .w1200 .itleft{float: left;width: 74%;position: relative;padding-right: 3%;}
.insight-bd .tab-bd-list .w1200 .itright {float: right;width: 25%;background: #f8f8f8;padding: 2%;}
.itright-list {margin-bottom: 20px;overflow: hidden;}
.itright-list h3{font-size: 16px;display: block;border-bottom: 1px solid #b5b5b6;padding: 10px 0;overflow: hidden;margin: 0;}
.itright-list .listul {padding: 10px 0;overflow: hidden;}
.itright-list .nli{padding: 5px 0;overflow: hidden;}
.itright-list .nli a{font-size: 12px;color: #595757;display: block;}
.itright-list .nli a:first-child::before {content: '';width: 4px;height: 4px;border-radius: 100px;background: #ccc;display: inline-block;vertical-align: middle;margin-right: 5px;}
.itright-list .nli a:hover {color: #000;}
.itright-list .listul a{font-size: 12px;color: #595757;overflow: hidden;margin-right: 20px;padding: 5px 0;display: block;float: left;}
.itright-list .listul a:hover {color: #000;}
.insight-bd ul li a .innews-left {width: 25%;}
.insight-bd ul li a .innews-right {float: right;width:72%;padding-left:0;}
.innews-right .innews-des {font-size: 12px;line-height: 24px;margin-top: 10px;}
.innews-right .innews-title h4 {font-size: 18px;margin-top: -7px;}
.innews-right .innews-title span {font-size: 12px;line-height: 22px;}
.innews-right .innews-more i {font-size: 12px;}
.innews-right .innews-more {margin-top: 20px;width: 100px;height: 35px;line-height: 35px;}
.insight-bd ul li {margin-bottom: 3%;height:auto;}

.is-detail-main-path {width: 1200px;margin: auto auto 20px auto;border-bottom: 1px solid #d4d4d4;padding-bottom: 15px;color: #666;font-size: 12px;}
.is-detail-main-path a{color: #666;font-size: 12px;}
.itcenter {width: 1200px;margin: auto;overflow: hidden;}
.itleft{float: left;width: 74%;position: relative;padding-right: 3%;}
.itright {float: right;width: 25%;background: #f8f8f8;padding: 2%;}
.itright-list {margin-bottom: 20px;overflow: hidden;}
.itright-list h3{font-size: 16px;display: block;border-bottom: 1px solid #b5b5b6;padding: 10px 0;overflow: hidden;margin: 0;}
.itright-list .listul {padding: 10px 0;overflow: hidden;}
.itright-list .nli{padding: 5px 0;overflow: hidden;}
.itright-list .nli a{font-size: 12px;color: #595757;display: block;margin-right: 0!important;}
.itright-list .nli a:first-child::before {content: '';width: 4px;height: 4px;border-radius: 100px;background: #ccc;display: inline-block;vertical-align: middle;margin-right: 5px;}
.itright-list .nli a:hover {color: #000;}
.itright-list .listul a{font-size: 12px;color: #595757;overflow: hidden;margin-right: 20px;padding: 5px 0;display: block;float: left;}
.itright-list .listul a:hover {color: #000;}




@media screen and (max-width: 5120px) {
	.index-ad {background-size: 100%;}		
}

@media screen and (max-width: 3840px) {
	.index-news {width: 70%;}
	.w1200 {width: 1400px;}
	.insight-path-main,.is-detail-main-path,.itcenter,.w1000  {width: 1400px;}
	.diy_select {width: 100%;}
	.insight-path-main-right {width: 25%;}
	.select-option {width: 101%;}
	.envir-main .envir-top .envir-top-le, .envir-main .envir-top .envir-top-ri {width: 49.5%;}
	.envir-main .envir-bottom li {width: 32.8%;}
	
}

@media screen and (max-width: 2560px) {
	
}

@media only screen and (max-width: 1920px){
	.index-news {width: 90%;}
	.w1200 {width: 1200px;}
	.insight-path-main,.is-detail-main-path,.itcenter {width: 1200px;}
	.diy_select,.select-option {width: 300px;}
	.insight-path-main-right {width: 49%;}
	.w1000 {width: 1200px;}
	.envir-main .envir-top .envir-top-le, .envir-main .envir-top .envir-top-ri {width: 596px;}
	.envir-main .envir-bottom li {width: 394px;}
}


@media only screen and (max-width: 1680px){

	.index-news-right-news {padding: 20px 0;}

	.index-news-right-center-news {padding: 20px 0;margin-bottom: 10px;}

}

@media only screen and (max-width: 1440px){

	.index-news-right-news {padding: 15px 0 10px 0;}

	.index-news-right-center-news {padding: 15px 0 10px 0;margin-bottom: 0px;}

	.index-news-right-news a {margin-bottom: 8px;}

	.index-news {padding-bottom: 70px;}

	.ad-main.newadstyle .auto,.new-footer-top,.new-footer-bottom-main {width: 90%;}
	.ngicon5 li h5 {font-size: 12px;}
	.ngicon5 li {width: 16%;}

}

@media only screen and (max-width: 1366px){

	.index-news-right-center-news .onetop-news p {min-height: auto;}

	.index-news-right h3 {font-size: 20px;}
	.ngservice1 .main li {margin: 0 7%;}

}

@media only screen and (max-width: 860px){

	.index-case.newcase .auto .case-item ul li {width: 100%;}

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

	.index-case.newcase .case-item ul li a .icase-des {background:none;}

	.case-item ul li a .icase-des .table .tabel-cell h3,.case-item ul li a .icase-des .table .tabel-cell h5 {color: #fff;}

	.index-case.newcase .auto {width: 100%;padding: 0;}

	.index-news-left,.index-news-right,.new-footer-top-left,.new-footer-top-right {float: none;width: 100%;}

	.index-news-left-bottom a {width: 100%;margin-right: 0;}

	.index-news-right-news a,.index-news8 a {width: 100%;margin-right: 0;}

	.new-footer-nav {text-align: left;display: none;}

	.new-footer-nav ul {margin-bottom: 20px;margin-left: 0;display: block;}

	.new-footer-bottom { padding: 10% 0;}

	.new-footer-copy {padding-top: 25px;}

	.new-footerlink {padding-bottom: 25px;}
	.w1200 {width: 100%;}
	.new-footer-copy {padding-top: 0px;}
	.index-news-right,.new-footerlink,.diyu,.insight-path  {display: none;}
	.new-footer-bottom {padding: 5% 0;}
	.icp,.huanhang {display: block;}
	.new-footer-top-left .add {line-height: 20px;}
	.tab .tab-hd li {width: 15%;font-size: 12px;}
	.mt66px {margin-top: 66px;}
	.insight-tab.tab {padding-top:0px;padding-bottom: 0px;margin-top: 0px;}
	.innews-page {padding: 40px 0;}
	.is-detail-main .is-detail-head i {font-size: 12px;color: #999;}
	.is-detail-main .is-detail-head h2 {padding-bottom: 5px; font-size: 18px;}
	.w1000 {width: 100%;}

	

}







@font-face {

	font-family: 'Montserrat-Light';

	src: url('../fonts/Montserrat-Light.eot');

	src: local('☺'), url('../fonts/Montserrat-Light.woff') format('woff'), url('../fonts/Montserrat-Light.ttf') format('truetype'), url('../fonts/Montserrat-Light.svg') format('svg');

	font-weight: normal;

	font-style: normal;

}



@font-face {

	font-family: 'Montserrat-Bold';

	src: url('../fonts/Montserrat-Bold.eot');

	src: local('☺'), url('../fonts/Montserrat-Bold.woff') format('woff'), url('../fonts/Montserrat-Bold.ttf') format('truetype'), url('../fonts/Montserrat-Bold.svg') format('svg');

	font-weight: normal;

	font-style: normal;

}