/*======================mobile===================*/
.topbar,.mobile_none{ display:none;}
.mobile{ display:block;}

/*logo*/
.logotab{ height:90px;}
.logotab .logo{ height:90px;}
.logotab .logo img{ width:18%; height:auto;}
.compname{ margin-left:10px; font-size:18px; margin-top:5px !important;}
.compzy{ margin:0 0 0 13px; font-size:12px;}

.sign { z-index:100; position:absolute; right:0; top:50px; width:100px; height:40px;}
.sign img{ width:36%;}

/*banenr*/
.comp{ height:150px;}
.banner01{ width:100%; height:150px;}
.banner01 .ncs-default-banner img{ height:150px;}
.ncs-default-banner{ height:150px !important;}
.banner01 ol{ display:none;}
/*nav*/
.navbox{ display:none;}

.mobile_nav{ display:block;}
.container{ width:120px; height:40px; position:absolute; left:50%; bottom:0; margin:0 0 0 -60px;}
.container button{ width:100%; height:40px; line-height:40px; background:url(../images/comp/mobile_nav.png) no-repeat; border:none; color:#fff; display:block; margin:0 auto; font-size:14px; font-weight:600;}
.mobile_icon{ width:30px; height:40px; background:url(../images/comp/mobile_home.png) no-repeat; display:inline-block; vertical-align:middle; margin:0 5px 0 0;}

.nothing{ width:100%;}
.nothing p{}

/* Overlay style */
.overlay { position: fixed; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0,0,0,0.8); z-index:99999;}

/* Overlay closing cross */
.overlay .overlay-close { width: 40px; height: 40px; position: absolute; right: 20px; top: 20px; overflow: hidden; border: none; background: url(../images/cross.png) no-repeat center center; text-indent: 200%; color: transparent; outline: none; z-index: 100;}

/* Menu style */
.overlay nav { text-align: center; position: relative; top: 50%; height: 60%; -webkit-transform: translateY(-50%); transform: translateY(-50%);}
.overlay ul { list-style: none; padding: 0; margin: 0 auto; display: inline-block; height: 100%; position: relative;}
.overlay ul li { display: block; height: 20%; height: calc(65% / 5); min-height: 54px; -webkit-backface-visibility: hidden; backface-visibility: hidden;}
.overlay ul li a { font-size: 18px; font-weight: 300; display: block; color: #fff !important; -webkit-transition: color 0.2s; transition: color 0.2s;}
.overlay ul li a:hover,.overlay ul li a:focus { color: #f0f0f0;}

/* Effects */
.overlay-door { visibility: hidden; width: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); -webkit-transition: width 0.5s 0.3s, visibility 0s 0.8s; transition: width 0.5s 0.3s, visibility 0s 0.8s;}
.overlay-door.open { visibility: visible; width: 100%; -webkit-transition: width 0.5s; transition: width 0.5s;}
.overlay-door nav { position: absolute; left: 50%; -webkit-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%);}
.overlay-door nav,.overlay-door .overlay-close { opacity: 0; -webkit-transition: opacity 0.3s 0.5s; transition: opacity 0.3s 0.5s;}
.overlay-door.open nav,.overlay-door.open .overlay-close { opacity: 1; -webkit-transition-delay: 0.5s; transition-delay: 0.5s;}
.overlay-door.close nav,.overlay-door.close .overlay-close { -webkit-transition-delay: 0s; transition-delay: 0s;}

@media screen and (max-height: 30.5em) {
	.overlay nav {
		height: 70%;
		font-size: 34px;
	}
	.overlay ul li {
		min-height: 34px;
	}
}

/*information*/
.ncs-sidebar,.ncs-main{ width:100%;}
.ncs-main{ margin-top:20px;}
.ncs-goods-list ul li{ width:50%;}
.badge img{ width:20%;}
.ncs-sidebar-container .title h4,.ncs-main-container .title h4,.ncs-main-container01 .title h4{ font-size:14px;}


/*sell*/
.ncs-goods-list ul li dt{ width:140px;}
.ncs-goods-list ul li dt a.goods-thumb{ width:140px; height:140px;}
.ncs-goods-list ul li dt a.goods-thumb img{ max-width:140px; max-height:140px;}
.ncs-goods-list ul li dd{ width:140px;}
.ncs-class-bar{ margin:0;}

/*introduce*/
.ncs-comp img{ width:100%;}
.bt{ bottom:60px; margin:0 0 0 -70px;}
.bt h2{ margin-top:15px; font-size:30px;}
.listnav{ display:none;}
.nc-good{ padding:0;}
.int_show{ width:100%;}

/*news*/
.news-list .listbox li{ font-size:12px; height:auto; line-height:22px; padding:10px 0; overflow:hidden;}
.mobile_more{ padding:2px 5px; background:#db2422; border-radius:5px; display:block; width:20%; margin:0 auto;}
.mobile_more a{ color:#fff;}

.news-show h1{ font-size:18px; padding:10px; line-height:30px;}
.news-list .listbox li a{ height:20px;}
.mt20{ margin-top:0px !important;}
.news-show{ padding:0;}

/*honor*/
.honorlist{ padding:9px;}
.honorlist ul li{ width:140px; height:180px;}
.honorlist ul li:hover{  -webkit-transform:scale(1,1);}

/*contcat*/
.text{ width:63%;}
.textarea textarea{ width:63% !important;}
.btn{ padding:3px 8px; font-size:12px;}

/*photo*/
.gallery a{ width:280px; height:200px; float:none;}

/*footer*/
.copyrightbar .right .about{ margin-left:0;}
