@charset "UTF-8";
/* css utf-8 编码声明  下面注释若有必要可自行删除
 */
/* 类名通用加前缀 q_ */
:root{
	--white:#fff;
}
html,body{/*scroll-behavior:smooth;*/}  /* 不使用js只用css实现锚点平滑滚动 */
body {
	width:100%;
	margin:0 auto;
	min-height: 300px;
	background-color: var(--white);
	font-family: Arial,'Noto Sans SC',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;}*/
.main1000{width:1000px;margin:0 auto;}
.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;position: relative;text-align: center;
  -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;
}
.img>img{display:inline-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%);
}
.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;}

section.page1 {width: 100%;top: 0;left: 0;height: 100%;position: absolute;}
section.page2 {width: 100%;left: 0;top: 100%;height:auto;position: absolute;}
@media(max-width: 640px){
section.page1{position: relative;height: auto;}
section.page2 {position: relative;top: 0;}
}


/* q_header start! */
.q_header{width:100%;margin:0 auto;position: fixed;left:0;top:0;z-index: 99;transition: all .3s;background-color:rgba(0,0,0,.6);}
.q_logo{width:220px;float:left;}
.q_logo>a{outline: none;display: block;width:100%;padding:10px 0;}
.q_logo>a>img{height:100px;}

.q_nav{width:calc(100% - 630px);margin-left: 50px;float:left;}
.nav_ul{width:100%;margin:0 auto;text-align: right;font-size: 0;}
.nav_ul>li{display: inline-block;margin-left: 90px;position: relative;}
.nav_ul>li>a{outline: none;display:block;width:100%;padding:35px 0 35px;position: relative;}
.nav_ul>li>a:after{position: absolute;left: 50%;bottom:28px;content: "";width: 0;height: 3px;background-color:var(--green);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;
}
.nav_ul>li.on>a:after,.nav_ul>li.active>a:after,.nav_ul>li:hover>a:after{width:60%;transform: translateX(-50%);}
.nav_ul>li>a>span{display: block;width:100%;font-size:25px;color:var(--white);line-height: 50px;height:50px;text-transform: capitalize;}

.q_icon{width:300px;float:right;padding:38px 0 32px;}
.icon_ul{width:100%;margin:0 auto;text-align: right;font-size: 0;}
.icon_ul>li{display: inline-block;margin-left: 10px;}
.icon_ul>li>a{outline: none;display: block;width:50px;border-radius: 5px;overflow: hidden;}
.icon_ul>li>a>img{width:100%;}

.q_header.q_header_fixed{box-shadow: 0 0 1px var(--dark222);background-color:var(--black);}
/* q_header end! */

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

.banner_slide{width:100%;height:100%;position: relative;}
.banner_slide .img{height:100%;}
.banner_slide_mask{width:100%;height:100%;position: absolute;left:0;top:0;z-index: 2;}
.banner_slide_mask>a{outline: none;display: block;width:100%;height:100%;}

.banner_paginations{width:100%;position: absolute;left: 0;bottom:5%;z-index: 2;}
.banner_pagination{width:100%;margin:0 auto;text-align: center;font-size: 0;}
.banner_pagination .swiper-pagination-bullet{display: inline-block;margin:0 8px;width:20px;height:4px;background-color: var(--white);border-radius: 4px;opacity:0.5;}
.banner_pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{width:30px;opacity: 1;}
/* q_banner end! */

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

/* q_about start! */
.q_about{height:660px;}
.about_l,.about_r{width:50%;float:left;height:100%;}
.about_l{background:url('../images/about_l.jpg') no-repeat right bottom;background-size:cover;}
.about_main{width:100%;padding:90px 35% 10px 65px;}
.about_label{width:100%;margin:0 auto;font-size: 24px;color:var(--greentext);line-height: 1.5;text-transform: capitalize;}
.about_h{width:80%;margin:40px 0 0;font-size:50px;color:var(--dark111);line-height: 1.2;font-weight: 700;}
.about_p{width:100%;margin:35px auto 0;font-size: 16px;color:var(--dark222);line-height: 1.7;}
.about_p p{width:100%;margin:0 auto;font-size: 16px;line-height: 1.7;}
.about_more{width:100%;margin:40px auto 0;}
.about_more a{padding:10px 20px;border-radius: 5px;font-size: 24px;line-height: 1.5;
	outline: none;display: inline-block;border:1px solid var(--greentext);color:var(--greentext);text-transform: uppercase;transition:all 0.2s;
}
.about_more a:hover{background-color: var(--greentext);color:var(--white);}

