@charset "UTF-8";
/* 此CSS样式为李露露编写 类名通用加前缀 q_ */
:root{
	--white:#fff;
}
html,body{/*scroll-behavior:smooth;*/}  /* 不使用js只用css实现锚点平滑滚动 */
body {
	width:100%;
	margin:0 auto;
	min-height: 300px;
	background-color: #fff;
	font-family: Arial,Verdana,sans-serif,'Microsoft Yahei';
	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;}
.main1600{width:1600px;margin:0 auto;}
/* 电脑端隐藏 */
@media (min-width:640px ) {
	.pc_hidden{display: none;}
	.img.pc_hidden{display: none;}
}
/* 手机端隐藏 */
@media (max-width:640px ) {
	.m_hidden{display: none;}
	.img.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: 9;                        }
.q_header_main:after{content:"."; display:block; height:0; visibility:hidden; clear:both;font-size: 0;}

.q_logo{width:280px;float:left;}
.q_logo>h1{width:100%;margin:0 auto;}
.q_logo>h1>a{outline: none;display: block;width:100%;margin:0 auto;padding:20px 0;transition: all .4s;}
.q_logo>h1>a>img{height:70px;display: inline-block;transition: all .4s;}
.q_logo>h1>a>img.default{display: inline-block;}
.q_logo>h1>a>img.on{display: none;}

.q_nav{width:calc(100% - 420px);float:left;text-align: right;font-size: 0;}
.q_nav:after{content:"."; display:block; height:0; visibility:hidden; clear:both;font-size: 0;}
.q_nav>li{display: inline-block;margin-left: 70px;position: relative;}
.q_nav>li>a{outline: none;display: block;width:100%;padding:30px 0;transition: all .4s;position: relative;}
.q_nav>li>a>span{display: block;width:100%;font-size: 22px;color:var(--white);line-height: 50px;height:50px;position: relative;}
.q_nav>li>a>span:after{position: absolute;left: 50%;bottom: -5px;content: "";width: 0;height: 3px;background-color:var(--color_red);border-radius: 3px;
	-webkit-transition: all 0.5s ease-in-out;
	   -moz-transition: all 0.5s ease-in-out;
	    -ms-transition: all 0.5s ease-in-out;
	     -o-transition: all 0.5s ease-in-out;
	        transition: all 0.5s ease-in-out;
}
.q_nav>li:hover>a>span:after,.q_nav>li.on>a>span:after{width: 50%;transform: translateX(-50%);}


/* q_nav_son */
.q_nav_son{width:300%;position: absolute;top:calc(100% - 20px);left:-100%;padding:10px 0;z-index: 10;background-color:var(--color_red);display: none;
	box-shadow: 0 0px 30px 0 rgba(0, 0, 0, 0.1);
}
.q_nav_son>li{width:100%;margin:0 auto;padding:0;}
.q_nav_son>li>a{outline: none;display: block;width:100%;margin:0 auto;padding:0;font-size: 14px;text-align: center;line-height: 36px;color:var(--white);}
.q_nav_son>li:hover{background-color:var(--white);}
.q_nav_son>li:hover>a{color:var(--color_red);}


.q_menu{width:40px;float:right;text-align: right;padding:50px 0 20px;font-size: 0;cursor: pointer;transition: all .4s;position: relative;}
.q_menu span{display:inline-block;width:40px;height:3px;background-color: var(--white);margin:0 auto 10px;}
.q_menu span:nth-of-type(2){width:27px;}


