@charset "UTF-8";
/* css utf-8 编码声明  下面注释若有必要可自行删除
Write by 奇点网络 WWW.QIDIANRT.COM  QQ/WeChat：1195650011  Tel：15508600880
 */
/* 此CSS样式为奇点网络-李露露编写 类名通用加前缀 q_ */
html,body{/*scroll-behavior:smooth;*/}  /* 不使用js只用css实现锚点平滑滚动 */
body {
	width:100%;
	margin:0 auto;
	min-height: 300px;
	background-color: #fff;
	font-family: 'Microsoft Yahei',Arial,Verdana,sans-serif;
	font-size: 15px;
	color:#555;
}
ul,li {list-style: none;}
.clearfix {clear:both;}
img {max-width:100%;}
body a {outline: none;}
/* 统一调整字间距 */
div,a,span,p,ul,li{padding:0;margin:0;}
td,th{border:1px solid #bbb;}
/*iframe{display: block;margin:25px auto; width:800px!important;height:540px!important;}
video{display: block;margin:25px auto; width:800px!important;height:540px!important;}
@media(max-width:640px){
	iframe{margin:10px auto; width:100%!important;height:220px!important;}
	video{margin:10px auto; width:100%!important;height:220px!important;}
}*/
/*img{display:block;width:auto!important;height:auto!important;margin:0 auto!important;}*/
.main1200{width:1200px;margin:0 auto;}
.main1400{width:1400px;margin:0 auto;}
/* 电脑端隐藏 */
@media (min-width:640px ) {
	.pc_hidden{display: none;}
}
/* 手机端隐藏 */
@media (max-width:640px ) {
	.m_hidden{display: none;}
}
/* 平板端隐藏 */
@media (min-width:640px ) and (max-width: 1000px) {
	.pb_hidden{display: none;}
}
@media (max-width: 640px) {
	.q_banner .swiper_button {display: none;}
}
/* 返回顶部  开始 */
#toTop{width:55px;height:55px;bottom:100px;right:10px;position:fixed;cursor:pointer;z-index:999999;}
@media(max-width: 640px){
	#toTop{width:35px;height:35px;bottom:75px;}
}
/* 返回顶部  结束 */
.q_mask{width:100%;height:100%;position: absolute;left:0;top:0;}
.q_mask_in{width:100%;position: absolute;left:0;top:50%;text-align: center;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
}
a.img{outline: none;display: block;width:100%;}
.img{background-position: center center;background-size: cover;background-repeat: no-repeat;
  -moz-transition: all .8s ease 0s;
  -ms-transition: all .8s ease 0s;
  -o-transition: all .8s ease 0s;
  -webkit-transition: all .8s ease 0s;
  transition: all .8s ease 0s;
}
.hover:hover .img{
  -moz-transform:scale(1.15,1.15);
  -ms-transform:scale(1.15,1.15);
  -o-transform:scale(1.15,1.15);
  -webkit-transform:scale(1.15,1.15);
  transform:scale(1.15,1.15);
}
.q_row{width:100%;margin:0 auto;}
.q_row:after{content:"."; display:block; height:0; visibility:hidden; clear:both;font-size: 0;}
.q_n_img{width:100%;margin:20px auto;text-align: center;}
.clear{clear:none;}
.clear:after{content:"."; display:block; height:0; visibility:hidden; clear:both;font-size: 0;}

/* q_header start! */
.q_header{width:100%;margin:0 auto;position: fixed;left:0;top:0;z-index: 1000;background-color: var(--white);height:120px;transition: all .3s;
	border-bottom: 3px solid var(--color-main);
}

.top_main{width:100%;margin:0 auto;}
.top_main:after{content:"."; display:block; height:0; visibility:hidden; clear:both;font-size: 0;}
.top_a{width:30%;float:left;}
.top_a li{float:left;margin-right:25px;padding:10px 0;transition: all .3s;}
.top_a li a{outline: none;display: block;width:100%;}
.top_a li a:after{content:"."; display:block; height:0; visibility:hidden; clear:both;font-size: 0;}
.top_a li a>div{float:left;}
.top_icon{width:30px;margin-right: 4px;}
.top_txt{font-size: 14px;color:var(--color-main);line-height: 30px;height:30px;}
.top_tel{width:280px;float:right;text-align: right;}
.top_tel img{height:50px;transition: all .3s;}

.header_main{width:100%;margin:0 auto;position: relative;}
.q_logo{width:146px;position: absolute;left:50%;top:0;transform: translateX(-50%);z-index: 1001;text-align: center;}
.q_logo>h1{width:100%;margin:0 auto;}
.q_logo>h1>a{outline: none;display: block;width:100%;}
.q_logo>h1>a>img{height:158px;transition: all .3s;}

.header_nav:after{content:"."; display:block; height:0; visibility:hidden; clear:both;font-size: 0;}
.q_nav{width:45%;float:left;font-size: 0;text-align: left;}
.q_nav.nav_r{float:right;text-align: right;}
.q_nav>li{display: inline-block;margin: 0 40px 0 0;}
.q_nav.nav_r>li{margin:0 0 0 40px;}
.q_nav>li>a{outline: none;display: block;width:100%;padding:10px 0 17px;transition: all .3s;}
.q_nav>li>a>span{display: block;width:100%;padding:10px 20px;background-color: var(--white);color:#4c4c4c;font-size:18px;line-height: 20px;border-radius: 25px;}
.q_nav>li.on>a>span,.q_nav>li:hover>a>span{color:var(--white);background-color: var(--color-main);}

.q_header.q_header_fixed{/*box-shadow: 0 0 2px #809cbb;*/height:100px;box-shadow: 0 0 5px #ddd;}
.q_header.q_header_fixed .top_a li{padding:5px 0;}
.q_header.q_header_fixed .top_tel img{height:40px;}
.q_header.q_header_fixed .q_logo>h1>a>img{height:97px;}
.q_header.q_header_fixed .q_nav>li>a{padding:7px 0 10px;}
.q_header.q_header_fixed .q_nav>li>a>span{font-size: 17px;}
/* q_header end! */

/* q_banner start! */
.q_banner{width:100%;margin:120px auto 0;}
.q_banner .swiper_banner .swiper-slide a{outline: none;display: block;width:100%;padding:43.75% 0 0;
	background-position: center center;background-size: cover;background-repeat: no-repeat;
}
.q_banner .swiper_banner .swiper_pagination_banner{bottom:5%;}
.q_banner .swiper_banner .swiper_pagination_banner .swiper-pagination-bullet{width:50px;height:6px;border-radius: 0;background-color: var(--white);opacity: 1;}
.q_banner .swiper_banner .swiper_pagination_banner .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:var(--color-main);opacity: 1;}
.q_banner .swiper_banner .swiper_button_banner{background:none;width:36px;height:60px;line-height: 60px;margin-top: -30px;font-size: 28px;
  text-align: center;border-radius: 0;border:0;color:#fff;transition: all 0.3s;background-color: rgba(236,82,29,1);
}
.q_banner .swiper_banner .swiper_button_banner.swiper_button_banner_prev{left:5%;}
.q_banner .swiper_banner .swiper_button_banner.swiper_button_banner_next{right:5%;}
/* q_banner end! */

/* q_section start! */
.q_section{padding:80px 0;position: relative;}
.section_title{text-align: center;}
.section_h{font-size: 38px;color:#808080;line-height: 50px;text-transform: uppercase;}
.section_h span{color:var(--color-main);font-weight: 700;}
.section_p{margin:15px auto 0;font-size: 22px;color:#808080;line-height: 30px;}

.section_main{margin:55px auto 0;}

.section_more{margin:50px auto 0;text-align: center;}
.section_more a{outline: none;display: inline-block;padding:10px 40px;font-size: 15px;line-height: 22px;border-radius: 25px;
	color:var(--white);background-color: var(--color-main);
}
.section_more a:hover{background-color: #e50012;}
/* q_section end! */

/* q_product start! */
.q_section.q_product{padding:60px 0 130px;background:url('../images/q_product.jpg') no-repeat center bottom;}
.product_item{width:690px;float:left;height:305px;position: relative;}
.product_item:nth-of-type(1){height:630px;margin-right: 20px;}
.product_item:nth-of-type(2){margin-bottom:20px;}
.product_item_img{width:100%;height:100%;overflow:hidden;}
.product_item_img .img{height:100%;}
.product_item_img:hover .img{
  -moz-transform:scale(1.15,1.15);
  -ms-transform:scale(1.15,1.15);
  -o-transform:scale(1.15,1.15);
  -webkit-transform:scale(1.15,1.15);
  transform:scale(1.15,1.15);
}
.product_item_txt{width:100%;position: absolute;left:0;top:50px;}
.product_item_txt a{outline: none;display: block;width:100%;}
.product_item_txt a span{display: inline-block;padding:5px 80px 5px 15px;font-size: 22px;line-height:30px;
	border-left: 15px solid var(--color-main);color:var(--white);background:linear-gradient(to right,rgba(0,0,0,.8) 10%,rgba(0,0,0,0) 100%);
}
/* q_product end! */

/* q_project start! */
.q_section.q_project{padding:60px 0;background:url('../images/q_project.jpg') no-repeat center top;height:374px;}
.project_main{width:100%;margin:0 auto;}
.project_main:after{content:"."; display:block; height:0; visibility:hidden; clear:both;font-size: 0;}
.project_l{width:40%;float:left;text-align: center;}
.project_r{width:40%;float:right;text-align: center;padding:50px 0 0;}

.project_a{margin:50px auto 0;}
.project_a:after{content:"."; display:block; height:0; visibility:hidden; clear:both;font-size: 0;}
.project_a li{width:48%;float:left;margin:0 4% 0 0;}
.project_a li:nth-of-type(2){float:right;margin:0;}
.project_a li a{outline: none;display: block;width:100%;padding:10px;border-radius: 25px;font-size: 17px;line-height:27px;
	border:1px solid var(--white);background-color: rgba(255,255,255,.5);color:var(--white);
}
.project_a li:nth-of-type(1) a{border:1px solid #e50012;background-color: #e50012;}
.project_a li a:hover{border:1px solid var(--white);background-color: var(--white);color:var(--color-main);}

/* q_project end! */

/* q_service start! */
.service_img{width:100%;margin:0 auto;text-align: center;}
/* q_service end! */

/* q_store start! */
.q_section.q_store{background:url('../images/q_store.jpg') no-repeat center bottom;}
.store_item{width:339px;height:246px;float:left;position: relative;}
.store_item_img{width:100%;height:100%;overflow:hidden;}
.store_item_img .img{height:100%;}
.store_item_img:hover .img{
  -moz-transform:scale(1.15,1.15);
  -ms-transform:scale(1.15,1.15);
  -o-transform:scale(1.15,1.15);
  -webkit-transform:scale(1.15,1.15);
  transform:scale(1.15,1.15);
}
.store_item:nth-of-type(1){width:692px;height:502px;margin-right: 10px;}
.store_item:nth-of-type(2){margin-bottom: 10px;margin-right: 10px;}
.store_item:nth-of-type(3){margin-bottom: 10px;}
.store_item:nth-of-type(4){margin-right: 10px;}
/* q_store end! */

/* q_process start! */
.q_section.q_process{background:url('../images/q_process.jpg') no-repeat center bottom;border-bottom: 4px solid var(--color-main);}

.tab_fadeup{animation-duration: 1s;animation-delay: 1.5s;animation-fill-mode: both;}

.tab.process_tab{width:100%;margin:0 auto;}
.tab.process_tab .tab_body{width:100%;margin:0 auto;border:0;padding:0;position: relative;}

.tab_body_img .img{padding:25.7% 0 0;}

.tab.process_tab .tab_body .tab-panel{width:100%;height:100%;position: absolute;left:0;top:0;}
.tab_body_mask{width:33.33%;height:100%;position: absolute;left:0;top:0;background-color: rgba(255,255,255,.9);}
.tab_body_mask_in{width:100%;position: absolute;left:0;top:50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}
.tab_body_main{padding:0 10%;}
.tab_body_h{font-size: 18px;color:#333;font-weight: 700;line-height: 25px;}
.tab_body_p{margin:25px auto 0;font-size: 14px;color:#666;line-height: 25px;text-align: justify;}

.tab.process_tab .tab_body .tab-panel.active .tab_body_main{animation-name: lv-fadeInUp; animation-delay: .3s;}


.tab.process_tab .tab_nav{width:100%;margin:0 auto;border-left:1px solid #eee;border-top:1px solid #eee;}
.tab.process_tab .tab_nav:after{content:"."; display:block; height:0; visibility:hidden; clear:both;font-size: 0;}
.tab.process_tab .tab_nav li{display: block;width:16.66%;float:left;border-right:1px solid #eee;border-bottom:1px solid #eee;padding:0;text-align: center;}
.tab.process_tab .tab_nav li a{outline: none;display: block;width:100%;border:0;border-radius: 0;padding:35px 15px;}
.tab_nav_icon img{display: inline-block;width:60px;}
.tab_nav_icon img.default{display:inline-block;}
.tab_nav_icon img.hover{display:none;}
.tab_nav_h{margin:15px auto 0;color:#333;}
.tab_nav_h .cn{font-size: 18px;font-weight: 700;line-height: 25px;}
.tab_nav_h .en{font-size: 12px;line-height: 20px;text-transform: uppercase;opacity: .5;}

.tab_nav_num{margin:15px auto 0;font-size: 32px;color:#999;line-height: 40px;font-family: "宋体";font-weight: 700;}

.tab.process_tab .tab_nav li.active{background-color: var(--color-main);}

.tab.process_tab .tab_nav li.active .tab_nav_icon img.default{display:none;}
.tab.process_tab .tab_nav li.active .tab_nav_icon img.hover{display:inline-block;}
.tab.process_tab .tab_nav li.active .tab_nav_h{color:var(--white);}
.tab.process_tab .tab_nav li.active .tab_nav_h .en{opacity: .8;}
.tab.process_tab .tab_nav li.active .tab_nav_num{color:var(--white);}
/* q_process end! */

/* q_cooperation start! */
.q_section.q_cooperation{padding:80px 0 0;background:url('../images/q_cooperation.jpg') no-repeat center top;}
.cooper_item{width:20%;float:left;}
.cooper_item .img{padding:59% 0 0;}
/* q_cooperation end! */

/* q_news start! */
.newsNo_list{width:48.3%;float:left;}
.newsNo_item{margin:15px auto 0;padding:7px 0 0 105px;height:90px;position: relative;}
.newsNo_item:nth-of-type(1){margin:0 auto;}
.newsNo_item_date{width:90px;height:90px;border:1px solid #d9d9d9;position: absolute;left:0;top:0;text-align: center;}

.newsNo_item_date span{display: block;text-align: center;width:100%;position: absolute;left:0;}
.newsNo_item_date span:nth-of-type(2){display: none;}
.newsNo_item_date span:nth-of-type(1){bottom:15px;font-size:14px;color:#999;line-height: 20px;height:20px; }
.newsNo_item_date span:nth-of-type(3){top:15px;font-size:22px;color:#333;line-height: 30px;height:30px; }
.newsNo_item_date span:nth-of-type(3):after{content:'';width:20%;height:1px;background-color: #ddd;
	position: absolute;left:50%;bottom:-3px;transform: translateX(-50%);
}

.newsNo_item:hover .newsNo_item_date span:nth-of-type(1){color:var(--white);}
.newsNo_item:hover .newsNo_item_date span:nth-of-type(3){color:var(--white);}
.newsNo_item:hover .newsNo_item_date span:nth-of-type(3):after{background-color:var(--white);}

.newsNo_item_h a{outline: none;display: block;width:100%;font-size:16px;color:#333;line-height: 25px;height:25px;font-weight: 700;
	overflow:hidden;text-overflow: ellipsis;white-space: nowrap;
}
.newsNo_item_p{margin:10px auto 0;font-size:14px;color:#999;text-align:justify;line-height: 20px;height:40px;
    display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;
}

.newsNo_item:hover .newsNo_item_date{border:1px solid var(--color-main);background-color:var(--color-main);}
.newsNo_item:hover .newsNo_item_h a{color:var(--color-main);}

.newsImg_list{width:48.3%;float:right;}

.newsImg_item{width:48.3%;float:left;margin:0 3.4% 0 0;}
.newsImg_item:nth-of-type(2){margin:0;}

.newsImg_item_img{width:100%;height:220px;overflow:hidden;}
.newsImg_item_img .img{height:100%;}

.newsImg_item:hover .newsImg_item_img .img{
  -moz-transform:scale(1.15,1.15);
  -ms-transform:scale(1.15,1.15);
  -o-transform:scale(1.15,1.15);
  -webkit-transform:scale(1.15,1.15);
  transform:scale(1.15,1.15);
}

.newsImg_item_txt{margin:20px auto 0;}
.newsImg_item_h a{outline: none;display: block;width:100%;font-size:16px;color:#333;line-height: 25px;height:25px;font-weight: 700;
	overflow:hidden;text-overflow: ellipsis;white-space: nowrap;
}
.newsImg_item_h a:hover{color:var(--color-main);}
.newsImg_item_p{margin:18px auto 0;font-size:14px;color:#999;text-align:justify;line-height: 20px;height:60px;
    display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;
}
.newsImg_item_date{margin:35px auto 0;}
.newsImg_item_date:after{content:"."; display:block; height:0; visibility:hidden; clear:both;font-size: 0;}
.newsImg_item_date span{width:40%;float:left;display: block;font-size:14px;color:#999;line-height: 20px;height:20px}
.newsImg_item_date span:nth-of-type(2){float:right;text-align: right;}
.newsImg_item_date span a{outline: none;display: block;width:100%;color:#999;}
.newsImg_item_date span a:hover{color:var(--color-main);}

/* q_news end! */

/* q_footer start! */
.q_footer_main{width:100%;margin:0 auto;position: relative;}
.q_footer_main:after{content:"."; display:block; height:0; visibility:hidden; clear:both;font-size: 0;}
.q_footer_t{background-color: var(--color-main);padding:0 0 30px;}
.footer_t_r{width:180px;float:right;}
.footer_t_l{width:calc(100% - 270px);float:left;}
.footer_nav:after{content:"."; display:block; height:0; visibility:hidden; clear:both;font-size: 0;}
.footer_nav li{float:left;width:12.5%;padding:60px 0 0;border-left: 1px solid rgba(255,255,255,.3);text-align: center;}
.footer_nav li:nth-of-type(1){border-left:0;}
.footer_nav li a{outline: none;display: block;width:100%;font-size: 16px;line-height: 20px;color:var(--white);}
.footer_nav li a:hover{color: #333;}

.footer_ul{width:100%;text-align: right;padding:36px 0 0;font-size: 0;vertical-align: middle;}
.footer_ul>li{display: inline-block;margin-left: 10px;position: relative;}
.footer_ul>li>a{outline: none;display: block;width:100%;width:44px;}
.footer_div{width:140px;position: absolute;top:-160px;box-shadow: 0 0 10px #ddd;left:-48px;display: none;
  background-color: var(--white);padding:6px;border-radius: 3px;text-align: center;
}
.footer_div:after{content:'';width:0;height:0;position: absolute;left:50%;bottom:-12px;transform: translateX(-50%);
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 12px solid var(--white);
}
.q_footer_b{background-color: #302a29;padding:36px 0 20px;text-align: center;}

.footer_list{margin:0 auto 25px;}
.footer_item{width:32%;float:left;margin:0 2% 0 0;}
.footer_item:nth-of-type(3n){margin:0;}
.footer_item:after{content:"."; display:block; height:0; visibility:hidden; clear:both;font-size: 0;}
.footer_item_icon{width:32px;float:left;}
.footer_item_txt{width:calc(100% - 50px);float:right;font-size: 15px;line-height: 32px;color:var(--white);text-align: left;}

.q_footer_b span,.q_footer_b a{margin:0 4px;line-height: 25px;font-size: 14px;color:var(--white);outline: none;opacity: .9;}
.q_footer_b a:hover{color:var(--color-main);}
.q_footer_b span a{margin:0;}
.q_footer_b span img{display: inline-block;width:25px;margin-right: 8px;}

/* q_footer end! */

/* q_banner_n start! */
.q_banner_n{width:100%;position: relative;}
.q_banner_n .img{padding:27.86% 0 0;}
.banner_mask{width:100%;height:100%;position: absolute;left:0;top:0;}
.banner_mask_in{width:100%;position: absolute;left:0;top:50%;color:var(--white);
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}
.banner_en{font-size: 22px;line-height: 30px;text-transform: uppercase;}
.banner_span{width:60px;height:2px;background-color: var(--color-main);margin:20px 0;}
.banner_cn{font-size: 38px;line-height: 45px;font-weight: 700;}

/* q_banner_n end! */

/* nnav start! */
.nnav{width:100%;padding:15px 0 0;border-bottom:1px solid #ddd;}
.nnav_ul:after{content:"."; display:block; height:0; visibility:hidden; clear:both;font-size: 0;}
.nnav_ul>li{float:left;margin:0 15px 13px 0;}
.nnav_ul>li>a{outline: none;display: block;width:100%;padding:6px 20px;font-size:16px;line-height: 25px;border-radius: 25px;color:#333;}
.nnav_ul>li.current>a,.nnav_ul>li:hover>a{background-color: var(--color-main);color:var(--white);}
/* nnav end! */

/* q_main start! */
.q_main{width:100%;margin:0 auto;font-size: 16px;color:#555;line-height: 2;min-height: 300px;}
p{width:100%;margin:0 auto;font-size: 16px;color:#555;line-height: 2;}
.main_title{text-align: center;}
.main_h{font-size: 30px;color:#808080;line-height: 40px;text-transform: uppercase;}
.main_h span{color:var(--color-main);font-weight: 700;}
.main_p{margin:5px auto 0;font-size: 16px;color:#808080;line-height: 25px;}
.main_main{margin:35px auto 0;}
.main_body{padding:0 0 50px;}
/* q_main end! */

/* nabout start! */
.nabout_body{text-align: justify;}
.nabout_body p{text-align: justify;}
.nnumber{margin:0 auto;padding:60px 0;}
.q_number_main{width:100%;margin:0 auto;padding:0;}
.q_number_main:after{content:"."; display:block; height:0; visibility:hidden; clear:both;font-size: 0;}
.q_number_item{width:25%;float:left;border-right:1px solid #eee;padding:0 10px;text-align: center;}
.q_number_item:nth-of-type(4){border-right:0px solid #eee;}
.q_number_top{font-size: 36px;line-height: 50px;color:var(--color-main);font-weight: 700;}
.q_number_top .sub{font-size: 16px;vertical-align: text-top;font-weight: normal;}
.q_number_txt{width:100%;margin:5px auto 0;padding:0;font-size: 15px;color:#666;line-height: 25px;height:25px;
  overflow: hidden;text-overflow: ellipsis;white-space: nowrap;
}
/* nabout end! */

/* ncompany start! */
.ncompany_item .img{padding:35.7% 0 0;}
.swiper_ncompany{border-radius: 20px;}
.ncompany_mask{width:40%;height:100%;padding:0;position: absolute;top:0;right:0;z-index: 5;}
.ncompany_mask_in{width:100%;position: absolute;left:0;top:50%;padding:0 50px;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}
.ncompany_main{border-radius: 15px;overflow:hidden;}
.ncompany_txt{background-color:rgba(255,255,255,.9);padding:60px 40px;}
.ncompany_h{font-size: 27px;color:#333;line-height: 35px;}
.ncompany_p{margin:25px auto 0; font-size: 14px;color:#4c4c4c;line-height: 22px;text-align: justify;height:66px;
  display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;
}
.ncompany_control{padding:35px 40px;background-color: var(--color-main);position: relative;}
.ncompany_control:after{content:"."; display:block; height:0; visibility:hidden; clear:both;font-size: 0;}
.ncompany_control_main{width:100%;height:50px;position:relative;}
.swiper_button_ncompany{width:30px;height:50px;line-height: 50px;font-size:30px;color:var(--white);cursor: pointer;position: absolute;top:0;}
.swiper_button_ncompany.swiper_button_ncompany_prev{left:0;}
.swiper_button_ncompany.swiper_button_ncompany_next{right:0;text-align: right;}
.swiper_pagination_ncompany{width:calc(100% - 100px);left:50px;color:var(--white);bottom:0;}
.swiper_pagination_ncompany span{font-size: 18px;line-height: 40px;}
.swiper_pagination_ncompany span.swiper-pagination-current{font-size: 30px;}

/* ncompany end! */

/* nhonor start! */
.nhonor{background-color: #f5f5f5;}
.swiper_nhonor{padding:10px;}
.nhonor_item{width:100%;margin:0 auto;text-align: center;}
.nhonor_item_img{background-color: var(--white);padding:25px 20px;box-shadow: 0 0 10px #ccc;}
.nhonor_item_img .img{padding:71.42% 0 0;position: relative;}
.nhonor_item_img .img img{display: block;max-width:100%;max-height: 100%;position: absolute;top: 50%;left: 50%;
  -webkit-transform: translate(-50%,-50%);
  -moz-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  -o-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
}
.nhonor_item_txt{margin:15px auto 0;font-size: 16px;color:#333;line-height: 25px;height:25px;
  overflow: hidden;text-overflow: ellipsis;white-space: nowrap;
}
.swiper_nhonor .swiper_pagination_nhonor{position: static;margin:30px auto 0;}
.swiper_nhonor .swiper_pagination_nhonor .swiper-pagination-bullet{width:12px;height:12px;opacity: .2;}
.swiper_nhonor .swiper_pagination_nhonor .swiper-pagination-bullet.swiper-pagination-bullet-active{opacity: 1;
  background-color:var(--color-main);
}
/* nhonor end! */

/* nhistory start! */
.tab.nhistory_tab{width:100%;margin:40px auto 0;}
.tab.nhistory_tab .tab_nav{width:100%;margin:0 auto;font-size: 0;text-align: center;position: relative;padding:0 0 5px;}
.tab.nhistory_tab .tab_nav:after{content: "";width:100%;height:1px;background-color: #ccc;position: absolute;left:0;bottom:0;z-index: 1;}
.tab.nhistory_tab .tab_nav li{display: inline-block;padding:0;position: relative;}
.tab.nhistory_tab .tab_nav li.active:after{content:'';width:10px;height:10px;position: absolute;left:50%;bottom:-12px;z-index: 2;
  background-color: var(--color-main);border-radius: 50%;transform: translateX(-50%;);margin-left: -5px;
}
.tab.nhistory_tab .tab_nav li a{outline: none;display: block;width:100%;border:0;border-radius: 0;padding:0 25px;font-size: 15px;color:#888;line-height: 40px;}
.tab.nhistory_tab .tab_nav li.active a{font-size: 22px;color:var(--color-main);}

.tab.nhistory_tab .tab_body{width:100%;margin:40px auto 0;border:0;padding:0;position: relative;}
.nhistory_item{width:100%;margin:0 auto;}
.nhistory_item:after{content:"."; display:block; height:0; visibility:hidden; clear:both;font-size: 0;}
.nhistory_item_img{width:50%;float:right;text-align: right;}
.nhistory_item_txt{width:46%;float:left;padding:40px 0 0;min-height: 300px;}
.nhistory_item_h{font-size: 18px;color:#333;line-height: 30px;}
.nhistory_item_p{margin:25px auto 0;font-size: 14px;color:#808080;text-align: justify;line-height: 2;}
.nhistory_item_p p{margin:0 auto;font-size: 14px;color:#808080;text-align: justify;line-height: 2;}

/* nhistory end! */

/* nculture start! */
.nculture{background:url('../images/nculture_bg.jpg') no-repeat center top;height: 550px;}
.nculture_item{width:25%;float:left;position:relative;padding:80px 60px 35px 35px;}
.nculture_item_h{font-size: 26px;color:#333;font-weight: 700;line-height: 35px;}
.nculture_item_span{width:40px;height:3px;background-color: var(--color-main);margin:25px 0;}
.nculture_item_p{font-size: 15px;color:#666;text-align: justify;line-height: 25px;}
.nculture_item:before{content:'';width:2px;height:270px;background-color: #b3b3b3;position: absolute;left:0;top:0;}
.nculture_item:after{content:'';width:16px;height:16px;border:2px solid #b3b3b3;position: absolute;left:-7px;top:270px;border-radius: 50%;}

.nculture_item:nth-of-type(1):before{height:300px;}
.nculture_item:nth-of-type(1):after{top:300px;}
.nculture_item:nth-of-type(2):before{height:365px;}
.nculture_item:nth-of-type(2):after{top:365px;}
.nculture_item:nth-of-type(3):before{height:420px;}
.nculture_item:nth-of-type(3):after{top:420px;}

/* nculture end! */

/* nproduct start! */
.nproduct_item{width:32%;float:left;margin:0 2% 25px 0;}
.nproduct_item:nth-of-type(3n){margin:0 0 25px 0;}
.nproduct_item_img{width:100%;overflow:hidden;}
.nproduct_item_img .img{padding:66.66% 0 0;}
.nproduct_item_img:hover .img{
  -moz-transform:scale(1.15,1.15);
  -ms-transform:scale(1.15,1.15);
  -o-transform:scale(1.15,1.15);
  -webkit-transform:scale(1.15,1.15);
  transform:scale(1.15,1.15);
}
.nproduct_item_txt a{outline: none;display: block;width:100%;background-color: #ededed;padding:20px;color:#333;}
.nproduct_item_txt a:after{content:"."; display:block; height:0; visibility:hidden; clear:both;font-size: 0;}
.nproduct_item_txt .more{width:40px;float:right;text-align: right;font-size: 20px;line-height: 25px;}
.nproduct_item_txt .title{width:calc(100% - 50px);float:left;text-align: justify;font-size: 16px;line-height: 25px;height:25px;
  overflow: hidden;text-overflow: ellipsis;white-space: nowrap;
}
.nproduct_item:hover .nproduct_item_txt a{background-color: var(--color-main);color:var(--white);}
.nproduct_block{width:100%;margin:0 auto;padding:20px 0 60px;}
.nproduct_block:after{content:"."; display:block; height:0; visibility:hidden; clear:both;font-size: 0;}

.nproduct_block_img{width:50%;float:left;}
.nproduct_block_txt{width:46%;float:right;}
.nproduct_block_h{font-size: 25px;color:#333;line-height: 30px;font-weight: 700;letter-spacing: 2px;}
.nproduct_body{margin:30px auto 0;}
/* nproduct end! */

/* njoin start! */
.nbrand{padding:80px 0 0;}
.nbrand_txt{text-align: center;}
.nbrand_h{font-size: 20px;color:#323232;line-height: 25px;margin:0 auto 15px;}
.nbrand_bold{font-size: 40px;color:#323232;line-height: 50px;margin:0 auto 15px;font-weight: 700;}
.nbrand_bold.nbrand_tel{color:var(--color-main);}

.nbrand_img{margin:50px auto 0;text-align: center;}

.ncondition{background-color: #f2f2f2;}

.nprocess{background-color: #fefaf8;}
.nprocess .tab.process_tab .tab_nav li{background-color: var(--white);}
.nprocess .tab.process_tab .tab_nav li.active{background-color: var(--color-main);}

.nmessage{background-color: #f5f5f5;}
.nmessage_main:after{content:"."; display:block; height:0; visibility:hidden; clear:both;font-size: 0;}
.nmessage_img{width:37%;float:left;}
.nmessage_txt{width:56%;float:right;}

.q_form{width:100%;margin:0 auto;padding:0;display: block;}
.q_form:after{content:"."; display:block; height:0; visibility:hidden; clear:both;font-size: 0;}
.q_form_div{margin:0 auto 15px;}
.q_form_div:after{content:"."; display:block; height:0; visibility:hidden; clear:both;font-size: 0;}
.q_form .q_form_div .form-group{width:49%;float:left;margin:0 2% 0 0;padding:0;}
.q_form .q_form_div .form-group:nth-of-type(2n){margin:0 0 0 0;}
.q_form .q_form_div:nth-of-type(3) .form-group{width:100%;float:none;margin:0;}
.q_form .form-group .addon{background-color: var(--color-main);color:#fff;border: solid 1px var(--color-main);}
.q_form .form-group .input{padding:6px 15px;background-color: #fafafa;border-radius: 0;}
.q_form .form-group .input:focus{border: solid 1px var(--color-main);}
.q_form .form-button{text-align: center;margin:20px auto 0;padding:0;}
.q_form .form-button .button{display: inline-block;width:50%;padding:10px 20px;border-radius: 0;
  background-color: var(--color-main);color:#fff;border:0;font-size: 16px;line-height: 25px;letter-spacing: 1px;
}

/* njoin end! */

/* news start! */
.nnews_item{width:32%;float:left;margin:0 2% 25px 0;}
.nnews_item:nth-of-type(3n){margin:0 0 25px 0;}

.nnews_item .newsImg_item_img{height:auto;}
.nnews_item .newsImg_item_img .img{height:auto;padding:62.5% 0 0;}

.nnews_title{width:90%;margin:50px auto 0;text-align: center;font-size: 22px;color:#333;line-height: 32px;}
.nnews_span{margin:25px auto 0;padding:5px 25px;background-color: #fafafa;text-align:center;}
.nnews_span span{margin:10px;font-size: 14px;line-height: 20px;color:#999;}
.nnews_body{padding:25px 0;min-height: 120px;}

/* news end! */

/* nstore start! */
.swiper_nstore{margin:50px auto 0;}
.store_item_mask{width:100%;position: absolute;left:0;bottom:0;}
.store_item_mask a{outline: none;display: block;width:100%;padding:20px 30px;background-color: rgba(255,255,255,.9);transition: all .2s;}
.store_item_h{font-size: 18px;color:#333;line-height: 25px;}
.store_item_p{margin:15px auto 0;font-size: 14px;color:#888;line-height: 23px;text-align: justify;}
.store_item:hover .store_item_mask a{background-color: var(--color-main);}
.store_item:hover .store_item_h{color: var(--white);}
.store_item:hover .store_item_p{color: var(--white);}

.swiper_button_nstores{margin:50px auto;text-align: center;font-size: 0;}
.swiper_button_nstore{display: inline-block;width:46px;height:46px;margin:0 10px;font-size: 21px;cursor: pointer;
  color:var(--color-main);border:1px solid var(--color-main);border-radius:50%;line-height: 44px;text-align: center;
}
.swiper_button_nstore.swiper-button-disabled{color:#888;border:1px solid #888;}

.nstore_list{padding:20px 0 0;}
.nstore_item{width:23.5%;float:left;margin:0 2% 25px 0;}
.nstore_item:nth-of-type(4n){margin:0 0 25px 0;}
.nstore_item_img{overflow:hidden;}
.nstore_item_img .img{padding:72.56% 0 0;}
.nstore_item_txt{margin:10px auto 0;}
.nstore_item_h a{outline: none;display: block;width:100%;font-size: 18px;color:#333;text-align: center;line-height: 25px;height:25px;
  overflow: hidden;text-overflow: ellipsis;white-space: nowrap;
}
.nstore_item_p{margin:5px auto 0;font-size: 14px;color:#999;text-align: justify;line-height: 20px;height:40px;
  display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;
}
.nstore_item:hover .img{
  -moz-transform:scale(1.15,1.15);
  -ms-transform:scale(1.15,1.15);
  -o-transform:scale(1.15,1.15);
  -webkit-transform:scale(1.15,1.15);
  transform:scale(1.15,1.15);
}
.nstore_item_h a:hover{color:var(--color-main);}

/* nstore end! */


/* ncontact start! */
.ncontact_main{padding:70px 0;}
.ncontact_main:after{content:"."; display:block; height:0; visibility:hidden; clear:both;font-size: 0;}
.ntel{width:45%;float:left;}
.ntel .main_title{text-align: left;}

.ntel_list{margin:30px auto 0;}
.ntel_item{margin:0 auto 20px;}
.ntel_item:after{content:"."; display:block; height:0; visibility:hidden; clear:both;font-size: 0;}
.ntel_item .footer_item_txt{color:#555;}

.ntel_weixin{margin:40px auto 0;}
.ntel_weixin img{box-shadow:0 0 10px #ddd;}

/* ncontact end! */

.nmap{width:50%;float:right;}
.allmap {width: 100%;height: 400px;font-size: 14px;line-height: 30px;overflow: hidden;font-family:"微软雅黑";}
.allmap b{color: var(--color-main);font-weight: 700;font-size: 17px;line-height: 30px;}
.allmap img{max-width: none;}

@media(max-width: 640px){
    .allmap {height: 210px;}
}


/* pagelist start! */
.pagelist {list-style: none;margin:50px auto;text-align: center;padding:5px 0;font-size: 0;}
.pagelist > a,.pagelist>span{
  display: inline-block;text-decoration: none;outline: none;min-width:45px;height:40px;line-height: 40px;
  font-size: 15px;padding:0 10px;color:#222;background-color: #f7f7f7;margin:3px 3px;border-radius: 5px;transition: all .2s;}
.pagelist > span{color:#fff;background-color: var(--color-main);}
.pagelist >a:hover{color:#fff;background-color: var(--color-main);}
@media(max-width: 1440px){
  .pagelist {margin:40px auto;}
  .pagelist > a,.pagelist > span{min-width:40px;height:35px;line-height: 35px;font-size: 13px;padding:0 8px;}
}
@media(max-width: 640px) {
  .pagelist {margin:30px auto;}
  .pagelist > a,.pagelist > span{min-width:40px;height:30px;line-height: 30px;font-size: 12px;padding:0 8px;font-weight: normal;}
}
@media(max-width: 500px) {
  .pagelist {margin:25px auto;}
  .pagelist > a,.pagelist > span{min-width:40px;height:30px;line-height: 30px;font-size: 12px;margin:3px 2px;}
}
/* pagelist end! */

/* page  start! */
.page{width:100%;margin:0 auto 40px;line-height: 25px;padding:5px 0 0;border-top: 1px solid #eee;}
.page:after{content:"."; display:block; height:0; visibility:hidden; clear:both;font-size: 0;}
.page_a{width:50%;padding:0;float:left;color:#888;font-size: 15px;}
.page_a a{display:block; width:100%;outline: none;color:#888;font-size: 15px;line-height: 25px;height:25px;
  overflow: hidden;text-overflow: ellipsis;white-space: nowrap;
}
.page_a a:hover{color:var(--color-main);}
.page_a a i{margin:0 10px;}
.page_next{float:right;text-align: right;}
@media (max-width: 1440px) {
  .page{margin:0 auto 30px;font-size: 14px;}
  .page_a a{padding:0;font-size: 14px;}
  .page_a a i{margin:0 6px;}
}
@media (max-width: 640px) {
  .page{margin:0 auto 25px;padding:6px 20px;}
  .page_a{width:100%;float:none;font-size: 13px;line-height: 30px;height:30px;}
  .page_next{float:none;text-align: left;}
  .page_a a{display: inline;padding:0;font-size: 13px;}
  .page_a a i{margin:0 6px;}
}
/* page  end! */

/* page-index-all */

@keyframes fadeindown_little {
  0%   {opacity: 0;transform: translateY(-20px)}
  100% {opacity: 1;transform: translateY(0)}
}
.little:hover{animation-name: fadeindown_little;animation-duration: .5s;}

.page-index-all {width:100%;height:100%;background-color:rgba(0,0,0,.5);position:fixed;left:0;top:0; z-index: 999999;display: none;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
}
.q_form_mask{width:100%;height:100%;position: absolute;left:0;top:0;}
.q_form_mask_in{width:400px;position: absolute;left:50%;margin-left:-200px;top:50%;text-align: center;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}
.q_form_main{width:100%;margin:0 auto;background-color: #fff;border-radius: 4px;padding:45px 50px;position: relative;
  animation-name: fadeindown_little;animation-duration: .5s;
}
.q_form_main:after{content:"."; display:block; height:0; visibility:hidden; clear:both;font-size: 0;}
.q_form_close{width: 20px;height: 20px;line-height: 20px;text-align: center;position: absolute;top: 10px;right: 10px;color: #50506d;font-size: 22px;cursor: pointer;}
.q_form_close:hover{color:var(--color-main);}
.q_form_h{width:100%;margin:0 auto;color: #50506d;text-align: center;}
.q_form_h_big{width:100%;margin:0 auto;font-size: 20px;font-weight: 700;line-height: 25px;}
.q_form_h_small{width:100%;margin:10px auto 0;font-size: 12px;line-height: 20px;}
.q_form_input{width:100%;margin:10px auto 0;position:relative;color:#50506d;border:1px solid #50506d;border-radius: 4px;padding:5px 5px;}
.q_form_input>i{display: block;width:30px;height:30px;line-height: 30px;font-size: 22px;float:left;}
.q_form_input>span{display: block;width:30px;float:right;}
.q_form_input>input{width:calc(100% - 60px);float:left;border:0;padding:0 10px;line-height: 30px;height:30px;font-size: 13px;color:#50506d;}
.q_form_button{width:100%;margin:20px auto 0;text-align: center;border-radius: 8px;font-size: 15px;line-height: 40px;padding:3px 0;cursor: pointer;
  background-color: var(--color-main);color:#fff;letter-spacing: 2px;
}
#q_alert{z-index: 9999999;}
#q_alert .q_form_h_big{font-size: 17px;text-align: left;}
#q_alert .q_form_h_small{font-size: 13px;text-align: left;}
#q_alert .q_form_button{width:auto;display: inline-block;float:right;line-height: 20px;padding:7px 30px;font-weight: 400;}

@media(max-width: 640px){
  .q_form_mask_in{width:300px;left:50%;margin-left:-150px;}
}

/* m_footer start! */
.footer_m {display: none;}
@media (max-width: 640px) {
  .q_footer {margin-bottom: 60px;}
  .footer_m {display: block;}
}
.footer_m{position: fixed;bottom:0;left:0;width:100%;height:60px;z-index: 99;padding:10px 0;background-color:var(--color-main);}
.footer_m:after{content:"."; display:block; height:0; visibility:hidden; clear:both;font-size: 0;}
.footer_m_item {width:33%;float:left;height:40px;text-align: center;}
.footer_m_item a{outline: none}
.footer_m_item_icon {width:100%;height:20px;}
.footer_m_item_icon a{outline: none;display: block;width: 100%;height:100%;outline: none;}
.footer_m_item_icon img{width:20px;height:20px;}
.footer_m_item_txt{width:100%;height:20px;line-height: 20px;color:#fff;font-size: 12px;}
/* m_footer end! */

/* q_aside start! */
.q_aside{position: fixed;right:1%;bottom:25%;z-index: 100000000000;}
.q_aside_item{width:54px;height:54px;margin:0 auto 2px; background-color: var(--color-main);border-radius: 4px;cursor: pointer;
  position: relative;text-align: center;padding:12px;
}
.q_aside_item a{outline: none;display: block;}
.q_aside_item_main{width:150px;height:54px;text-align: center;line-height: 54px;font-size: 17px;display: none;
  color:#fff;background-color:var(--color-main);border-radius: 4px;position: absolute;left:-160px;top:0px;
}
.weixin{width:120px;height:120px;text-align: center;padding:0;display: none;overflow:hidden;box-shadow: 0 0 10px #888;
  border-radius: 4px;position: absolute;left:-130px;top:-33px;
}
.q_aside_item4{display: none;}
@media(max-width: 640px){
  .q_aside{right:10px;bottom:15%;}
  .q_aside_item{width:36px;height:36px;padding:7px;}
  .q_aside_item_main{width:120px;height:36px;line-height: 36px;font-size: 14px;display: none;left:-130px;top:0px;}
  .weixin{width:100px;height:100px;display: none;left:-110px;top:-33px;}
  .q_aside_item1,.q_aside_item2,.q_aside_item3{display: none;}
}
/* q_aside end! */