.about_r{padding:50px 40px;background-color: var(--greenvideo);}
.about_video{width:100%;height:100%;border:1px solid var(--greentext);border-radius: 5px;}
.about_video video{display: block;width:100%;height:100%;}

/* q_about end! */

/* q_strength start! */
.q_strength{height:630px;}
.strength_l,.strength_r{width:50%;float:left;height:100%;}
.strength_l_img{width:100%;height:100%;background:url('../images/strength_l_img.jpg') no-repeat center center;background-size:cover;}
.strength_r{background-color: var(--darkf6f4f1);padding:60px 40px 10px;}
.strength_span{font-size: 0;padding-left:30px;}
.strength_span span{display: inline-block;width:70px;height:3px;background-color: var(--green);}
.strength_h{width:100%;margin:20px auto 0;font-size: 50px;
	color:var(--dark111);line-height: 1.2;text-transform: uppercase;font-weight:700;
}
.strength_p{width:56%;margin:15px 0 0;font-size: 16px;color:var(--dark222);line-height: 1.7;}
.strength_p p{width:100%;margin:0 auto;font-size: 16px;line-height: 1.7;}
.strength_more{width:100%;margin:50px auto 0;}
.strength_more a{padding:12px 40px;border-radius: 5px;font-size: 23px;text-transform: uppercase;line-height: 1.5;
	outline: none;display: inline-block;background-color: var(--green);color:var(--white);
}
.strength_more a i{margin-left: 10px;}
.strength_more a:hover{background-color: var(--greentext);}

/* q_strength end! */

/* strength_number start! */
.strength_number{width:100%;margin:30px auto 0;padding:0;}
.strength_number_main{width:100%;margin:0 auto;padding:0;text-align: center;}
.strength_number_main:after{content:"."; display:block; height:0; visibility:hidden; clear:both;font-size: 0;}
.strength_number_item{width:24%;float:left;padding:0;position:relative;}
.strength_number_item:nth-of-type(2){width:28%;}
.strength_number_icon img{height:86px;}
.strength_number_top{margin:15px auto 0;font-size: 35px;line-height: 50px;color:var(--black);}
.strength_number_top .sub{font-size: 18px;vertical-align: text-bottom;font-weight: normal;}
.strength_number_txt{width:100%;margin:5px auto 0;padding:0;font-size: 19px;line-height: 30px;height:30px;text-transform: capitalize;
	color:var(--dark333);overflow: hidden;text-overflow: ellipsis;white-space: nowrap;
}
/* strength_number end! */

/* q_product start! */
.q_product{padding:60px 0 0;}
.product_title{width:100%;margin:0 auto;}
.product_title_main{width:100%;margin:0 auto;text-align:center;color:var(--dark333);text-transform: capitalize;line-height: 1.5;}
.product_title_main .big{font-size: 60px;line-height: 1.5;}
.product_title_main .small{font-size: 25px;line-height: 1.5;}
.product_title_main .small p{width:100%;margin:0 auto;font-size: 25px;line-height: 1.5;}
.product_main{width:100%;margin:35px auto 0;padding:0 10px;}
.product_list{width:100%;margin:0 auto;}
.product_item{width:49.5%;float:left;margin:0 1% 20px 0;}
.product_item:nth-of-type(2n){margin:0 0 20px 0;}
.product_item .img{padding:63.8% 0 0;}
/* q_product end! */