body.fp-viewing-1 .q_header,body.fp-viewing-2 .q_header,body.fp-viewing-3 .q_header,
body.fp-viewing-4 .q_header,body.fp-viewing-5 .q_header,.q_header.q_header_fixed{background-color: var(--white);box-shadow: 0 0 2px #809cbb;}

body.fp-viewing-1 .q_header .q_logo>h1>a,body.fp-viewing-2 .q_header .q_logo>h1>a,body.fp-viewing-3 .q_header .q_logo>h1>a,
body.fp-viewing-4 .q_header .q_logo>h1>a,body.fp-viewing-5 .q_header .q_logo>h1>a,.q_header.q_header_fixed .q_logo>h1>a{padding:10px 0;}

body.fp-viewing-1 .q_header .q_logo>h1>a>img.default,body.fp-viewing-2 .q_header .q_logo>h1>a>img.default,body.fp-viewing-3 .q_header .q_logo>h1>a>img.default,
body.fp-viewing-4 .q_header .q_logo>h1>a>img.default,body.fp-viewing-5 .q_header .q_logo>h1>a>img.default,
.q_header.q_header_fixed .q_logo>h1>a>img.default{display: none;}

body.fp-viewing-1 .q_header .q_logo>h1>a>img.on,body.fp-viewing-2 .q_header .q_logo>h1>a>img.on,body.fp-viewing-3 .q_header .q_logo>h1>a>img.on,
body.fp-viewing-4 .q_header .q_logo>h1>a>img.on,body.fp-viewing-5 .q_header .q_logo>h1>a>img.on,.q_header.q_header_fixed .q_logo>h1>a>img.on{display: inline-block;}

body.fp-viewing-1 .q_nav>li>a,body.fp-viewing-2 .q_nav>li>a,body.fp-viewing-3 .q_nav>li>a,body.fp-viewing-4 .q_nav>li>a,
body.fp-viewing-5 .q_nav>li>a,.q_header.q_header_fixed .q_nav>li>a{padding:20px 0;}

body.fp-viewing-1 .q_nav>li>a>span,body.fp-viewing-2 .q_nav>li>a>span,body.fp-viewing-3 .q_nav>li>a>span,
body.fp-viewing-4 .q_nav>li>a>span,body.fp-viewing-5 .q_nav>li>a>span,.q_header.q_header_fixed .q_nav>li>a>span{color:#333;}

body.fp-viewing-1 .q_nav_son,body.fp-viewing-2 .q_nav_son,body.fp-viewing-3 .q_nav_son,body.fp-viewing-4 .q_nav_son,
body.fp-viewing-5 .q_nav_son,.q_header.q_header_fixed .q_nav_son{top:100%;}

body.fp-viewing-1 .q_header .q_menu,body.fp-viewing-2 .q_header .q_menu,body.fp-viewing-3 .q_header .q_menu,
body.fp-viewing-4 .q_header .q_menu,body.fp-viewing-5 .q_header .q_menu,.q_header.q_header_fixed .q_menu{padding:40px 0 20px;}

body.fp-viewing-1 .q_header .q_menu span,body.fp-viewing-2 .q_header .q_menu span,body.fp-viewing-3 .q_header .q_menu span,
body.fp-viewing-4 .q_header .q_menu span,body.fp-viewing-5 .q_header .q_menu span,.q_header.q_header_fixed .q_menu span{background-color: var(--color_red);}

/* q_header end! */

/* header_menu start! */
.header_menu{width:100%;height:100%;position: fixed;left:100%;top:0;z-index: 10;background-color: var(--white);transition: all .8s;
	transition-timing-function: cubic-bezier(.5, .4, .3, 1);
}
.header_menu:before{content: '';position: absolute;top:0;left:0;background-color:var(--color_red);z-index:11;width: 50%;height:100%;
	transition: all 0.5s;transition-timing-function: cubic-bezier(.5, .4, .3, 1);
}
.header_menu.on{left:0;}
.header_menu.on:before{width:0;left:0;}
.menu_main{width:100%;height:100%;position:relative;}
.menu_top{width:100%;position:relative;z-index: 2;background-color: var(--white);}
.menu_top:after{content:"."; display:block; height:0; visibility:hidden; clear:both;font-size: 0;}

.menu_top_main .q_menu{padding:0;height:150px;}
.menu_top_main .q_menu span{width:40px;height:3px;border-radius: 3px;background-color: #282828;position: absolute;right:0;top:70px;}
.menu_top_main .q_menu span:nth-of-type(1){transform:rotate(45deg);}
.menu_top_main .q_menu span:nth-of-type(2){width:40px;height:3px;border-radius: 3px;transform: rotate(-45deg);}

.menu_body{width:100%;height:100%;position: absolute;left:0;top:0;z-index: 1;}
.menu_body_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%);
}
.menu_body_main{width:100%;margin:0 auto;}
.menu_body_main:after{content:"."; display:block; height:0; visibility:hidden; clear:both;font-size: 0;}
.menu_nav{width:100%;margin:0 auto;position: relative;}
.menu_nav li{margin:0 auto;}
.menu_nav li a{outline: none;display: block;width:100%;padding:20px 0;font-size: 18px;color:#aaa;line-height: 25px;transition: all .5s;}
.menu_nav li a:hover{color:var(--color_red);}
.menu_son{width:80%;height:100%;position: absolute;left:15%;top:0;border-left: 1px solid #e3e3e3;padding:0 0 0 50px;display: none;}
.menu_son>li{animation-name: dh_rt;animation-duration: .4s;animation-timing-function: ease-in-out;animation-fill-mode: both;}

.menu_son>li:nth-child(2){animation-delay: .1s;}
.menu_son>li:nth-child(3){animation-delay: .2s;}
.menu_son>li:nth-child(4){animation-delay: .3s;}
.menu_son>li:nth-child(5){animation-delay: .4s;}
.menu_son>li:nth-child(6){animation-delay: .5s;}
.menu_son>li:nth-child(7){animation-delay: .6s;}
.menu_son>li:nth-child(8){animation-delay: .7s;}
.menu_son>li:nth-child(9){animation-delay: .8s;}
.menu_son>li:nth-child(10){animation-delay: .9s;}

.menu_lang{width:120px;position: absolute;right:0;top:0;text-align: right;font-size:0;}
.menu_lang span{display:inline-block;font-size:18px;color:#aaa;line-height:25px;}
.menu_lang span:nth-child(2){margin:0 5px;}
.menu_lang span a{outline:none;color:#aaa;}
.menu_lang span a:hover{color:var(--color_red);}


.menu_weixin{width:120px;position: absolute;right:0;bottom:0;text-align: center;}
.menu_weixin_icon{width:100%;}
.menu_weixin_h{margin:10px auto 0;font-size: 18px;color:#aaa;line-height: 25px;}

.menu_bottom{margin:30px auto 0;}
.menu_bottom span,.menu_bottom a{margin:0 4px;line-height: 25px;font-size: 16px;color:#888;outline: none;text-transform:uppercase;}
.menu_bottom a:hover{color:var(--color_red);}
.menu_bottom span a{margin:0;}
.menu_bottom span img{display: inline-block;width:25px;margin-right: 8px;}

.menu_top_main>*,.menu_body{animation-duration: .5s;animation-delay: 1s;animation-fill-mode: both;}
.header_menu.on .menu_top_main>*,.header_menu.on .menu_body{animation-name: lv-fadeInUp-short;}

.header_menu.on .menu_top_main>.q_logo{animation-delay: .8s;}
.header_menu.on .menu_top_main>.q_menu{animation-delay: .8s;}
.header_menu.on .menu_body{animation-delay: 1s;}
/* header_menu end! */

/* q_banner start! */
.q_banner{width:100%;height:100%;margin:0 auto;}
.q_banner .swiper_banner{height:100%;}
.q_banner .swiper_banner .swiper-wrapper{height:100%;}
.q_banner .swiper_banner .swiper-wrapper .swiper-slide{height:100%;}

.q_banner .swiper_banner .swiper_pagination_banner{bottom:10%;}
.q_banner .swiper_banner .swiper_pagination_banner .swiper-pagination-bullet{width:100px;height:5px;border-radius: 5px;margin:0 5px;
	background-color:var(--white);opacity: 1;
}
.q_banner .swiper_banner .swiper_pagination_banner .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:var(--color_red);opacity: 1;}


.banner_item{width:100%;height:100%;position: relative;}
.banner_item>.img{height:100%;}

.banner_mask{width:100%;height:100%;position: absolute;left:0;top:0;}
.banner_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%);
}
.banner_mask_main{color:var(--white);text-align: center;}
.banner_cn{font-size: 46px;font-weight: 400;line-height: 55px;}
.banner_cn p{width:100%;margin:0 auto;font-size: 46px;font-weight: 400;line-height: 55px;}
.banner_cn span{display: inline-block;width:50px;height:55px;position: relative;}
.banner_cn span:before{content:'';width:3px;height:36px;background-color: var(--white);position: absolute;left:23px;top:22px;}
.banner_en{margin:25px auto 0;font-size: 28px;font-weight: 100;line-height: 35px;text-transform:uppercase;}
.banner_more{margin:50px auto 0;}
.banner_more a{display: inline-block;outline: none;padding:12px 50px;border-radius: 45px;background-color: rgba(255,255,255,.3);}
.banner_more a span{display: inline-block;font-size: 17px;line-height: 25px;height:25px;margin-right:10px;
	vertical-align: middle;color:var(--white);
}
.banner_more a img{display: inline-block;height:25px;}


.banner_mask_main>*{animation-duration: 1s;animation-delay: 1s;animation-fill-mode: both;}
.q_banner .swiper-slide-active .banner_mask_main>*{animation-name: lv-fadeInUp;}
.q_banner .swiper-slide-active .banner_mask_main .banner_cn{animation-delay: .15s;}
.q_banner .swiper-slide-active .banner_mask_main .banner_en{animation-delay: .20s;}
.q_banner .swiper-slide-active .banner_mask_main .banner_more{animation-delay: .25s;}

/* q_banner end! */

/* q_section start! */
.section_title{width:100%;margin:0 auto;color:var(--color_blue);}
.section_title.section_title_white{color:var(--white);}
.section_title .cn{font-size: 35px;font-weight: 700;line-height: 45px;}
.section_title .en{margin:5px auto 0;font-size: 35px;font-weight: 100;line-height: 45px;text-transform: uppercase;}

.title_l{width:80%;float:left;}
.title_r{width:15%;float:right;padding:25px 0 0;text-align: right;}
.title_r>a{outline: none;display: block;width:100%;font-size: 22px;color:#1b252d;line-height: 40px;text-transform: uppercase;vertical-align: middle;}
.title_r>a i{margin-left: 6px;color:var(--color_red);}
.title_r>a:hover{color:var(--color_red);}

/* q_section end! */

/* q_product start! */
.q_product{width:100%;height:100%;position: relative;z-index: 1;}
.product_l,.product_r{width:50%;float:left;height:100%;background-color: var(--white);position: relative;z-index: 2;}
.product_r{background:url('../images/product_r.jpg') no-repeat center center;background-size: cover;}
.product_r_mask{width:100%;padding:0 calc(100% - 800px) 0 18%;position: absolute;left:0;top:18%;z-index: 3;}
.product_swiper{width:100%;height:100%;position: absolute;left:0;top:0;z-index: 5;}
.product_swiper_main{width:100%;height:100%;position: relative;}
.swiper_product{height:100%;}
.swiper_product .swiper-wrapper{height:100%;}
.swiper_product .swiper-wrapper .swiper-slide{height:100%;}
.product_item{width:100%;height:100%;}
.product_item_l,.product_item_r{width:50%;height:100%;float:left;position: relative;}

.product_mask{width:100%;height:100%;position: absolute;left:0;top:0;}
.product_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%);
}

.product_item_l .product_mask_in{top:50%;text-align: center;}
.product_item_r .product_mask{width:100%;height:auto;top:32%;}
.product_item_r .product_mask_in{top:0;position: static;
	transform: translateY(0);
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
}

.product_item_l .product_mask_main{padding:0 18% 0 calc(100% - 800px);}
.product_item_r .product_mask_main{padding:0 calc(100% - 800px) 0 18%;}

.product_item_img{margin:0 auto;max-width: 600px;width:100%;}
.product_item_img .img{padding:83.33% 0 0;}

.product_item_h{margin:3vh auto 0;}
.product_item_h *{color:#282828;font-size: 32px;text-transform:uppercase;line-height: 40px;height:40px;
	overflow:hidden;text-overflow: ellipsis;white-space: nowrap;
}
.product_item_h .en{font-weight: 100;}
.product_item_h .cn{font-weight: 700;}

.product_ul li{margin:50px auto 0;}
.product_li_h{cursor: pointer;}
.product_li_h:after{content:"."; display:block; height:0; visibility:hidden; clear:both;font-size: 0;}
.product_li_icon{width:30px;float:left;}
.product_li_icon img{width:100%;display: block;transition: all 0.5s;}
.product_li_span{width:calc(100% - 36px);float:right;font-size: 22px;color:var(--white);font-weight: 700;line-height: 30px;height:30px;
	overflow:hidden;text-overflow: ellipsis;white-space: nowrap;
}
.product_li_p{padding:25px 36px;border-bottom:3px solid rgba(255,255,255,.1);font-size: 16px;color:var(--white);line-height: 25px;display: none;}
.product_li_p p{width:100%;margin:0 auto;font-size: 16px;color:var(--white);line-height: 25px;}
.product_ul li:nth-of-type(1) .product_li_icon img{transform: rotate(90deg);}
.product_ul li:nth-of-type(1) .product_li_p{display: block;}

.product_pagination{width:100%;position: absolute;left:0;bottom:8%;z-index: 9;}
.product_pagination_half{width:50%;margin:0;}
.swiper_pagination_product{padding:0 10%;text-align: center;}
.swiper_pagination_product .swiper-pagination-bullet{border:1px solid var(--color_red);background-color: rgba(255,255,255,0);opacity: 1;width:10px;height:10px;}
.swiper_pagination_product .swiper-pagination-bullet.swiper-pagination-bullet-active{border:1px solid var(--color_red);background-color:var(--color_red);}

/* q_product end! */

/* q_about start! */
.q_about{width:100%;height:100%;}
.about_half{width:50%;float:left;height:100%;position: relative;background-repeat: no-repeat;background-position: center center;background-size: cover;}
.about_l{background-image: url('../images/about_l.jpg');}
.about_l:before{content:'';width:50%;height:3px;background-color: var(--white);position: absolute;right:0;top:35%;}
.about_r{background-image: url('../images/about_r.jpg');}
.about_r:before{content:'';width:50%;height:3px;background-color: var(--color_blue);position: absolute;left:0;top:35%;}

.about_mask{width:100%;height:100%;position: absolute;left:0;top:0;}
.about_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%);
}

.about_l .about_main{padding:0 50px 0 calc(100% - 800px);}
.about_r .about_main{padding:0 calc(100% - 800px) 0 80px;}
.about_h{text-align:right;font-size: 22px;color:#1b252d;line-height: 30px;text-transform: uppercase;}
.about_p{margin:10vh auto 0;font-size: 22px;color:#1b252d;text-align:justify;line-height: 1.5;}
.about_p p{width:100%;margin:0 auto;font-size: 22px;color:#1b252d;text-align:justify;line-height: 1.5;}
/* q_about end! */

/* q_number start! */
.q_number{margin:15vh auto 0;}
.q_number_main{width:100%;margin:0 auto;}
.q_number_main:after{content:"."; display:block; height:0; visibility:hidden; clear:both;font-size: 0;}
.q_number_item{width:33%;float:left;}
.q_number_body{width:100%;margin:0 auto;}
.q_number_body:after{content:"."; display:block; height:0; visibility:hidden; clear:both;font-size: 0;}
.q_number_icon{width:48px;height:60px;float:left;padding:6px 0;background-repeat: no-repeat;background-position: center center;background-size: 48px 48px;}
.q_number_icon img{width:100%;}
.q_number_item:nth-of-type(1) .q_number_icon{background-image: url('../images/q_number_icon01.png');}
.q_number_item:nth-of-type(2) .q_number_icon{background-image: url('../images/q_number_icon02.png');}
.q_number_item:nth-of-type(3) .q_number_icon{background-image: url('../images/q_number_icon03.png');}
.q_number_txt{width:calc(100% - 65px);height:60px;float:right;display: table;}
.q_number_txt span{display: table-cell;font-size: 18px;color:var(--white);line-height: 25px;vertical-align: middle;}
.q_number_top{margin:10px auto 0;font-size: 0;}
.q_number_top span{display: inline-block;font-size: 50px;line-height:60px;color:var(--white);font-weight: 700;}
.q_number_top .sub{font-size: 25px;vertical-align: baseline;}
/* q_number end! */

/* q_app start! */
.q_app{width:100%;margin:0 auto;height:100%;background:url('../images/q_app.jpg') no-repeat center center;background-size: cover;}
.app_mask{width:100%;height:100%;position: absolute;left:0;top:0;}
.app_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%);
}
.app_list{margin:6vh auto 0;}

.app_list{height:500px;}
.app_item{width:18.8%;float:left;margin:0 2% 0 0;height:100%;position: relative;transition: all .4s;border-radius: 20px;overflow:hidden;}
.app_item:nth-of-type(4n){margin:0;}
.app_item .img{height:100%;}

.app_item_more{width:100%;position: absolute;left:0;bottom:0;padding:0 10% 50px;font-size: 0;text-align:center;}
.app_item_more:after{content:"."; display:block; height:0; visibility:hidden; clear:both;font-size: 0;}
.app_item_more *{line-height: 30px;height:30px;vertical-align: middle;}
.app_item_more span{font-size: 20px;color:var(--white);display:block;}
.app_item_more span a{outline: none;display: block;width:100%;color:var(--white);}
.app_item_more span.txth{width:100%;float:left;}
.app_item_more span.more{width:0;float:right;text-align: right;overflow:hidden;}

.app_item.on{width:37.6%;}
.app_item.on .app_item_more {text-align: left;}
.app_item.on .app_item_more span.more{display: inline-block;}
.app_item.on .app_item_more span.txth{width:calc(100% - 110px);}
.app_item.on .app_item_more span.more{width:100px;}
/* q_app end! */

/* q_news start! */
.q_news{width:100%;margin:0 auto;height:100%;background:url('../images/q_news.jpg') no-repeat center center;background-size: cover;}
.q_news .title_r>a{color:var(--white);}
.news_mask{width:100%;height:100%;position: absolute;left:0;top:0;}
.news_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%);
}
.news_swiper{margin:6vh auto 0;}

