@charset "utf-8";



/* mobile nav */
.mnav{position: relative;z-index: 900; display: none;}
.mnav.scroll-down .mheader{top:-100px;}
.mnav.scroll-top .mheader,.mnav.scroll-top .mheader{top:0px;background: #000;}
.mnav.scroll-top .mheader .mlogo,.mnav.scroll-top .mheader .mlogo{background: url("../images/logo.svg") left center no-repeat;background-size: 100%;}


.mnav.scroll-down .menu-toggle span.hamburger,
.mnav.scroll-down .menu-toggle span.hamburger:after,
.mnav.scroll-down .menu-toggle span.hamburger:before,
.mnav.scroll-down .menu-toggle span.cross:before,
.mnav.scroll-down .menu-toggle span.cross:after,
.mnav.scroll-top .menu-toggle span.hamburger,
.mnav.scroll-top .menu-toggle span.hamburger:after,
.mnav.scroll-top .menu-toggle span.hamburger:before,
.mnav.scroll-top .menu-toggle span.cross:before,
.mnav.scroll-top .menu-toggle span.cross:after
{background:#fff;}

.nav-container {padding-top: 90px;}

.mheader {height:50px;position:fixed;left:0;top: 0;z-index: 93;width: 100%;background: #000;overflow: hidden;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.mheader ul {height:50px;position: relative;padding:0 3%;margin: 0;}
.mlogo { left:10px;top:50%;position: absolute;z-index: 94;display: block;width: 104px;height:20px;margin-top: -10px; background: url("../images/logo.svg") left center no-repeat;background-size: 100%;-webkit-transition:none;-moz-transition:none;transition:none;}
.inside-pages .mlogo {background: url(../images/logo.svg) left center no-repeat;background-size: 100%;}

.mlanguage {padding:10% 0;text-align: center;} 
.mlanguage a{display: inline-block;margin:0 2%;color: #666;font-size: 14px;} 
.mlanguage a:hover {opacity: 1;}

.cd-nav{margin: 0;padding: 0; }
.cd-nav li{width:80%;margin: auto;padding: 0;overflow:hidden;position: relative;}
.cd-nav a{ border-bottom:#313131 1px solid;position: relative; display: block;width:90%;font-weight: bold;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;font-size:17px; color:#fff;padding:5% 0; margin:0px auto;text-transform:uppercase;}
.cd-nav a:hover,.twonav.curr{color:#e60012;}
.cd-nav li a.twonav {background: url(../upload/right3.png) right center no-repeat;background-size: 3%;}
.no-touch .mheader{background-color: #1a1a1a;}
 
.menu-toggle {display: block;width:50px;height:50px; position:absolute;right:0px;top:0px;z-index: 9999;}
.cd-nav-trigger {width: 100%;height: 100%;display: block;}
.menu-toggle span.hamburger,
.menu-toggle span.hamburger:after,
.menu-toggle span.hamburger:before {content:"";display:block;width:24px;height:3px;background:#333;position:absolute;top:50%;margin-top:-1px;left:50%;margin-left:-12px;-webkit-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-moz-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-o-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-webkit-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);-moz-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);-o-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);transition-delay:0.15s;}
.menu-toggle span.hamburger,
.menu-toggle span.hamburger:after,
.menu-toggle span.hamburger:before {content:"";display:block;width:24px;height:3px;background:#fff;position:absolute;top:50%;margin-top:-1px;left:50%;margin-left:-12px;-webkit-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-moz-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-o-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-webkit-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);-moz-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);-o-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);transition-delay:0.15s;}
.menu-toggle span.hamburger:after {margin-top:-7px;top:0;transition-delay:0.27s;}
.menu-toggle span.hamburger:before {margin-top:7px;top:0;transition-delay:0.2s;}
.no-touch .menu-toggle span.hamburger,
.no-touch .menu-toggle span.hamburger:after,
.no-touch .menu-toggle span.hamburger:before {transition-delay:0.12s;-webkit-transform:translateX(-70px);-moz-transform:translateX(-70px);-ms-transform:translateX(-70px);-o-transform:translateX(-70px);transform:translateX(-70px);}
.no-touch .menu-toggle span.hamburger,
.no-touch .menu-toggle span.hamburger:after,
.no-touch .menu-toggle span.hamburger:before {-webkit-transform:translateX(70px);-moz-transform:translateX(70px);-ms-transform:translateX(70px);-o-transform:translateX(70px);transform:translateX(70px);}
.no-touch .menu-toggle span.hamburger:after {transition-delay:0s;}
.no-touch .menu-toggle span.hamburger:before {transition-delay:0.07s;}
.menu-toggle span.cross:before,
.menu-toggle span.cross:after {content:"";display:block;width:24px;height:3px;background:#fff;position:absolute;top:50%;margin-top:-1.5px;left:50%;margin-left:-12px;-webkit-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-moz-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-o-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-webkit-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);-moz-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);-o-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);-webkit-transform:translateY(-70px) translateX(-70px) rotate(45deg);-moz-transform:translateY(-70px) translateX(-70px) rotate(45deg);-ms-transform:translateY(-70px) translateX(-70px) rotate(45deg);-o-transform:translateY(-70px) translateX(-70px) rotate(45deg);transform:translateY(-70px) translateX(-70px) rotate(45deg);transition-delay:0.12s;}
.menu-toggle span.cross:after {transition-delay:0s;-webkit-transform:translateY(70px) translateX(-70px) rotate(-45deg);-moz-transform:translateY(70px) translateX(-70px) rotate(-45deg);-ms-transform:translateY(70px) translateX(-70px) rotate(-45deg);-o-transform:translateY(70px) translateX(-70px) rotate(-45deg);transform:translateY(70px) translateX(-70px) rotate(-45deg);}
.menu-toggle span.cross:after {-webkit-transform:translateY(-70px) translateX(70px) rotate(-45deg);-moz-transform:translateY(-70px) translateX(70px) rotate(-45deg);-ms-transform:translateY(-70px) translateX(70px) rotate(-45deg);-o-transform:translateY(-70px) translateX(70px) rotate(-45deg);transform:translateY(-70px) translateX(70px) rotate(-45deg);}
.no-touch .menu-toggle span.cross:before {transition-delay:0.12s;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);}
.no-touch .menu-toggle span.cross:after {transition-delay:0.24s;-webkit-transform:rotate(-45deg) !important;-moz-transform:rotate(-45deg) !important;-ms-transform:rotate(-45deg) !important;-o-transform:rotate(-45deg) !important;transform:rotate(-45deg) !important;}
 
.cd-nav-container{background-color:#1a1a1a;position: fixed; z-index:91; top:0px; right: 0; width: 100%;height:100%;overflow-y: auto;overflow-x: hidden; -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); -webkit-transition: -webkit-transform 0.4s 0s, box-shadow 0s 0.4s; -moz-transition: -moz-transform 0.4s 0s, box-shadow 0s 0.4s; transition: transform 0.4s 0s, box-shadow 0s 0.4s;}
.cd-nav-container.is-visible{-webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0);-webkit-overflow-scrolling: touch;}

.cd-overlay{position: fixed; height: 100%; width: 100%; top: 0; left: 0; cursor: pointer; visibility: hidden; opacity: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: opacity 0.4s 0s, visibility 0s 0.4s; -moz-transition: opacity 0.4s 0s, visibility 0s 0.4s; transition: opacity 0.4s 0s, visibility 0s 0.4s; z-index:19;}
.cd-overlay.is-visible{opacity: 1; visibility: visible; -webkit-transition: opacity 0.4s 0s, visibility 0s 0s; -moz-transition: opacity 0.4s 0s, visibility 0s 0s; transition: opacity 0.4s 0s, visibility 0s 0s;}






@media screen and (max-width: 5120px) {
		
}
@media screen and (max-width: 3840px) {
		
}
@media screen and (max-width: 2560px) {
	
}
@media screen and (max-width: 2048px) {
	
}
@media screen and (max-width: 1920px) {
	
}
@media screen and (max-width: 1680px) {	
	.index-nuogo .left {width: 35%;}
	.index-nuogo .right {width: 60%;}
	.index-nuogo .left .title {font-size: 66px;line-height: 100px;}
	.index-news-list .top .txt .text {min-height: 70px;}
	.nuogo-about .right {width: 65%;}
	.nuogo-news-detail .content {width: 64%;padding: 3% 3%;}
}
@media screen and (max-width: 1440px) {
	.index-nuogo .left .title {font-size: 56px;line-height: 90px;}	
	.index-nuogo .right .item4 li,.nuogo-about .right .item4 li {width: 26%;}
	.footer .content .right ul { margin-right: 5%;}
	.nuogo-news-detail .content {width: 82%;}
	.index-nuogo .right .introduce .text {font-size: 14px;line-height: 30px;}
	.index-nuogo .right .item4 li .text,.nuogo-about .right .item4 li .text{font-size: 12px;line-height: 22px;}
	.index-news-list .top .txt .title {font-size: 18px;}
	.index-service-list .item3 ul li{font-size: 14px;}
}
@media screen and (max-width: 1366px) {
	.header .content .right .nav a {margin-right:30px;}
	.nuogo-about .content,.nuogo-about-team .content,.nuogo-about-customer .content {width: 88%;}
	.index-service-list .item3 .text {font-size: 12px;line-height: 22px;}
	.index-ad .title {font-size:40px;}
	
}
@media screen and (max-width: 1280px) {
	.footer .content .left .ewmtel .tel .num {font-size: 18px;}
	.footer .content .left .name .title-en {font-size: 24px;}
	.footer .content .left {width: 25%;}
	.footer .content .right {width: 70%;padding-left: 3%;}
	.nuogo-case-detail .content,.nuogo-news .content,.nuogo-contact .content,.nuogo-contact-message .content {width: 88%;}
	
}
@media screen and (max-width: 1152px) {
	
}
@media screen and (max-width: 1024px) {

}
@media screen and (max-width: 860px) {
	.mnav,.mbshow,.footer .content .right ul:last-child {display: block!important;}
	.header,.pcshow,.aside-right,.index-news-list .item8,.footer .content .right ul,.footer .content .right::before,.footer .content .bottom,.footer .copy .right-txt ,.index-banner-swiper .swiper-pagination.pagination-2,.nuogo-news-other,.nuogo-banner .img .txt,.nuogo-news-top,.news-right{display: none!important;}
	.content {width: 94%;}
	.index-nuogo .left,.index-nuogo .right,.case-list a,.index-news-list,.index-service-list .item3,.footer .content .left,.footer .content .right ul,.case-detail-top .right,.nuogo-about .left,.nuogo-about .right,.news-detail,.contact-us .center .item3 {width: 100%;float: none;}
	.index-nuogo .left .title {font-size: 50px;line-height: 60px;}
	.index-nuogo .left .title-en {font-size: 14px;margin-top:20px;margin-bottom: 40px;}
	.index-nuogo .right .item4 li, .nuogo-about .right .item4 li {width: 49%;margin-bottom: 40px;}
	.index-case .top .classification a {font-size: 14px;margin-left: 0px;margin-right: 10px;}
	.index-news-list.mr1,.index-service-list .item3.mr1 {margin-right: 0;margin-bottom: 20px;}
	.index-news-list .top .txt {border: none;}
	.footer .content .right {width: 100%;padding-left:0;margin-top: 40px;padding-bottom: 40px;}
	.footer .content .left .ewmtel {padding-top: 20px;margin-top: 20px;}
	.footer .content .right ul .socialtext .social a .ewmshw {left:0px;}
	.index-case .top .title,.index-ad .title {font-size: 26px;}
	.index-case .top .classification {text-align: left;float: left;overflow: hidden;}
	.index-case .top .classification a {display: inline-block;}
	.index-case,.nuogo-case-detail {padding: 50px 0  100px 0;}
	.nuogo-case-detail .content, .nuogo-news .content, .nuogo-contact .content, .nuogo-contact-message .content,.nuogo-about .content, .nuogo-about-team .content, .nuogo-about-customer .content {width: 94%;}
	.case-detail-top .left {float: none;padding-bottom: 40px;}
	.nuogo-service .item4 {float: none;width: 90%;padding:15% 5%;}
	.nuogo-about {padding: 100px 0 50px 0;}
	.nuogo-about-team {padding: 100px 0 50px 0;}
	.title-1 h3 {font-size: 30px;}
	.nuogo-about-customer .bottom .img {width:33%;margin: 0;}
	.nuogo-news,.nuogo-contact {padding:50px 0 100px 0;}
	.news-list {padding: 0;width: 100%;}
	.news-list a.n1 .img,.news-list a .txt{float: none;width: 100%;}
	.news-list a.n1 .txt {float: none;width: 100%;padding:5% 0;}
	.news-list a.n1 {background: #fff;}
	.news-list a .img,.news-detail .top .pathleft,.newsfanye a span {display: none;}
	.pagenum {padding-top: 20px;}
	.pagenum a {width: 33px;height: 33px;line-height: 33px;margin: 0 1px;}
	.nuogo-news-detail {margin-top:0px;}
	.nuogo-news-detail .content {width: 90%;padding:5% 5% 50px 5%;margin-bottom: 0px;}
	.nuogo-banner {margin-top:35px;}
	.contact-us .center .item3:nth-child(1),.contact-us .center .item3:nth-child(2),
	.contact-us .center .item3:nth-child(3) {width: 100%;float: none;margin-bottom: 40px;}
	.contact-us .center {padding: 40px 0 0px 0;}
	.contact-us .bottom .text {padding: 25px 0 0 10px;}
	.index-service-list .item3 ul {padding: 20px 0px 20px 20px;}
	.nuogo-banner.mt0 {margin-top: 0;}
	
}
 
/* iPad */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px)  {}
/* iPad x */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
}
/* iPad y */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
}
/* all iPad pro */
@media only screen and (min-device-width : 1024px) and (max-device-width : 1366px)  {}
/* x iPad pro */
@media only screen and (min-device-width : 1024px) and (max-device-width : 1366px) and (orientation : landscape)  {}
/* y iPad pro */
@media only screen and (min-device-width : 1024px) and (max-device-width : 1366px) and (orientation : portrait) {
}


/*仅IE6和IE7识别*/
@media screen\9 {  }  

/*仅IE6和IE7、IE8识别*/
@media \0screen\,screen\9 {  } 

/*仅IE8识别*/
@media \0screen {  } 

/*仅IE8-10识别*/
@media screen\0 {  }  

/*仅IE9和IE10识别*/
@media screen and (min-width:0\0) {  }  

/*仅IE10/11识别*/ 
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {  

 
} 