/* q_quote start! */
.q_quote{padding:100px 0 120px;background-color: var(--darkf3f2f0);}
.quote_main{text-align:center;}
.quote_title{width:66%;margin:0 auto;font-size:54px;color:var(--dark111);line-height:1.3;}
.quote_title p{width:100%;margin:0 auto;font-size:54px;line-height:1.3;}
.quote_more{width:100%;margin:65px auto 0;}
.quote_more a{padding:15px 25px;border-radius: 15px;
	outline: none;display: inline-block;border:1px solid var(--green);
}
.quote_more a span{padding:13px 40px;border-radius: 10px;font-size: 23px;line-height: 1.5;text-transform: uppercase;
	display: block;width:100%;background-color: var(--green);color:var(--white);
}
.quote_more a:hover span{background-color: var(--greentext);}
/* q_quote end! */

/* q_news start! */
.q_news{background-color: var(--darkf3f2f0);padding:15px 0 100px;}
.news_title{width:100%;margin:0 auto;}
.news_title_l{width:70%;float:left;}
.news_title_h{width:100%;margin:0 auto;}
.news_title_h span{font-size: 40px;color:var(--dark111);text-transform: uppercase;line-height: 1.5;
	display: inline-block;position: relative;
}
.news_title_h span:after{content:'';width:80%;height:4px;background-color: var(--green);position: absolute;left:0;bottom:-20px;z-index: 2;}

.news_title_r{width:25%;float:right;padding-top: 15px;}
.news_title_more{width:100%;margin:0 auto;text-align:right;}
.news_title_more a{font-size: 24px;color:var(--darkk111);text-transform: capitalize;line-height: 1.5;
	outline: none;display: inline-block;
}
.news_title_more a i{margin-left: 10px;color:var(--green);}
.news_title_more a:hover{color:var(--green);}