.news_item{width:100%;margin:0 auto;border-radius: 16px;overflow:hidden;}
.news_item_img{overflow:hidden;}
.news_item_img .img{padding:57.56% 0 0;}
.news_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);
}
.news_item_txt{padding:40px 30px 50px;background-color: var(--white);}
.news_item_date{font-size: 16px;color:var(--color_blue);line-height: 20px;}
.news_item_h{margin:15px auto 0;}
.news_item_h a{outline: none;display: block;width:100%;font-size: 18px;color:var(--black);line-height: 25px;height:25px;
	overflow:hidden;text-overflow: ellipsis;white-space: nowrap;
}
.news_item_h a:hover{color:var(--color_red);}

.news_buttons{margin:6vh auto 0;text-align: center;font-size: 0;}
.news_button{display: inline-block;margin:0 10px;border:1px solid var(--white);border-radius: 50%;padding:10px;cursor: pointer;}
.news_button:hover{border:1px solid var(--color_red);background-color: var(--color_red);}

/* q_news end! */

/* section animate start! */

/* q_product */
.section.active .product_r_main{animation-name: lv-fadeInDown;}
.section.active .swiper-slide-active .product_item_l .product_mask_main{animation-name: lv-fadeInUp;}
.section.active .swiper-slide-active .product_item_r .product_mask_main{animation-name: lv-fadeInRight;}

