/*======================mobile===================*/
.topbar,.mobile_none{ display:none;}
.mobile{ display:block;}
.mobile_none{ display:none;}
.wrapper{ padding:0;}

/*logo*/
.logotab{ height:90px; position:relative;}
.logotab .logo{ height:90px;}
.logotab .logo img{ width:18%; height:auto;}
.compname{ margin-left:10px; font-size:16px;}
.compzy{ margin:0 0 0 13px; font-size:12px;}
.namebox{ width:190px;}

.sign { z-index:100; position:absolute; right:0; top:0px; width:100px; height:50px; background-size: 100% auto;}
.sign img{ width:40%;}

.sign div{ padding:7px 0 0 40px;}
.sign strong{ font-size:14px;}
.sign span{ font-size:14px; padding:0 0 0 31px;}

.namebox{ width:55%;}


/*banenr*/
.comp{ background-size:100% 100% !important; height:200px !important; background:url(../images/banner_420.jpg) no-repeat 50% 50% !important; position:relative;}
.comp01{ background-size:100% 100% !important; height:200px !important;}

.banner01{ width:100%; height:104px; margin:0 auto; text-align:center; position:relative; display:block;}
.banner01 ol{ height:8px; position:absolute; left:50%; bottom:8px; margin:0 0 0 15%;}
.banner01 ol li{ width:8px; height:8px; float:left; background:#fff; cursor:pointer; margin:0 0 0 15px; }
/*nav*/
.navbox{ display:none;}
.meun{ display:none; }
.search{ width:90%; float:none; margin:9px auto;}
.search .inp1{ width:95%;}



.mobile_nav{ display:block;}
.container{ width:40px; height:40px; position:absolute; right:0; bottom:0;}
.container button{ width:100%; height:40px; line-height:40px; background:#db2422; border:none; color:#fff; display:block; margin:0 auto; font-size:14px; font-weight:600;}
.mobile_icon{ width:30px; height:36px; background:url(../images/mobile_home.png) no-repeat; display:inline-block; vertical-align:middle;}

/* Overlay style */
.overlay { position: fixed; width: 100%; height: 100%; top: 0; left: 0; background: rgba(153,204,51,0.9); z-index:9999;}

/* 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(85% / 5); min-height: 54px;}
.overlay ul li a { font-size: 18px; font-weight: 300; display: block; color: #fff; -webkit-transition: color 0.2s; transition: color 0.2s;}
.overlay ul li a:hover,.overlay ul li a:focus { color: #f0f0f0;}

/* Effects */
html,body { overflow-x: hidden;}
.container { overflow-x: hidden; -webkit-transition: -webkit-transform 0.5s; transition: transform 0.5s;}
.container.overlay-open { -webkit-transform: translateX(100%); transform: translateX(100%);}
.container::after { content: ''; opacity: 0; visibility: hidden; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.6); -webkit-transition: opacity 0.5s, visibility 0s 0.5s; transition: opacity 0.5s, visibility 0s 0.5s;}
.container.overlay-open::after { visibility: visible; opacity: 1; -webkit-transition: opacity 0.5s; transition: opacity 0.5s;}
.overlay-contentpush { background: rgba(0,0,0,0.8); visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translateX(-100%); transform: translateX(-100%); -webkit-transition: -webkit-transform 0.5s, visibility 0s 0.5s; transition: transform 0.5s, visibility 0s 0.5s;}
.overlay-contentpush.open { visibility: visible; -webkit-transform: translateX(0%); transform: translateX(0%); -webkit-transition: -webkit-transform 0.5s; transition: transform 0.5s; }

@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%; margin:0 0 20px 0;}
.badge img{ width:20%;}
.ncs-sidebar-container .title h4,.ncs-main-container .title h4,.ncs-main-container01 .title h4{ font-size:14px;}

.titlebox{ width:100%; float:none; margin-top:10px !important;}
.ncs-goods-list{ width:100%; margin-top:10px !important;}

.boxleft,.boxright{ float:none; width:100%; margin:30px 0 0 0;}
.main02{ height:auto;}

.comp-box{ width:100%;}
.box2,.newsnaver{ display:none;}
.comp-about{ width:100%;}
.ncs-comp01 img{ width:40%;}
.Introd{ margin-top:0;}

.nc-good{ padding:0;}

/*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;}

.main01{ height:auto; padding:0 0 10px 0;}

.company{ display:none; }
.comtitle{ margin:5px 0 0 0; height:auto;}
.comtext{ display:none;}

.ncs-comp{ width:100%; margin:15px 0 0 0;}
.ncs-comp h4,.tit-about h4{ font-size:18px;}
.ncs-comp p{ width:98%; margin:20px 0 0 0; font-size:13px; line-height:25px; padding:0 5px;}


/*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;}



.more{ margin:4px 5px 0 0;}
.titlebox h4,.titlebox01 h4{ font-size:18px;}

.newsnav .newsimg{ margin:0 10px 0 0;}
.newsnav .newsbt h4{ font-size:14px; margin:5px 0;}
.newsnav .newsbt p{ display:none;}


/*honor*/
.honorlist{ padding:9px;}
.honorlist .zs li{ width:46%; height:auto; margin:10px 0 0 7px;}
.honorlist .zs1 li{ width:47%; height:auto; margin:10px 0 0 7px;}
.honorlist ul li:hover{  -webkit-transform:scale(0,0);}

/*contcat*/
.text{ width:63%;}
.textarea textarea{ width:63% !important;}
.btn{ padding:3px 8px; font-size:12px;}
.comp_contact{ width:100%; padding:0;}
.comp_contact ul li{ margin:20px 0;}
.comp_contact .contacticon{ width:16%;}
.comp_contact .cont_name{ width:80%;}
.comp_contact .cont_name h4{ font-size:14px;}
.comp_contact .cont_name p{ font-size:12px; margin:0;}


/*photo*/
.gallery a{ width:46%; height:106px; display:table-cell; vertical-align:middle; text-align:center; overflow:hidden;}
.gallery img{ width:100%; height:106px;}

/*footer*/
.copyrightbar .right .about{ margin-left:0;}