.news_main{width:100%;margin:100px auto 0;}
.news_list{width:100%;margin:0 auto;}
.news_item{width:23.5%;float:left;margin:0 2% 20px 0;border-radius: 10px;overflow: hidden;background-color: var(--white);}
.news_item:nth-of-type(4n){margin:0 0 20px 0;}
.news_item_img{width:100%;margin:0 auto;overflow: hidden;}
.news_item_img .img{padding:85% 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{width:100%;margin:0 auto;padding:25px 20px 20px;}
.news_item_date{font-size: 28px;color:var(--dark111);line-height: 1.5;text-transform: uppercase;}
.news_item_h{margin:20px auto 0;}
.news_item_h a{font-size: 22px;color:var(--dark111);line-height: 30px;height:90px;
	outline: none;display: block;width:100%;text-transform: capitalize;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:3;overflow: hidden;
}

/* q_news end! */

/* q_faq start! */
.q_faq{background-color: var(--darkeee8df);padding:50px 0;}
.faq_title{width:100%;margin:0 auto;font-size: 25px;color:var(--dark111);line-height: 1.5;text-transform: capitalize;}
.faq_list{width:100%;margin:30px auto 0;border-top:1px solid var(--darkdfd0bd);}
.faq_list li{display:block;width:100%;padding:10px 0;border-bottom:1px solid var(--darkdfd0bd);}
.faq_item{width:100%;margin:0 auto;padding:10px 0 10px;}
.faq_item_h{width:100%;margin:0 auto;}
.faq_item_h:after{content:"."; display:block; height:0; visibility:hidden; clear:both;font-size: 0;}

.faq_item_h_l{width:80%;float:left;padding-left: 10px;}
.faq_item_h_l:after{content:"."; display:block; height:0; visibility:hidden; clear:both;font-size: 0;}
.faq_item_h_icon{width:45px;float:left;}
.faq_item_h_span{width:calc(100% - 60px);float:right;font-size: 25px;color:var(--dark111);line-height: 45px;}

.faq_item_h_r{width:15%;float:right;text-align:right;padding-top: 5px;font-size: 0;}
.faq_item_h_arrow{width:35px;height:35px;line-height: 35px;font-size: 24px;
	display: inline-block;text-align: center;color:var(--dark555);cursor: pointer;transition: all 0.3s;
}
.faq_item_p{margin:15px auto 0;padding:20px 30px;border-radius: 5px;font-size:22px;color:var(--dark555);line-height: 1.5;
	width:100%;background-color: var(--white);display: none;
}
.faq_item_p p{width:100%;margin:0 auto;font-size:22px;line-height: 1.5;}

.faq_list>li.on .faq_item_h_arrow{transform:rotate(180deg);}

/* q_faq end! */

/* q_conatct start! */
.q_conatct{background:url('../images/q_conatct_bg.jpg') no-repeat center center;background-size: cover;padding:150px 0 100px;}

.conatct_l{width:44%;float:left;}
.q_message{width:100%;margin:0 auto;background-color: var(--darkfefcf9);padding:25px 30px;}
.form_ul{width:100%;margin:0 auto;}
.form_div{width:100%;margin:15px auto 0;}
.form_div:nth-of-type(1){margin:0 auto;}
.form_div:after{content:"."; display:block; height:0; visibility:hidden; clear:both;font-size: 0;}
.form_item{width:47%;float:left;margin:0 6% 0 0;}
.form_item:nth-of-type(2n){margin:0 0 0 0;}

.form_li{width:100%;margin:0 auto;}
.form_li_label{font-size: 24px;color:var(--dark111);line-height: 1.5;text-transform: capitalize;}
.form_li_input{width:100%;margin:10px auto 0;}
.form_input{padding:10px 25px;font-size: 16px;line-height: 1.5;
	display: block;width:100%;background-color:var(--darkf4f0f0);color:var(--dark555);border:1px solid var(--darkccc);
}

.form_button{padding:10px 15px;font-size: 20px;line-height: 1.5;font-weight: 700;text-transform: uppercase;
	display: block;width:100%;margin:0 auto;background-color: var(--green);color:var(--white);border:0;transition: all .2s;
}
.form_button:hover{background-color: var(--greentext);}

.conatct_r{width:50%;float:right;padding-top: 70px;}
.conatct_txt{width:100%;margin:0 auto;color:var(--white);text-align:center;}
.conatct_h{font-size: 95px;font-weight: 700;line-height: 1.2;}
.conatct_p{width:80%;margin:40px auto 0;font-size: 27px;line-height: 1.3;}
.conatct_p p{width:100%;margin:0 auto;font-size: 27px;line-height: 1.3;}
/* q_conatct end! */

/* q_footer start! */
.q_footer{width:100%;margin:0 auto;background-color: var(--green);padding:50px 0;}
.footer_main{width:100%;margin:0 auto;}
.footer_main:after{content:"."; display:block; height:0; visibility:hidden; clear:both;font-size: 0;}
.footer_l{width:280px;float:left;}
.footer_logos{width:100%;text-align: center;}
.footer_logo img{max-height: 115px;}
.footericons{width:100%;margin:15px auto 0;}
.footericon_ul{width:100%;margin:0 auto;}
.footericon_ul:after{content:"."; display:block; height:0; visibility:hidden; clear:both;font-size: 0;}
.footericon_ul li{width:48px;float:left;margin-left: 10px;}
.footericon_ul li:nth-of-type(1){margin-left:0;}
.footericon_ul li img{border-radius: 5px;}
.footer_r{width:calc(100% - 320px);float:right;padding-top: 50px;}
.footer_list{width:100%;margin:0 auto;}
.footer_item{width:25%;float:left;margin:0 auto;text-align: center;color:var(--white);padding:0 10px;}
.footer_item_icon img{height:62px;}
.footer_item_h{width:100%;margin:30px auto 0;font-size: 25px;line-height: 1.5;}
.footer_item_h a{outline:none;color:var(--white);}
/* q_footer end! */

/* nbanner start! */
.nbanner{width:100%;margin:0 auto;position: relative;}
.nbanner img{width:100%;}
/* nbanner end! */

/* nmain start! */
.nmain{width:100%;margin:0 auto;background-color: var(--darkf3f2f0);min-height: 500px;}
.nmains{width:100%;margin:0 auto;min-height: 400px;padding:60px 0;}
.nmains:after{content:"."; display:block; height:0; visibility:hidden; clear:both;font-size: 0;}
.nmain_title{width:100%;margin:0 auto 60px;text-align:center;}
.nmain_title span{display: inline-block;font-size:25px;color:var(--dark111);position: relative;line-height: 1.5;font-weight: 700;}
.nmain_title span:after{width:30px;height:3px;border-radius: 3px;
	content: '';background-color: var(--green);position: absolute;left:50%;transform: translateX(-50%);bottom:-5px;
}
/* nmain end! */

/* nnews start! */
.nnews_list{width:100%;margin:0  auto;}
.nnews_item{width:23.5%;float:left;margin:0 2% 30px 0;border-radius: 10px;overflow: hidden;background-color: var(--white);}
.nnews_item:nth-of-type(4n){margin:0 0 30px 0;}
/* nnews end! */

/* nnews_show start! */
.nmain_show{width:100%;margin:0 auto;}
.nmain_show_h{width:90%;margin:0 auto;text-align: center;font-size: 24px;color:var(--dark222);line-height: 1.5;text-transform: capitalize;}
.nmain_show_span{width:100%;margin:15px auto 20px;text-align:center;font-size: 0;}
.nmain_show_span span{display: inline-block;margin:0 10px;font-size: 15px;color:var(--dark888);line-height: 1.2;}
.nmain_show_content{width:100%;margin:0 auto;padding:20px 0;font-size: 16px;line-height: 1.5;color:var(--dark555);
	border-top:1px dashed var(--darkdfd0bd);border-bottom:1px dashed var(--darkdfd0bd);
}
.nmain_show_content p{width:100%;margin:0 auto;font-size: 16px;line-height: 1.5;}
.nmain_show_content p img{display:block;width:auto!important;height:auto!important;margin:15px auto!important;}
/* nnews_show end! */


/* q_side start! */
.q_side{width:98px;position: fixed;right:10px;bottom:20%;z-index: 9;}
.side_img{width:100%;margin:0 auto;}
.side_img a{outline: none;display: block;width:100%;position: relative;color:var(--white);}
.side_img_txt{width:350px;border:5px solid var(--white);border-radius: 30px;padding:5px 20px;display: none;
	background-color: var(--greenlight);position: absolute;right:10px;top:50%;transform: translateY(-50%);z-index: -1;
}
.side_img_txt span{display: block;width:100%;font-size:30px;line-height: 46px;text-transform: capitalize;}
@media(max-width: 1720px){
	.q_side{width:90px;}
	.side_img_txt{width:320px;border:5px solid var(--white);border-radius: 30px;padding:5px 20px;}
	.side_img_txt span{font-size:27px;line-height: 42px;}

}
@media(max-width: 1440px){
	.q_side{width:70px;}
	.side_img_txt{width:260px;border:4px solid var(--white);border-radius: 30px;padding:5px 20px;}
	.side_img_txt span{font-size:22px;line-height: 35px;}
}
@media(max-width: 1200px){
	.q_side{width:56px;}
	.side_img_txt{width:210px;border:3px solid var(--white);border-radius: 30px;padding:5px 20px;}
	.side_img_txt span{font-size:18px;line-height: 30px;}

}
@media(max-width: 640px){
	.q_side{width:42px;}
	.side_img_txt{width:180px;border:2px solid var(--white);border-radius: 30px;padding:5px 20px;}
	.side_img_txt span{font-size:15px;line-height: 25px;}
}

/* q_side end! */

/* 锚定位偏移量矫正 start! */
.nmain_offset{margin:-120px auto 0;padding-top:120px;}
@media(max-width: 1440px){
.nmain_offset{margin:-90px auto 0;padding-top:90px;}
}
@media(max-width: 640px){
.nmain_offset{margin:-60px auto 0;padding-top:60px;}
}
/* 锚定位偏移量矫正 end! */

/* 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(--greenlight);}
.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:var(--white);font-size: 12px;}
/* m_footer end! */