/* q_about */
.section.active .about_l .section_title{animation-name: lv-fadeInDown;}
.section.active .about_l .q_number{animation-name: lv-fadeInUp;}
.section.active .about_r .about_h{animation-name: lv-fadeInRight;}
.section.active .about_r .about_p{animation-name: lv-fadeInUp;}

/* q_app */
.section.active .title_l{animation-name: lv-fadeInDown;}
.section.active .title_r{animation-name: lv-fadeInRight;}
.section.active .app_list{animation-name: lv-fadeInUp;}

/* q_news */
.section.active .news_swiper{animation-name: lv-fadeInUp;}

/* section animate end! */



/* q_footer start! */
.q_footer{background-color: var(--white);}
/*body.page_index .q_footer{border-top:1px solid var(--white);}*/
.q_footer a:hover{color:var(--color_red);}
.footer_t{width:100%;margin:0 auto;border-top:7px solid var(--color_red);padding:40px 0;}
.footer_main:after{content:"."; display:block; height:0; visibility:hidden; clear:both;font-size: 0;}
.footer_tt{float:left;border-left: 1px solid #efefef;min-height:240px;}
.footer_tt.footer_t_l{border-left:0;}
.footer_t_l{width:23%;padding-right: 40px;}
.footer_tel{margin:20px auto 0;color:var(--black);}
.footer_tel_h{font-size: 18px;font-weight: 700;line-height: 25px;}
.footer_tel_ul{margin:15px auto 0;}
.footer_tel_ul li{margin:8px auto 0;font-size: 15px;line-height: 25px;}

.footer_t_c{width:56%;padding:0 40px;}
.footer_item{width:19%;float:left;margin:0 1.25% 0 0;}
.footer_item:nth-of-type(5n){margin:0;}
.footer_item_h a{outline: none;display: block;width:100%;font-size: 18px;font-weight: 700;line-height: 25px;color:var(--black);}
.footer_ul{margin:15px auto 0;}
.footer_ul li{margin:10px auto 0;}
.footer_ul li a{outline: none;display: block;width:100%;font-size: 14px;color:#666;line-height: 25px;}

.footer_t_r{width:21%;padding-left: 40px;text-align: right;}

.footer_b{width:100%;margin:0 auto;background-color: #efefef;padding:20px 0;text-align: center;}
.footer_b span,.footer_b a{outline:none;margin:0 4px;line-height: 20px;font-size: 14px;color:#222;}
.footer_b a:hover{color:var(--color_red);}
.footer_b span a{margin:0;}
.footer_b span img{display: inline-block;width:20px;margin-right: 8px;}
/* q_footer end! */

/* nbanner start! */
.nbanner{width:100%;margin:0 auto;position:relative;}
.nbanner .img{padding:31.14% 0 0;}
.nbanner_mask{width:100%;height:100%;position: absolute;left:0;top:0;}
.nbanner_mask_in{width:100%;position: absolute;left:0;top:55%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
}
.nbanner_main{color:var(--white);text-align: center;}
.nbanner_main .cn{font-size: 48px;line-height: 60px;font-weight: 700;}
.nbanner_main .en{margin:5px auto 0; font-size: 28px;line-height: 35px;text-transform:uppercase;}
/* nbanner end! */

/* nnav start! */
.nnav{width:100%;margin:0 auto;border-bottom: 1px solid #e5e5e5;}
.nnav_ul:after{content:"."; display:block; height:0; visibility:hidden; clear:both;font-size: 0;}
.nnav_ul>li{float:left;margin-right:75px;}
.nnav_ul>li>a{outline: none;display: block;width:100%;padding:20px 0;position: relative;}
.nnav_ul>li>a:after{position: absolute;left: 50%;bottom:-1px;content: "";width: 0;height: 1px;background-color:var(--color_red);border-radius:1px;
	-webkit-transition: all 0.5s ease-in-out;
	   -moz-transition: all 0.5s ease-in-out;
	    -ms-transition: all 0.5s ease-in-out;
	     -o-transition: all 0.5s ease-in-out;
	        transition: all 0.5s ease-in-out;
}
.nnav_ul>li.on>a:after,.nnav_ul>li:hover>a:after{width: 100%;transform: translateX(-50%);}
.nnav_ul>li>a>span{display: block;width:100%;font-size: 18px;color:var(--black);line-height: 25px;transition: all .2s;}
.nnav_ul>li.on>a>span,.nnav_ul>li:hover>a>span{color:var(--color_red);}
/* nnav end! */

/* q_main start! */
.q_main{width:100%;margin:0 auto;min-height: 300px;}
/* q_main end! */

/* nabout start! */
.nabout_main{width:100%;margin:0 auto;position: relative;}
.nabout_main:after{content:"."; display:block; height:0; visibility:hidden; clear:both;font-size: 0;}

.ncompany{background:url('../images/ncompany_bg.jpg') no-repeat center bottom;padding:70px 0 90px;}
.ncompany_main{width:58%;float: left;}
.nabout_title{position: relative;}
.nabout_title .en{font-size: 170px;font-weight: 700;text-transform: uppercase;color:rgba(0,0,0,.05);line-height: 170px;}
.nabout_title .cn{width:100%;position: absolute;left:0;top:0;font-size: 42px;color:#1b252d;font-weight: 700;line-height: 170px;}
.ncompany_p{font-size: 16px;color:rgba(0,0,0,.7);line-height: 2.2;text-align:justify;}
.ncompany_p p{width:100%;margin:0 auto;font-size: 16px;color:rgba(0,0,0,.6);line-height: 2.2;text-align:justify;}

.ncompany_img{width:38%;float:right;}
.ncompany_img img{border-radius: 15px;border-top-right-radius: 100px;}
/* nabout end! */

/* nnumber start! */
.nnumber{margin:30px auto 0;}
.nnumber .q_number_txt span{color:var(--black);}
.nnumber .q_number_top span{color:var(--color_blue);}

.nnumber .q_number_item:nth-of-type(1) .q_number_icon{background-image: url('../images/q_number_icon01_red.png');}
.nnumber .q_number_item:nth-of-type(2) .q_number_icon{background-image: url('../images/q_number_icon02_red.png');}
.nnumber .q_number_item:nth-of-type(3) .q_number_icon{background-image: url('../images/q_number_icon03_red.png');}
/* nnumber end! */

/* nculture start! */
.nculture{margin:30px auto 0;}
.nculture_icon{font-size: 0;}
.nculture_title{margin:25px auto 0;font-size: 45px;color:#1b252d;font-weight: 700;line-height: 55px;}
.nculture_list{margin:35px auto 0;}
.nculture_item{width:26%;float:left;position: relative;margin-right:2%;}
.nculture_item_img{width:100%;overflow:hidden;border-radius: 10px;border-top-right-radius: 40px;}
.nculture_item_img .img{padding:54.91% 0 0;}
.nculture_item_mask{width:100%;position: absolute;left:0;top:0;padding:25px 20px 12px;color:var(--white);}
.nculture_item_h{font-size: 19px;line-height: 25px;}
.nculture_item_p{margin:8px auto 0;font-size: 13px;line-height: 20px;}
/* nculture end! */

/* ninnovation start! */
.ninnovation{background:url('../images/ninnovation_bg.jpg') no-repeat center bottom;height:825px;padding:200px 0 0;}
.ninnovation .nabout_title .en{color:rgba(255,255,255,.05);}
.ninnovation .nabout_title .cn{color:var(--white);}
.ninnovation_p{margin:20px 0 0;width:45%;font-size: 17px;color:rgba(255,255,255,.7);line-height: 2.2;text-align: justify;}
.ninnovation_p p{margin:0 auto;width:100%;font-size: 17px;color:rgba(255,255,255,.7);line-height: 2.2;text-align: justify;}
/* ninnovation end! */

/* nfuture start! */
.nfuture{background:url('../images/nfuture_bg.jpg') no-repeat center bottom;height:820px;padding:200px 0 0;}
.nfuture .nabout_title{text-align: right;}
.nfuture .nabout_title .cn{color:var(--color_blue);}
.nfuture_p{margin:30px 0 0;text-align: right;font-size: 17px;color:rgba(0,0,0,.5);line-height: 2.2;}
.nfuture_p p{text-align: right;margin:0 auto;width:100%;font-size: 17px;color:rgba(0,0,0,.5);line-height: 2.2;}
/* nfuture end! */

/* nbusiness start! */
.nbusiness{padding:60px 0 80px;}
.nbusiness .nabout_title{text-align: center;}
.nbusiness_list{margin:35px auto 0;}
.nbusiness_item{width:50%;float:left;position: relative;}
.nbusiness_item_img{width:100%;overflow:hidden;}
.nbusiness_item_img .img{padding:39.625% 0 0;}
.nbusiness_item_main{width: 100%;position: absolute;left:0;top:50%;transform: translateY(-50%);}
.nbusiness_item_body{padding:0 8%;}
.nbusiness_item_body:after{content:"."; display:block; height:0; visibility:hidden; clear:both;font-size: 0;}
.nbusiness_item_icon{width:150px;float:left;}
.nbusiness_item_txt{width:calc(100% - 180px);float:right;height:105px;}
.nbusiness_item_p{width:100%;padding:0;}
.nbusiness_item_p span,.nbusiness_item_p p{width:100%;display: block;font-size: 22px;color:var(--white);line-height: 35px;vertical-align: middle;}

/* nbusiness end! */

/* nproduct start! */
.nproductList_swiper{width:100%;position: relative;}
.nproduct_item{width:100%;position: relative;}
.nproduct_item .img{padding:139.375% 0 0;}
.nproduct_item_mask{width:100%;height:100%;position: absolute;left:0;top:0;}
.nproduct_item_main{padding:50px 10% 0;}

.nproduct_item_num{font-size:42px;font-family: FjallaOne;line-height: 50px;color:var(--color_red);}
.nproduct_item_h{margin:5px auto 0;}
.nproduct_item_h a{outline: none;display: block;width:100%;font-size: 36px;color:var(--white);font-weight: 700;text-transform: uppercase;line-height: 40px;height:40px;
	overflow:hidden;text-overflow: ellipsis;white-space: nowrap;
}
.nproduct_item_icon{margin:25px auto 0;}
.nproduct_item_img{margin:40px auto 0;}
.nproduct_item_img .img{padding:65.38% 0 0;}

.nproduct_item_more{margin:50px auto 0;}
.nproduct_item_more a{outline: none;display: block;width:100%;}
.nproduct_item_more a img{max-width:150px;}

.nproductList_button{width:50px;height:50px;border-radius: 50%;background-color: var(--color_red);padding:10px;
	cursor: pointer;position: absolute;top:50%;transform: translateY(-50%);z-index: 99;
}
.nproductList_button.nproductList_button_prev{left:50px;}
.nproductList_button.nproductList_button_next{right:50px;}

.nproduct_top{padding:50px 0 25px;}
.nproduct_title{text-align: center;font-size:32px;color:var(--black);font-weight: 700;line-height: 40px;}

.nproduct_swiper{margin:60px auto 0;}
.nproduct_swiper>div{height: 540px;}
.nproduct_gallery{width:72%;float:left;/*background-color: #555;*/}
.nproduct_thumb{width:28%;float:right;/*background-color: #888;*/position: relative;padding:70px 0;}

.swiper_nproduct{height:100%;}
.swiper_nproduct .swiper-wrapper{height:100%;}
.swiper_nproduct .swiper-wrapper .swiper-slide{height:100%;}

.nproduct_slide{width:100%;height:100%;padding:10px;}
.nproduct_slide_img{width:100%;height:100%;background-color: #f7f7f7;box-shadow: 0 0 10px #eee;}
.nproduct_slide_img .img{height:100%;}

.swiper_thumb .swiper-slide-active .nproduct_slide .nproduct_slide_img{box-shadow: 0 0 10px #bbb;}

.nproduct_button{text-align: center;font-size: 0;}
.nproduct_button{width:calc(100% - 20px);height:60px;position: absolute;left:10px;background-color: #f7f7f7;cursor: pointer;}
.nproduct_button.nproduct_button_prev{top:10px;}
.nproduct_button.nproduct_button_next{bottom:10px;}
.nproduct_button i{display: inline-block; width:60px;height:60px;font-size: 30px;color:#888;line-height: 60px;}

.nproduct_main{padding:100px 0;}
.tab.nproduct_tab .nproduct_tab_nav{border-bottom: 1px solid var(--color_blue2);font-size: 0;}
.tab.nproduct_tab .nproduct_tab_nav li{background:none;}
.tab.nproduct_tab .nproduct_tab_nav li a{outline: none;display: block;width:100%;border:0;border-radius: 0;cursor: pointer;
	padding:15px 50px;font-size: 25px;color:var(--black);line-height: 35px;
}
.tab.nproduct_tab .nproduct_tab_nav li.active a{background-color: var(--color_blue2);color:var(--white);}

.tab.nproduct_tab .tab-body.nproduct_body{margin:50px auto 0;border:0;padding:0;min-height: 150px;}

.nproduct_body .tab-panel{animation-duration: 1s;animation-delay: 1s;animation-fill-mode: both;}
.nproduct_body .tab-panel.active{animation-name: lv-fadeInUp-short;animation-delay: .2s;}


.nproduct_block{width:100%;font-size: 16px;color:#222;line-height: 2;}
.nproduct_block p{width:100%;margin:0 auto;font-size: 16px;color:#222;line-height: 2;}
.nproduct_block img{display:block;width:auto!important;height:auto!important;margin:0 auto!important;}

/* nproduct end! */

/* npro_contact start! */
.npro_contact{padding:0 0 80px;}
.npro_contact_main{margin:60px auto 0;}
.npro_form{width:48.5%;float:left;}
.npro_tel{width:48.5%;float:right;padding:30px 40px;background-color: #f0f0f0;}
.npro_formes{width:100%;margin:0 auto;}
.npro_formes:after{content:"."; display:block; height:0; visibility:hidden; clear:both;font-size: 0;}
.form-group{width:49%;float:left;margin:0 2% 20px 0;padding:0;}
.form-group:nth-of-type(2n){margin:0 0 20px 0;}
.form-group:nth-of-type(7){width:100%;margin:0 auto 20px;}
.form-group .addon{padding:8px 20px;border-radius: 0;cursor:pointer;}
.form-group .input{padding:8px 12px;border-radius: 0;}
.form-group .input:focus{border:1px solid var(--color_red);}

.form-group.must .input-group:before{content:'*';width:20px;height:20px;line-height:20px;text-align:center;color:var(--color_red);
    position:absolute;left:3px;top:9px;z-index: 9;
}
.form-group.must2 .input{-webkit-appearance: button;cursor:pointer;}
.form-button{text-align: center;}
.form-button .button{border:0;border-radius: 0;background-color: var(--color_red);color:var(--white);padding:8px 50px;}
.npro_tel_ul li{font-size: 14px;color:#555;line-height:30px;}
/* npro_contact end! */

/* nfeature start! */
.nfeature{padding:60px 0 80px;background-color: #f7f7f7;}
.nfeature_list{margin:80px auto 0;}
.nfeature_item{width:32.6%;float:left;margin:0 1.1% 20px 0;border-radius: 15px;overflow:hidden;position: relative;}
.nfeature_item:nth-of-type(3n){margin:0 0 20px 0;}
.nfeature_item a{outline: none;display: block;width:100%;position: relative;}
.nfeature_item .img{padding:72.38% 0 0;}
.nfeature_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);
}
.nfeature_mask{width:100%;padding:15px 25px;text-align: center;background-color: var(--color_blue);position: absolute;left:0;bottom:0;color:var(--white);}
.nfeature_h{font-size: 24px;font-weight: 700;line-height: 32px;height:32px;
	overflow:hidden;text-overflow: ellipsis;white-space: nowrap;
}
.nfeature_p{margin:10px auto 0;font-size: 16px;line-height: 23px;height:23px;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;}

/* nfeature end! */

/* nsolution start! */
.nsolution{padding:80px 0 50px;}
.nsolution_item{width:47.5%;float:left;margin:0 5% 50px 0;}
.nsolution_item:nth-of-type(2n){margin:0 0 50px 0;}
.nsolution_item_img{width:100%;border-radius:15px;overflow:hidden;}
.nsolution_item_img .img{padding:62.56% 0 0;}
.nsolution_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);
}
.nsolution_item_h{padding:30px 0 10px;}
.nsolution_item_h a{outline: none;display: block;width:100%;font-size: 22px;color:#222;line-height: 30px;height:30px;text-align: center;
	overflow:hidden;text-overflow: ellipsis;white-space: nowrap;
}
.nsolution_item_h a:hover{color:var(--color_red);}
/* nsolution end! */

/* nnews start! */
.nnews{padding:80px 0 50px;}
.nnews_item{margin:0 auto 40px;background-color: #f2f2f2;box-shadow: 0 0 5px #ddd;}
.nnews_item:after{content:"."; display:block; height:0; visibility:hidden; clear:both;font-size: 0;}
.nnews_item_img{width:448px;height:290px;float:left;overflow:hidden;}
.nnews_item_img .img{height:100%;}
.nnews_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);
}
.nnews_item_txt{width:calc(100% - 460px);float:right;height:290px;padding:60px;}

.nnews_item_block{width:100%;height:100%;position: relative;padding:30px 20% 0 0;}
.nnews_item_h a{outline: none;display: block;width:100%;font-size: 22px;color:#333;text-align: justify;line-height: 30px;height:30px;
	overflow:hidden;text-overflow: ellipsis;white-space: nowrap;
}
.nnews_item_p{margin:15px auto 0;font-size: 15px;color:#707070;text-align: justify;line-height: 25px;height:50px;
    display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;
}

.nnews_item_date{width:100px;text-align: right;position: absolute;right:0;top:50%;transform: translateY(-50%);height:80px;}
.nnews_item_date>span{display: block;width:100%;color:#666;position: absolute;right:0;}
.nnews_item_date>span:nth-of-type(2){display:none;}
.nnews_item_date>span:nth-of-type(1){font-size: 15px;line-height:30px;height:30px;font-weight: 700;bottom:0;}
.nnews_item_date>span:nth-of-type(3){font-size: 40px;line-height:50px;height:50px;font-weight: 700;font-family: FjallaOne;top:0;}

.nnews_item:hover{background-color: var(--white);}
.nnews_item:hover .nnews_item_h a{color: var(--color_red);}
.nnews_item:hover .nnews_item_date>span{color: var(--color_red);}

.nnews_r{width:30%;float:right;}
.nnews_r_h{font-size: 28px;color:var(--black);font-weight: 700;line-height: 40px;}
.nnews_r_list{width:100%;margin:0 auto;}
.nnews_r_item{margin:30px auto 0;}
.nnews_r_item:after{content:"."; display:block; height:0; visibility:hidden; clear:both;font-size: 0;}
.nnews_r_item_img{width:40%;float:left;overflow:hidden;}
.nnews_r_item_img .img{padding:64.73% 0 0;}
.nnews_r_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);
}

.nnews_r_item_txt{width:55%;float:right;}
.nnews_r_item_h a{outline: none;display: block;width:100%;font-size: 17px;color:#222;font-weight: 700;line-height: 25px;}
.nnews_r_item_h a:hover{color:var(--color_red);}
.nnews_r_item_date{margin:10px auto 0;font-size: 13px;color:var(--black);line-height: 20px;opacity: .5;}

.nnews_l{width:65%;float:left;}
h1.nnews_l_h{font-size: 22px;color:#222;font-weight: 700;line-height: 33px;}
.nnews_l_span{margin:25px auto 0;}
.nnews_l_span span{margin-right: 20px;font-size: 15px;color:#222;line-height: 25px;}

.nnews_l_body{margin:25px auto 0;border-top:1px solid #eee;border-bottom: 3px solid #eee;padding:20px 0 30px;min-height: 300px;
	font-size: 16px;color:#555;line-height: 2;
}
.nnews_l_body p{width:100%;margin:0 auto;font-size: 16px;color:#555;line-height: 2;text-align: justify;}

/* nnews end! */

/* ncontact start! */
.ntel{padding:50px 0 90px;}
.ncontact_title{text-align: center;}
.ncontact_h{font-size: 30px;color:#222;line-height: 40px;}
.ncontact_span{margin:10px auto 0;text-align: center;font-size: 0;}
.ncontact_span span{display: inline-block;width:45px;height:4px;background-color: var(--color_red);}

.ncontact_main{margin:20px auto 0;}
.ncontact_main:after{content:"."; display:block; height:0; visibility:hidden; clear:both;font-size: 0;}
.nmap{width:60%;float:left;height:440px;}

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

.ntel_txt{width:40%;float:right;height:440px;background:#861348 linear-gradient(45deg, #861348 0%, #1e2883 100%);border-top-right-radius: 100px;position: relative;}

.ntel_txt_icon{width:170px;position: absolute;right:50px;bottom:85px;z-index: 1;}

.ntel_txt_main{width:100%;position: absolute;left:0;top:50%;transform: translateY(-50%);padding:30px 150px 30px 50px;z-index: 2;color:var(--white);}
.ntel_txt_h{font-size: 25px;font-weight: 700;line-height: 35px;}
.ntel_txt_ul{margin:20px auto 0;}
.ntel_txt_ul li{font-size: 16px;line-height: 27px;margin:5px auto 0;}


.nmessage{padding:50px 0 75px;background-color: #f1f1f1;}

.nformes{margin:0 auto;background-color: var(--white);padding:50px;}
.nform_div{width:100%;margin:25px auto 0;}
.nform_div:after{content:"."; display:block; height:0; visibility:hidden; clear:both;font-size: 0;}
.nform_block{width:48%;float:left;margin:0 4% 0 0;}
.nform_block:nth-of-type(2n){margin:0;}
.nform_input{padding:10px 20px;border-radius: 5px;border:1px solid #ddd;font-size: 14px;color:#555;line-height: 25px;
	display: block;width:100%;outline: none;background:none;-webkit-appearance: none;
}
.nform_input:focus{border:1px solid var(--color_red);}

input.nform_input::-webkit-input-placeholder {color: #555;font-size: 14px;}
input.nform_input::-moz-placeholder {color: #555;font-size: 14px;}
input.nform_input::-ms-input-placeholder {color: #555;font-size: 14px;}
textarea.nform_input::-webkit-input-placeholder {color: #555;font-size: 14px;}
textarea.nform_input::-moz-placeholder {color: #555;font-size: 14px;}
textarea.nform_input::-ms-input-placeholder {color: #555;font-size: 14px;}

.nform_div_button{text-align: center;}
.nform_input.nform_button{display: inline-block;width:auto;background-color: var(--color_red);color:var(--white);
	font-size: 17px;line-height: 25px;border:0;padding:10px 40px;
}
.nform_input.nform_button:hover{background-color: var(--color_blue);}

/* ncontact end! */

/* njoin start! */
.njoin_top{margin:35px auto 0; padding:60px 0 0;background:url('../images/njoin_top_icon.png') no-repeat top right;background-size: 500px auto;position:relative;}
.njoin_top_main:after{content:"."; display:block; height:0; visibility:hidden; clear:both;font-size: 0;}
.njoin_top_img{width:68.5%;float:left;height: 615px;overflow:hidden;}
.njoin_top_img .img{height:100%;}
.njoin_top_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);
}

.njoin_top_txt{width:28%;float:right;padding:35px 0 0;color:var(--black);}
.njoin_top_span span{display: inline-block;width:80px;height:5px;background-color: var(--color_blue);}
.njoin_top_h{margin:10px auto 0;font-size: 30px;line-height: 55px;}
.njoin_top_p{margin:30px auto 0;font-size: 16px;line-height: 1.6;text-align: justify;opacity: .7;}
.njoin_top_p p{margin:0 auto;font-size: 16px;line-height: 1.6;text-align: justify;opacity: .7;}

.njoin_top_more{width:45%;position: absolute;right:0;bottom:0;background-color: rgba(0,0,0,.1);padding:40px 0 40px 13.6%;}
.njoin_top_more a{outline: none;display: inline-block;padding:15px 40px;background-color: var(--color_red);font-size: 0;color:var(--white);}
.njoin_top_more a span,.njoin_top_more a i{display: inline-block;font-size: 22px;font-style: normal;line-height: 30px;}
.njoin_top_more a i{font-size: 25px;margin-left: 10px;}
.njoin_top_more a:hover{background-color: var(--color_blue);}

.nrecuit{padding:100px 0 75px;}

.tab.nrecuit_tab .nrecuit_tab_nav{font-size: 0;}
.tab.nrecuit_tab .nrecuit_tab_nav li{background:none;margin-right:2px;}
.tab.nrecuit_tab .nrecuit_tab_nav li a{outline: none;display: block;width:100%;border:0;border-radius: 0;cursor: pointer;
	padding:15px 150px;font-size: 25px;background-color: var(--color_blue2);color:var(--white);line-height: 35px;font-weight: 700;
}
.tab.nrecuit_tab .nrecuit_tab_nav li.active a{background-color: var(--color_red);}

.tab.nrecuit_tab .tab-body.nrecuit_body{margin:0 auto;border:0;padding:50px 35px;border: 1px solid #ddd;min-height: 150px;}

.nrecuit_body .tab-panel{animation-duration: 1s;animation-delay: 1s;animation-fill-mode: both;}
.nrecuit_body .tab-panel.active{animation-name: lv-fadeInUp-short;animation-delay: .2s;}

.nrecuit_list{margin:0 auto;}
.nrecuit_item{margin:20px auto 0;background-color: #fafafa;padding:15px 30px;}
.nrecuit_item:nth-of-type(1){margin:0 auto;background-color: #ccc;}
.nrecuit_item:after{content:"."; display:block; height:0; visibility:hidden; clear:both;font-size: 0;}
.nrecuit_item span{display: block;width:12%;float:left;font-size: 15px;color:#555;line-height: 25px;}
.nrecuit_item span a{outline: none;display: block;width:100%;font-size: 15px;color:#555;line-height: 25px;height:25px;
	overflow:hidden;text-overflow: ellipsis;white-space: nowrap;
}
.nrecuit_item span a i{margin-left: 5px;}
.nrecuit_item span a:hover{color:var(--color_red);}
.nrecuit_item span:nth-of-type(1){width:52%;}
.nrecuit_item:nth-of-type(1) span{font-size: 17px;font-weight: 700;line-height: 30px;color:#222;}
.nrecuit_item span:nth-of-type(5){text-align: right;}
/* njoin end! */