@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: 500px;
	font-family: 'Microsoft Yahei',Arial,Verdana,sans-serif;
	font-size: 14px;
	color:#555;
}
ul,li {list-style: none;}
.clearfix {clear:both;}
img {max-width:100%;}
div a {outline: none;}
/* 统一调整字间距以及过渡效果 */
div,a,span,p,ul,li{/*transition: all 0.6s;*/padding:0;margin:0;/*scroll-behavior:smooth;*/}

.main1200{width:100%;max-width:1200px;margin:0 auto;}
.main1500{width:100%;max-width:1500px;margin:0 auto;}
.main1500:after{content:"."; display:block; height:0; visibility:hidden; clear:both;}

@font-face{font-family: 'Oswald';
	src: url('./Oswald-Bold.otf'),
}


/* 电脑端隐藏 */
@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;}
}
/* 返回顶部  结束 */
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_header start! */
.q_header{width:100%;height:100px;margin:0 auto;position: fixed;left:0;top:0;border-bottom: 1px solid rgba(255,255,255,.35);z-index: 9;}
.q_header.q_header_fixed{background-color: #0fae3f;box-shadow: 0 0 5px #53c141;border-bottom: 1px solid #0fae3f;}
.q_header_main{width:100%;margin:0 auto;}
.q_header_main:after{content:"."; display:block; height:0; visibility:hidden; clear:both;}
.q_logo{width:200px;height:100px;float:left;}
.q_logo h1{width:100%;margin:0 auto;font-size: 0;}
.q_logo h1 a{outline: none;display: block;width:100%;}
.q_search{width:50px;height:100px;float:right;text-align: center;cursor: pointer;padding:35px 0 0;}
.q_search i{font-size: 24px;color:#fff;display: block;line-height: 30px;height:30px;}
.q_search_div{width:100%;margin:0 auto;padding:5% 25%;position: fixed;left:left;top:0;background-color: rgba(255,255,255,.95);z-index: 9999999;box-shadow: 0 0 10px #ccc;display: none;}
.q_search_div_main{width:100%;margin:0 auto;padding:0;position: relative;}
.q_search_div_close{width:36px;height:36px;font-size: 20px;cursor: pointer;position: absolute;right:0;top:-65px;}
.q_search_div_close:hover{transform: rotate(180deg);transition: all .5s ease;}
.q_search_div_close::before,.q_search_div_close::after {position: absolute;content: ' ';left: 18px;width: 2px;height: 36px;background-color: #0fae3f;}
.q_search_div_close::before {transform: rotate(45deg);}
.q_search_div_close::after {transform: rotate(-45deg);}
.q_form_search .form-group .addon{background-color:#0fae3f;color:#fff;border: 1px solid #0fae3f;cursor: pointer;}
.q_form_search .form-group .input:focus{border: solid 1px #0fae3f;}

/* q_nav */
.q_nav{width:calc(100% - 360px);height: 100px;float: right;}
.q_nav>li{float:left;margin:0;position: relative;padding:0 15px;}
.q_nav>li>a{outline: none;display: block;width:100%;height:100px;line-height: 100px;font-size: 18px;color:#fff;position: relative;}
.q_nav>li>a>span{display: block;width:100%;height:100%;position: relative;padding:0 15px;}
.q_nav>li>a>span:after{position: absolute;left: 50%;bottom: 0px;content: "";width: 0;height: 2px;border-radius: 2px;
	-webkit-transition: all 0.3s ease-in-out;
	   -moz-transition: all 0.3s ease-in-out;
	    -ms-transition: all 0.3s ease-in-out;
	     -o-transition: all 0.3s ease-in-out;
	        transition: all 0.3s ease-in-out;}
.q_nav>li>a:hover>span:after,.q_nav>li>a.on>span:after{width: 100%;background-color: #fff;transform: translateX(-50%);}

/* q_nav_son */
.q_nav_son{width:100%;position: absolute;top:98px;left:0;padding:0;z-index: 10;background-color: #0fae3f;display: none;box-shadow: 0 2px 3px #53c141;}
.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:8px 10px;font-size: 15px;text-align: center;line-height: 25px;color:#fff;}
.q_nav_son li:hover{background-color: #fff;}
.q_nav_son li:hover a{color:#53c141;}

/* q_header end! */

/* q_banner start! */
.q_banner{width:100%;margin:0 auto;position: relative;}
.q_banner .swiper_banner .swiper_pagination_banner{bottom:5%;}
.q_banner .swiper_banner .swiper_pagination_banner .swiper-pagination-bullet{width:15px;height:15px;background-color: #000;opacity: 0.5;}
.q_banner .swiper_banner .swiper_pagination_banner .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color: #fff;opacity: 1;}
.q_banner .swiper_banner .swiper_button_banner{background:none;width:56px;height:56px;line-height: 56px;margin-top: -28px;font-size: 30px;
  text-align: center;border-radius: 50%;border:1px solid #fff;color:#fff;opacity: 0;transition: all 0.3s;
}
.q_banner .swiper_banner .swiper_button_banner.swiper_button_banner_prev{left:3%;}
.q_banner .swiper_banner .swiper_button_banner.swiper_button_banner_next{right:3%;}
.q_banner:hover .swiper_banner .swiper_button_banner{opacity: 1;}
.q_banner .swiper_banner .swiper-slide a{outline: none;display: block;width:100%;position: relative;}

.q_video_banner{width:100%;z-index: 2;position: absolute;left:0;top:0;}


/* q_banner end! */

/* q_section start! */
.q_section{width:100%;margin:20px auto 0;padding:0;position: relative;}
.q_section_title{width:100%;margin:0 auto;padding:20px 0;}
.q_section_title_main{width:100%;margin:0 auto;}
.q_section_title_main:after{content:"."; display:block; height:0; visibility:hidden; clear:both;}
.q_section_title_h{width:25%;float:left;font-size: 36px;line-height: 45px;height:45px;color:#2b2b2b;font-weight: bold;}
.q_section_title_more{width:40%;float:right;}
.q_section_title_more>a{outline: none;display: block;width:100%;color:#399a48;text-align: right;}
.q_section_title_more_cn{width:100%;margin:0 auto;font-size: 24px;line-height: 30px;}
.q_section_title_more_en{width:100%;margin:0 auto;font-size: 13px;line-height: 20px;color:#c0c0c0;text-transform:uppercase;}

/* q_section end! */

/* q_oem start! */
.q_oem:after{content:"."; display:block; height:0; visibility:hidden; clear:both;}
.q_oem_item{width:calc((100% - 20px) / 2);float:left;position: relative;overflow: hidden;}
.q_oem_item:nth-of-type(2){float:right;}
.q_oem_item>a{outline: none;display: block;width:100%;padding:46% 0 0;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;
}
.q_oem_item:hover>a{
	-moz-transform:scale(1.2,1.2);
	-ms-transform:scale(1.2,1.2);
	-o-transform:scale(1.2,1.2);
	-webkit-transform:scale(1.2,1.2);
	transform:scale(1.2,1.2);
}
.q_oem_item_div_mask{width:100%;height:100%;position: absolute;left:0;top:100%;z-index:2;transition: all .3s;}
.q_oem_item_div_mask>a{width:100%;height:100%;display: block;outline: none;background-color: rgba(5,145,25,.7);color:#fff;text-align: center;position: relative;}
.q_oem_item_div_mask_main{width:100%;position: absolute;left:0;top:50%;padding:0 20px;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
}
.q_oem_item_div_mask_main h3{width:100%;margin:0 auto;font-size: 36px;line-height: 45px;text-transform: uppercase;}
.q_oem_item_div_mask_main p{width:100%;margin:0 auto;font-size: 18px;line-height: 25px;text-transform: uppercase;}

.q_oem_item:hover .q_oem_item_div_mask{top:0;}


.q_oem_mask{width:100%;position: absolute;left:0;bottom:0;text-align: right;z-index: 1;}
.q_oem_mask>a{outline: none;display: block;width:100%;color:#fff;font-size: 0;}
.q_oem_item_span{display: inline-block;padding:15px 30px;}
.q_oem_item_span.q_oem_item_span1{border-left: 1px solid #0fae3f;font-size: 26px;line-height: 30px;color:#0fae3f;font-weight: bold;text-transform: uppercase;}
.q_oem_item_span.q_oem_item_span2{background-color: #0fae3f;}
.q_oem_item_span.q_oem_item_span2 i{font-size: 28px;line-height: 30px;}

/* q_oem end! */

/* q_product start! */
.q_product_main{width:100%;margin:0 auto;}
.q_product_main:after{content:"."; display:block; height:0; visibility:hidden; clear:both;}
.q_product_half{width:50%;float:left;}
.q_product_item{width:100%;margin:0 auto;position: relative;overflow: hidden;}
.q_product_item>a{outline: none;display: block;width:100%;padding:100% 0 0;background-color: #f4f4f4;background-image: linear-gradient(-45deg, #f4f4f4, #d7d7d7);transition: all 0.3s;}
.q_product_half:nth-of-type(2) .q_product_item>a{padding:50% 0 0;}
.q_product_item_title{width:100%;position: absolute;left:0;top:0;color:#2b2b2b;padding:100px 0 0 13%;}
.q_product_item_title_big{width:100%;margin:0 auto;font-size: 28px;line-height: 35px;height:auto;}
.q_product_item_title_small{width:100%;margin:5px auto 0;font-size: 20px;line-height: 25px;height:25px;font-weight: 100;}
.q_product_item_more{width:100%;position: absolute;left:0;bottom:0;color:#2b2b2b;padding:0 0 100px 13%;}
.q_product_item_more .nohover{display: block;}
.q_product_item_more .hover{display: none;}
.q_product_item_img{width:50%;position: absolute;z-index: 3;right:10%;bottom:3%;}
.q_product_item_img>a{outline: none;display: block;width:100%;padding:100% 0 0;background-position: center center;background-size: cover;background-repeat: no-repeat;}
.q_product_half:nth-of-type(2) .q_product_item_img{width:35%;}

.q_product_item:hover>a{background-image:none;background-color: #0fae3f;}
.q_product_item:hover .q_product_item_title{color: #fff;}
.q_product_item:hover .q_product_item_more .nohover{display: none;}
.q_product_item:hover .q_product_item_more .hover{display: block;}

/* q_product end! */

/* q_servies start! */
.q_series_mask{width:100%;height:100%;position: absolute;left:0;top:0;}
.q_series_mask_in{width:100%;position: absolute;left:0;top:50%;padding:0 12%;color:#fff;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
}
.q_series_mask_main{width:100%;margin:0 auto;}
.q_series_mask_top{width:100%;margin:0 auto;font-size: 28px;line-height: 35px;font-weight: bold;text-transform: uppercase;}
.q_series_mask_title{width:100%;margin:40px auto 0;}
.q_series_mask_title_big{width:100%;font-size: 62px;line-height: 70px;font-weight: 100;margin:0 0 0 -10px;}
.q_series_mask_title_big span{font-weight: 700;}
.q_series_mask_title_small{width:100%;margin:0 auto;font-size: 28px;line-height: 35px;text-transform: uppercase;}
.q_series_mask_more{width:100%;margin:100px auto 0;}
.q_series_mask_more a{outline: none;display: inline-block;font-size: 22px;color:#fff;line-height: 25px;}

/* q_servies end! */

/* q_news start! */
.q_news .q_section_title{background-color: #fafafa;}
.q_news_main{width:100%;margin:0 auto;}
.q_news_main:after{content:"."; display:block; height:0; visibility:hidden; clear:both;}
.q_news_item{width:50%;float:left;position: relative;overflow: hidden;}
.q_news_item>a{outline: none;display: block;width:100%;padding:61% 0 0;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;
}
.q_news_item:hover>a{
	-moz-transform:scale(1.1,1.1);
	-ms-transform:scale(1.1,1.1);
	-o-transform:scale(1.1,1.1);
	-webkit-transform:scale(1.1,1.1);
	transform:scale(1.1,1.1);
}
.q_news_item_mask{width:100%;margin:0 auto;position: absolute;left:0;bottom:0;padding:25px 50px;background-color: rgba(0,0,0,.65);transition: all .3s;}
a.q_news_item_mask_main{outline: none;display: block;width:100%;margin:0 auto;}
a.q_news_item_mask_main:after{content:"."; display:block; height:0; visibility:hidden; clear:both;}
.q_news_item_mask_main span{display: block;float:right;width:50px;height:30px;line-height: 30px;text-align: right;font-size: 25px;color:#399a48;}
.q_news_item_mask_main h2{width:calc(100% - 65px);float:left;height:30px;line-height: 30px;font-size: 22px;color:#fff;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.q_news_item:hover .q_news_item_mask{background-color: rgba(5,149,25,.8);}
.q_news_item:hover .q_news_item_mask_main span{color: #fff;}

.q_video_mask{width:100%;height:100%;position: absolute;left:0;top:0;cursor: pointer;}
.q_video_mask_in{width:100%;position: absolute;left:0;top:50%;text-align: center;padding:0 20px;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
}

.q_video_mask video{width:100%;height:100%;}

/* q_news_list */
.q_news_ul{width:100%;margin:0 auto;}
.q_news_ul:after{content:"."; display:block; height:0; visibility:hidden; clear:both;}
.q_news_li{width:25%;float:left;margin:0 auto;position: relative;padding:30px 50px;background-color: #f4f4f4;background-image: linear-gradient(-45deg, #fafafa, #e3e3e3);}
.q_news_li:nth-of-type(2n){background-color: #eaeaea;background-image: linear-gradient(-45deg, #f5f5f5, #d7d7d7);}
.q_news_li_main{width:100%;margin:0 auto;}
.q_news_li_h{width:100%;margin:0 auto;}
.q_news_li_h a{outline: none;display: block;width:100%;font-size: 17px;color:#1f1f1f;line-height: 27px;height:54px;
	display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;
}
.q_news_li_date{width:100%;margin:40px auto 0;font-size: 15px;color:#757575;line-height: 20px;height:20px;}
.q_news_li_more{width:50px;height:45px;position: absolute;right:0;bottom:0;background-color: #0fae3f;}
.q_news_li_more a{outline: none;display: block;width:100%;height:45px;line-height: 45px;background-color: #0fae3f;color:#fff;text-align: center;font-size: 25px;}
.q_news_li:hover .q_news_li_h a{color: #0fae3f;}
/* q_news end! */

/* q_sort start! */
.q_sort_main{width:100%;margin:0 auto;}
.parts-w {width: 100%;height: 750px;display: flex;flex-direction: row;justify-content: center;align-items: center;}
.parts-w .col {width: calc(100% / 9);height: 100%;position: relative;transition: width 0.4s;cursor: pointer;padding: 72px 0 52px;display: flex;
	flex-direction: column;justify-content: space-between;align-items: center;overflow: hidden;
}
.parts-w .col .tp {display: flex;flex-direction: column;justify-content: flex-start;align-items: center;}
.parts-w .col .tp .tt {font-size: 20px;line-height: 33px;font-weight: bold;margin-bottom: 10px;white-space: nowrap;text-align: center;}
.parts-w .col .tp .tt .zh{display: inline-block;}
.parts-w .col .tp .stt {font-size: 13px;line-height: 17px;text-align: center;}
.parts-w .col .tp .stt .zh{display: inline-block;}
.parts-w .col .op {width: 47px;height: 47px;display: flex;flex-direction: row;justify-content: center;align-items: center;}
.parts-w .col .op .o {height: 16px;}
.parts-w .col .op .h {height: 13px;display: none;}
.parts-w .col .part-img {position: absolute;left: 56px;bottom: 100px;height: 400px;transition: all 0.4s;}
.parts-w .col .part-img.not-so-left {left: 0;}
.parts-w .col:nth-child(2n) {background-image: linear-gradient(180deg, #dbdbdb, #dbdbdb);}
.parts-w .col:nth-child(2n+1) {background-image: linear-gradient(180deg, #ededed, #dbdbdb);}
.parts-w .col.collapse {width: calc(100% / 10);}
.parts-w .col.expand {width: calc(100% / 5);background-image: none;background-color: #0fae3f;}
.parts-w .col.expand .tp {color: #fff;}
.parts-w .col.expand .op {background-color: #fff;}
.parts-w .col.expand .op .o {display: none;}
.parts-w .col.expand .op .h {display: inline-block;}
.parts-w .col.expand .part-img {left: 0;right: 0;margin: 0 auto;}

/* q_sort end! */

/* q_message start! */
.q_message{padding:100px 0;background:url('../images/q_message_bg.jpg') no-repeat top center;color:#fff;}
.q_message_main{width:100%;margin:0 auto;}
.q_message_top{width:100%;margin:0 auto;font-size: 38px;line-height: 45px;font-weight: bold;}
.q_message_h{width:100%;margin:50px auto 0;}
.q_message_h_cn{width:100%;margin:0 auto;font-size: 50px;line-height: 55px;font-weight: bold;}
.q_message_h_en{width:100%;margin:5px auto 0;font-size: 17px;line-height: 24px;font-weight: 100;text-transform: uppercase;}
.q_message_nav{width:100%;margin:20px auto 0;font-size: 22px;line-height: 30px;}
.q_form{width:100%;margin:50px auto 0;}
.q_form:after{content:"."; display:block; height:0; visibility:hidden; clear:both;}
.q_form .q_form_div{width:calc((100% - 175px) / 3);float:left;margin:0 10px 0 0;}
.q_form .q_form_div .form-group{width:100%;margin:0 auto;padding:0;}
.q_form .form-group .addon{background-color: #399a48;color:#fff;border: solid 1px #399a48;border-radius: 0;}
.q_form .form-group .input{border-radius: 0;background-color: #fff;border: solid 1px #fff;box-shadow:0 0 0 #fff;padding: 6px 12px;}
.q_form .form-group .input:focus{border: solid 1px #399a48;}
.q_form .form-button{text-align: center;margin:20px auto 0;padding:0;}
.q_form .form-button .button{display:block;width:145px;float:right; padding:4px 35px;font-size: 16px;line-height: 23px;letter-spacing: 1px;border-radius:0;
	background-color: #399a48;color:#fff;border: solid 1px #399a48;
}
/* q_message end! */

/* q_footer start! */
.q_footer{width:100%;margin:10px auto 0;background-color: #eaeaea;}
.q_footer_main{width:100%;margin:0 auto;}
.q_footer_main:after{content:"."; display:block; height:0; visibility:hidden; clear:both;}
/* q_footer_t */
.q_footer_t{width:100%;margin:0 auto;padding:50px 0;}
.q_footer_t a{outline: none;color:#474747;}
.q_footer_t a:hover{color:#399a48;}
.q_footer_item{width:15%;float:left;}
.q_footer_item:nth-of-type(2){width:25%;}
.q_footer_item_h{width:100%;margin:0 auto;}
.q_footer_item_h a{outline: none;display: block;width:100%;margin:0 auto;font-size: 20px;line-height: 25px;font-weight: bold;}
.q_footer_ul{width:100%;margin:10px auto 0;}
.q_footer_ul:after{content:"."; display:block; height:0; visibility:hidden; clear:both;}
.q_footer_ul>li{width:100%;margin:0 auto;}
.q_footer_ul>li>a{outline: none;display: block;width:100%;margin:0 auto;font-size: 14px;line-height: 33px;}
.q_footer_item:nth-of-type(2) .q_footer_ul>li{width:30%;float:left;}
/* q_footer_c */
.q_footer_h{width:100%;margin:0 auto;}
.q_footer_h a{outline: none;display: block;width:100%;margin:0 auto;font-size: 20px;line-height: 25px;font-weight: bold;}
.q_footer_c{width:100%;margin:0 auto;border-top:1px solid #bbb;padding:25px 0 40px;}
.q_footer_c_body{width:100%;margin:25px auto 0;}
.q_footer_c_body:after{content:"."; display:block; height:0; visibility:hidden; clear:both;}
.q_footer_c_img{width:10%;float:right;text-align: right;}
.q_footer_c_txt{width:85%;float:left;}
.q_footer_c_txt_div{width:100%;margin:0 auto;}
.q_footer_c_txt_div:after{content:"."; display:block; height:0; visibility:hidden; clear:both;}
.q_footer_c_item{width:100%;margin:0 auto 10px;font-size: 14px;}
.q_footer_c_item:after{content:"."; display:block; height:0; visibility:hidden; clear:both;}
.q_footer_c_item_icon{width:20px;float:left;}
.q_footer_c_item_p{width:calc(100% - 25px);float:right;height:20px;line-height: 20px;overflow: hidden;text-overflow: ellipsis;white-space:nowrap;}
.q_footer_c_item_p span{color:#333;font-weight: bold;}

.q_footer_c_weixin{width:100%;margin:25px auto 0;padding:0;}
.q_footer_c_weixin span{display: inline-block;width:35px;height:35px;margin:0 5px 0 0;position: relative;}
.q_footer_c_weixin span a{outline: none;display: block;width:35px;height:35px;line-height: 35px;border-radius: 50%;background-color: #fff;color:#177ac6;font-size: 18px;text-align: center;}
.q_footer_weixin_div{width:104px;position: absolute;top:-125px;left:-55px;display: none;}

/* q_footer_b */
.q_footer_b{width:100%;margin:0 auto;padding:15px 0;background-color: #555;}
.q_footer_b .main1500:after{content:""; display:block; height:0; visibility:hidden; clear:both;}
.q_footer_b_r{width:15%;float:right;text-align: right;font-size: 0;}
.q_footer_b_l{width:80%;float:left;font-size: 0;}
.q_footer_b span,.q_footer_b a{margin:0 2px;line-height: 20px;font-size: 12px;color:#aaa;outline: none;}
.q_footer_b a:hover{color:#399a48;}
.q_footer_b span a{margin:0;}

/* q_footer end! */

/* q_banner_mask start! */
.q_banner_mask{width:100%;height:100%;position: absolute;left:0;top:0;}
.q_banner_mask_in{width:100%;position: absolute;left:0;top:50%;color:#fff;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
}
.q_banner_h{width:100%;margin:0 auto;font-size: 50px;line-height: 55px;font-weight: 700;}
.q_banner_h_en{width:100%;margin:10px auto 0;font-size: 24px;line-height: 30px;font-weight: 100;text-transform:uppercase;}
.q_banner_span{width:100%;margin:10px auto;}
.q_banner_span span{display: inline-block;width:50px;height:4px;background-color: #fff;}
.q_banner_p{width:100%;margin:0 auto;font-size: 35px;line-height: 40px;font-weight: 100;}
/* q_banner_mask end! */

/* q_main start! */
.q_main{width:100%;margin:0 auto;position: relative;min-height: 400px;}
.q_div{width:100%;margin:0 auto;position: relative;}
.q_div:after{content:""; display:block; height:0; visibility:hidden; clear:both;}
.q_mask{width:100%;height:100%;position: absolute;left:0;top:0;}
.q_mask_in{width:100%;position: absolute;left:0;top:50%;padding:0 25px;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
}

/* q_main end! */

/* q_about start! */
/* q_about_top */
.q_about_top{width:100%;padding:50px 0 200px;background:url('../images/q_about_top_bg.jpg') no-repeat top center;}

.q_about_title{width:100%;margin:0 auto;font-size: 90px;color:#006e22;font-weight: bold;line-height: 85px;text-transform:uppercase;opacity:.8;}
.q_about_title span{display: block;width:100%;}

.q_about_top_l{width:56%;float:left;padding:30px 0 0;}
.q_about_top_l p{width:100%;margin:0 auto;font-size: 15px;line-height: 2.5;color:#1f1f1f;text-align: justify;}

.q_about_top_r{width:40%;float: right;}
/* q_number */
.q_number_main{width:100%;margin:0 auto;padding:0;}
.q_number_main:after{content:"."; display:block; height:0; visibility:hidden; clear:both;}
.q_number_item{width:50%;float:left;padding:20px 20px;text-align: center;position: relative;}
.q_number_item:after{content:'';width:1px;height: 60%;background-color: #aaa;position: absolute;left:100%;top:20%;}
.q_number_item:nth-of-type(2n):after{content:'';width:0;}
.q_number_top{font-size: 50px;line-height: 60px;color:#006e22;font-weight: bold;}
.q_number_top .sub{font-size: 22px;vertical-align: text-top;font-weight: normal;color:#006e22;}
.q_number_txt{width:100%;margin:15px auto 0;padding:0;font-size: 22px;color:#2e2e2e;line-height: 30px;height:60px;}

/* q_about_culture */
.q_culture{width:100%;margin:0 auto;padding:120px 0;background:url('../images/q_about_culture_bg.jpg') no-repeat top center;color:#fff;}
.q_culture_main{width:100%;margin:0 auto;position: relative;}
.q_culture_main .q_about_title{position: absolute;right:0;bottom:0;text-align: right;opacity: .5;}
.q_culture_title{width:100%;margin:0 auto;font-size: 54px;font-weight: bold;line-height: 60px;}
.q_culture_list{width:60%;margin:80px 0 0;}
.q_culture_li{width:100%;margin:0 auto;padding:10px 0;border-bottom: 1px solid rgba(255,255,255,.5);}
.q_culture_h{width:100%;margin:0 auto;padding:0;font-size: 22px;line-height: 30px;}
.q_culture_p{width:100%;margin:0 auto;padding:0;font-size: 16px;line-height: 30px;color:#eee;}

/* q_event */
.q_event{width:100%;margin:0 auto;padding:80px 0 0;background:url('../images/q_event_bg.jpg') no-repeat top center;color:#3abd5a;}
.q_event .q_about_title{position: absolute;right:0;bottom:0;text-align: right;opacity: 0.7;}
.q_event_h{width:100%;margin:0 auto;text-align: center;font-size: 90px;line-height: 95px;font-family: 'Oswald';font-weight: bold;}
.q_event_h span{width:100%;margin:0 auto;text-align: center;font-size: 33px;line-height: 95px;font-family: '微软雅黑';font-weight: bold;text-transform: uppercase;opacity: .5;margin-right: 10px;}

.q_event_main{width:100%;margin:0 auto;padding:0 0 80px;position: relative;min-height: 300px;}
.q_event_main_verticle{width:1px;height:calc(100% - 60px);background-color: #18b23e;position: absolute;top:0;left:50%;}
.q_event_disc{width:9px;height:9px;background-color: #18b23e;border-radius: 50%;position: absolute;left:calc(50% - 4px);}
.q_event_disc.q_event_disc_t{top:0;}
.q_event_disc.q_event_disc_b{bottom:60px;}
.q_event_list{width:100%;margin:0 auto;padding:30px 0;}
.q_event_item{width:calc((100% - 80px) / 2);float:left;position: relative;padding:0;}
.q_event_item:after{content:"."; display:block; height:0; visibility:hidden; clear:both;}
.q_event_item:before{content:'';width:17px;height:17px;background-color: #18b23e;border-radius: 50%;position: absolute;left:calc(100% + 32px);top:25px;}
.q_event_item_span{width:30px;height:1px;background-color: #18b23e;position: absolute;left:calc(100% + 10px);top:34px;}
.q_event_item_date{width:200px;float:right;text-align:right;font-size: 36px;color:#18b23e;font-family: 'Oswald';font-weight: bold;opacity: .8;}
.q_event_item_ul{width:calc(100% - 200px);float:right;text-align:right;position: relative;}
.q_event_item_ul:after{content:'';width:100%;height:1px;background-color:rgba(255,255,255,.8);position: absolute;left:0;top:calc(100% + 30px);}
.q_event_item_ul>li{width:100%;font-size: 16px;line-height: 25px;color:#006e22;position: relative;}
.q_event_item_ul>li:after{content:'';width:7px;height:7px;background-color: #006e22;border-radius: 50%;position: absolute;left:calc(100% + 10px);top:9px;}

.q_event_list .q_div:nth-of-type(2n) .q_event_item{float:right;}
.q_event_list .q_div:nth-of-type(2n) .q_event_item:before{left:-48px;}
.q_event_list .q_div:nth-of-type(2n) .q_event_item_span{left:-40px;}
.q_event_list .q_div:nth-of-type(2n) .q_event_item_date{float:left;text-align:left;}
.q_event_list .q_div:nth-of-type(2n) .q_event_item_ul{float:left;text-align:left;}
.q_event_list .q_div:nth-of-type(2n) .q_event_item_ul>li:after{left:-15px;}

/* q_honor */
.q_honor{width:100%;margin:0 auto;padding:100px 0 0;background:url('../images/q_honor_bg.jpg') no-repeat top center;color:#fff;}
.q_honor .q_honor_h{color:#fff;}
.q_honor .q_about_title{width:100%;position: absolute;right:0;bottom:0;text-align: right;color:#fff;}
.q_honor .q_div{padding:0 0 240px;}
.q_honor_h{width:100%;margin:0 auto;font-size: 55px;color:#006e22;line-height: 65px;font-weight: bold;}
.q_honor_list{width:50%;margin:60px 0 0;padding:0;}
.q_honor_list:after{content:"."; display:block; height:0; visibility:hidden; clear:both;}
.q_honor_item{width:23.5%;float:left;margin:0 2% 20px 0;position: relative;overflow: hidden;}
.q_honor_item:nth-of-type(4n){margin:0 0 20px 0;}
.q_honor_item>a{outline: none;display: block;width:100%;padding:67% 0 0;background-position: center center;background-size: cover;background-repeat: no-repeat;}
/* q_about end! */

/* q_position start! */
.q_position{width:100%;margin:0 auto;padding:15px 0;background-color: #ebebeb;}
.q_position_main{width:100%;margin:0 auto;padding:0;}
.q_position_main:after{content:"."; display:block; height:0; visibility:hidden; clear:both;}
.q_position_title{width:35%;float:right;padding:0;font-size: 18px;line-height: 40px;text-align: right;}
.q_position_title a{outline: none;display: block;width:100%;color:#333;}
.q_position_title i{color:#006e22;margin-left: 5px;}
.q_position_txt{width:55%;float:left;color:#666;line-height: 40px;height:40px;font-size: 16px;letter-spacing: 1px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.q_position_txt a{outline: none;color:#666;}
.q_position_txt a:hover{color:#006e22;}
/* q_position end! */

/* q_n_nav start! */
.q_n_nav{width:100%;margin:0 auto;padding:45px 0 35px;}
.q_n_nav ul{width:100%;margin:0 auto;font-size: 0;}
.q_n_nav ul>li{display: inline-block;margin:0 2px 10px;}
.q_n_nav ul>li>a{outline: none;display:block;width:100%;background-color: #3fad60;font-size: 18px;text-align: center;line-height: 30px;padding:10px 35px;color:#fff;}
.q_n_nav ul>li>a:hover,.q_n_nav ul>li>a.on{background-color: #006e22;}
/* q_n_nav end! */

/* q_n_product start! */
.q_n_product_list{width:100%;margin:0 auto;}
.q_n_product_list:after{content:"."; display:block; height:0; visibility:hidden; clear:both;}
.q_n_product_list .q_product_item{width:calc((100% - 2px) / 3);float:left;margin:0 1px 1px 0;position: relative;overflow: hidden;border:1px solid #ddd;}
.q_n_product_list .q_product_item:nth-of-type(3n){margin:0 0 1px 0;}
.q_n_product_list .q_product_item:hover{border:1px solid #0fae3f;}
.q_n_product_list .q_product_item_img{width:45%;}
.q_n_product_list .q_product_item_img>a{padding:160% 0 0;}

/* q_n_product_show */
.q_n_product_t{width:100%;margin:0 auto;}
.q_n_product_t:after{content:"."; display:block; height:0; visibility:hidden; clear:both;}
.q_n_half{width:50%;float:left;background-color: #f4f4f4;background-image: linear-gradient(-45deg, #f4f4f4, #d7d7d7);padding:80px 80px 0;height:600px;}
.q_n_half.q_n_product_t_img{padding:80px 80px 0 80px;}
.q_n_half.q_n_product_t_txt{background-image:none;background-color: #399a48;color:#fff;padding:80px 0 0 100px;}
.q_n_product_t_img{text-align: center;}
.q_n_product_t_txt_h{width:85%;margin:0;}
.q_n_product_t_txt_h_big{width:100%;margin:0 auto;font-size: 30px;line-height: 36px;}
.q_n_product_t_txt_h_small{width:100%;margin:5px auto 0;font-size: 20px;line-height: 25px;font-weight: 100;}
.q_n_product_t_txt_line{width:100%;height:1px;margin:40px auto;background-color: #fff;}
.q_n_product_t_txt_ul{width:100%;margin:0 auto;padding:0 50px 0 0;}
.q_n_product_t_txt_ul ul{width:100%;margin:0 auto;}
.q_n_product_t_txt_ul ul>li{width:100%;margin:0 auto;font-size: 16px;line-height: 2;text-align: justify;list-style: disc;font-weight: 100;list-style-position:inside;}
/* q_n_product_body */
.q_n_product_body{width:100%;margin:60px auto 0;min-height: 360px;}
.q_n_product_body_title{width:100%;margin:0 auto;padding:0 0 20px;border-bottom: 1px solid #ccc;}
.q_n_product_body_title span{display: inline-block;padding:0 65px;font-size: 28px;line-height: 36px;color:#0fae3f;position: relative;}
.q_n_product_body_title span:after{content:'';width:100%;height:3px;background-color: #0fae3f;position: absolute;left:0;bottom:-21px;}
.q_n_product_content{width:100%;margin:0 auto;padding:60px 35px 50px;min-height: 300px;font-size: 16px;line-height: 2.2;border-bottom: 1px solid #ccc;}
.q_n_product_content p{width:100%;margin:0 auto;font-size: 16px;line-height: 2.2;text-align: justify;}
/* q_n_product end! */

/* q_relation start! */
.q_relation{width:100%;margin:0 auto;padding:25px 0 30px;}
.q_relation_h{width:100%;margin:0 auto;}
.q_relation_h span{display: inline-block;padding:10px 50px;font-size: 18px;line-height: 25px;color:#fff;background-color: #0fae3f;}
.q_relation_list{width:100%;margin:30px auto 0;}
.q_relation_list:after{content:"."; display:block; height:0; visibility:hidden; clear:both;}
.q_relation_item{width:31%;float:left;margin:0 3.5% 0 0;}
.q_relation_item:nth-of-type(3){margin:0;}
.q_relation_item_img{width:100%;margin:0 auto;position: relative;overflow: hidden;background-image: linear-gradient(180deg, #ededed, #dbdbdb);border:1px solid #ccc;padding:50px 25%;}
.q_relation_item_img a{outline: none;display: block;width:100%;padding:160% 0 0;background-position: center center;background-size: cover;background-repeat: no-repeat;}
.q_relation_item_txt{width:100%;margin:0 auto;padding:25px 0;border-bottom: 1px solid #ccc;}
.q_relation_item_txt>a{outline: none;display: block;width:100%;text-align: center;color:#333;font-size: 22px;line-height: 25px;height:25px;
	overflow: hidden;text-overflow: ellipsis;white-space: nowrap;
}
.q_relation_item:hover .q_relation_item_img{background-image: none;background-color: #0fae3f;border:1px solid #0fae3f;}
.q_relation_item:hover .q_relation_item_txt{border-bottom: 1px solid #0fae3f;}
.q_relation_item:hover .q_relation_item_txt>a{color: #0fae3f;}
/* q_relation end! */

/* q_n_case start! */
.q_n_case_list{width:100%;margin:0 auto;}
.q_n_case_list:after{content:"."; display:block; height:0; visibility:hidden; clear:both;}
.q_case_item{width:23.5%;float:left;margin:0 2% 0 0;text-align:center;}
.q_case_item:nth-of-type(4){margin:0;}
.q_case_item_img{width:100%;margin:0 auto;overflow:hidden;}
.q_case_item_img .img{padding:66% 0 0;}
.q_case_item_h{width:100%;margin:0 auto;padding:25px 5%;}
.q_case_item_h a{outline: none;display: block;width:100%;margin:0 auto;color:#333;font-size: 16px;line-height: 25px;height:25px;
	overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
/* q_n_case end! */

/* q_n_news start! */
.q_n_news_t{width:100%;margin:0 auto;}
.q_n_news_t:after{content:"."; display:block; height:0; visibility:hidden; clear:both;}
.q_n_news_t_img{width:880px;height:600px;float:left;overflow: hidden;position: relative;}
.q_n_news_t_img>a{display: block;outline: none; width:100%;height:100%;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;
}
.q_n_news_t:hover .q_n_news_t_img>a{
	-moz-transform:scale(1.2,1.2);
	-ms-transform:scale(1.2,1.2);
	-o-transform:scale(1.2,1.2);
	-webkit-transform:scale(1.2,1.2);
	transform:scale(1.2,1.2);
}
.q_n_news_t_txt{width:calc(100% - 880px);height:600px;float:right;background-color: #f1f1f1;padding:90px 0 0 70px;color:#444;}

.q_n_news_t_txt_h{width:85%;margin:0;}
.q_n_news_t_txt_h_big{width:100%;margin:0 auto;font-size: 22px;line-height: 30px;}
.q_n_news_t_txt_h_big a{outline: none;display: block;width:100%;color:#333;}
.q_n_news_t_txt_h_date{width:100%;margin:5px auto 0;font-size: 20px;line-height: 25px;font-weight: 100;}
.q_n_news_t_txt_line{width:100%;height:1px;margin:30px auto 0;background-color: #ccc;}
.q_n_news_t_txt_p{width:90%;margin:60px 0 0;font-size: 16px;color:#212121;line-height: 2.3;text-align: justify;}
.q_n_news_t_txt_more{width:100%;margin:30px auto 0;}
.q_n_news_t_txt_more>a{display: inline-block;padding:5px 15px;color:#fff;font-size: 16px;background-color: #0fae3f;line-height: 20px;}
.q_n_news_t_txt_more>a:hover{background-color: #006e22;}
/* q_n_news_list */
.q_n_news_list{width:100%;margin:30px auto 0;}
.q_n_news_item{width:100%;padding:20px 45px;border-bottom: 1px solid #ccc;}
.q_n_news_item:after{content:"."; display:block; height:0; visibility:hidden; clear:both;}
.q_n_news_item:first-child{border-top: 1px solid #ccc;}
.q_n_news_item_img{width:327px;height:214px;float:left;overflow: hidden;position: relative;}
.q_n_news_item_img>a{outline: none;display: block;width:100%;height:100%;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;
}
.q_n_news_item:hover .q_n_news_item_img>a{
	-moz-transform:scale(1.2,1.2);
	-ms-transform:scale(1.2,1.2);
	-o-transform:scale(1.2,1.2);
	-webkit-transform:scale(1.2,1.2);
	transform:scale(1.2,1.2);
}

.q_n_news_item_txt{width:calc(100% - 400px);height:214px;float:right;padding:15px 0 0;}

.q_n_news_item_txt_h{width:100%;margin:0 auto;}
.q_n_news_item_txt_h>a{outline: none;display: block;width:100%;margin:0 auto;font-size: 22px;line-height: 30px;line-height: 30px;color:#333;
	overflow: hidden;text-overflow: ellipsis;white-space: nowrap;
}
.q_n_news_item_txt_date{width:100%;margin:5px auto 0;font-size: 16px;line-height: 25px;font-weight: 100;}
.q_n_news_item_txt_p{width:100%;margin:10px 0 0;font-size: 16px;color:#212121;line-height:30px;height:60px;text-align: justify;
    display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow: hidden;
}
.q_n_news_item_txt_more{width:100%;margin:20px auto 0;}
.q_n_news_item_txt_more>a{display: inline-block;padding:5px 15px;color:#fff;font-size: 16px;background-color: #0fae3f;line-height: 20px;}

.q_n_news_item:hover{background-color: #0fae3f;}
.q_n_news_item:hover .q_n_news_item_txt_h>a{color: #fff;}
.q_n_news_item:hover .q_n_news_item_txt_date{color: #fff;}
.q_n_news_item:hover .q_n_news_item_txt_p{color: #fff;}
.q_n_news_item:hover .q_n_news_item_txt_more>a{background-color: #fff;color: #0fae3f;}

/* q_n_news_main */
.q_n_news_main{width:100%;margin:0 auto;padding:90px 100px 40px;background-color: #f1f1f1;}
.q_n_news_h{width:85%;margin:0 auto;text-align: center;font-size: 28px;color:#212121;line-height: 35px;}
.q_n_news_date{width:100%;margin:10px auto 0;font-size: 22px;line-height: 30px;font-weight: 100;text-align: center;color:#222;}
.q_n_news_body{width:100%;margin:30px auto 0;padding:30px 0;border-top:1px solid #ccc;min-height: 280px;font-size: 16px;color:#212121;line-height: 2.2;}
.q_n_news_body p{width:100%;margin:0 auto;font-size: 16px;color:#212121;line-height: 2.2;text-align: justify;}
.q_n_news_body_img{width:100%;margin:20px auto;text-align: center;}

/* q_n_news_rel */
.q_n_news_rel{width:100%;margin:40px auto;padding:30px 50px;background-color: #f7f7f7;}
.q_n_news_rel_h{width:85%;margin:0 auto;text-align: center;}
.q_n_news_rel_h span{display: inline-block;padding:0 0 10px;border-bottom:1px solid #333;font-size: 26px;color:#222;line-height: 30px;}
.q_n_news_rel_list{width:100%;margin:40px auto 0;}
.q_n_news_rel_list:after{content:"."; display:block; height:0; visibility:hidden; clear:both;}
.q_n_news_rel_item{width:23.5%;margin:0 2% 0 0;float:left;position: relative;}
.q_n_news_rel_item:nth-of-type(4){margin:0;}
.q_n_news_rel_item_img{width:100%;margin:0 auto;position: relative;overflow: hidden;}
.q_n_news_rel_item_img>a{outline: none;display: block;width:100%;margin:0 auto;padding:65% 0 0;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;
}
.q_n_news_rel_item_txt{width:100%;margin:0 auto;padding:15px 0 20px;border-bottom: 1px solid #ccc;}
.q_n_news_rel_item_txt_h{width:100%;margin:0 auto;}
.q_n_news_rel_item_txt_h>a{width:100%;margin:0 auto;font-size: 22px;color:#212121;line-height:30px;height:60px;text-align: justify;
    display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow: hidden;
}
.q_n_news_rel_item_txt_date{width:100%;margin:5px auto 0;font-size: 14px;line-height: 25px;font-weight: 100;color:#222;}
.q_n_news_rel_item:hover .q_n_news_rel_item_img>a{
	-moz-transform:scale(1.2,1.2);
	-ms-transform:scale(1.2,1.2);
	-o-transform:scale(1.2,1.2);
	-webkit-transform:scale(1.2,1.2);
	transform:scale(1.2,1.2);
}
.q_n_news_rel_item:hover .q_n_news_rel_item_txt{border-bottom: 1px solid #0fae3f;}
.q_n_news_rel_item:hover .q_n_news_rel_item_txt_h>a{color:#0fae3f;}
.q_n_news_rel_item:hover .q_n_news_rel_item_txt_date{color:#0fae3f;}

/* q_n_news end! */

/* q_n_join start! */

/* q_n_join1 */
.q_n_join1{width:100%;margin:0 auto;position: relative;color:#fff;}
.q_n_join_title{width:100%;margin:0 auto;text-align: center;}
.q_n_join_title_cn{width:100%;margin:0 auto;font-size: 55px;font-weight: bold;line-height: 65px;}
.q_n_join_title_en{width:100%;margin:10px auto 0;font-size: 25px;line-height: 30px;text-transform: uppercase;}
.q_n_join_line{width:30%;margin:20px auto 0;height:1px;background-color: rgba(255,255,255,.4);}
.q_n_join_p{width:100%;margin:40px auto 0;}
.q_n_join_p p{width:100%;margin:0 auto;font-size: 36px;line-height: 2;font-weight: 100;text-align: center;}
.q_n_join_p p span{font-weight: bold;}
.q_n_join_more{width:100%;margin:50px auto;text-align: center;}
.q_n_join_more>a{outline: none;display: inline-block;padding:10px 35px;border:1px solid #fff;color:#fff;font-size: 26px;line-height: 35px;}
.q_n_join_more>a:hover{color:#0fae3f;background-color: #fff;}
/* q_process */
.q_process{width:100%;margin:0 auto;padding:100px 0;background:url('../images/q_process_bg.jpg') no-repeat center top;}
.q_process .q_n_join_title{color:#006e22;}
.q_process .q_n_join_title_en{opacity: .5;}
.q_process_main{width:100%;margin:70px auto 0;text-align: center;}
/* q_n_message */
.q_n_message{width:100%;margin:0 auto;padding:80px 0;background:url('../images/q_n_message_bg.jpg') no-repeat center top;}
.q_n_message_main{width:100%;margin:0 auto;color:#fff;}
.q_n_message_main .q_form{width:85%;margin:50px 0 0;}
.q_n_message_main .q_form .form-button .button:hover{background-color: #f1b53a;border:1px solid #f1b53a;}

/* q_n_join end! */

/* q_n_contact start! */
.q_n_contact_h{width:100%;margin:0 auto;background-color: #f1f1f1;color:#006e22;font-size: 35px;padding:35px 60px;line-height: 40px;}
.q_n_tel{width:100%;margin:0 auto;padding:30px 50px;}
.q_n_tel:after{content:"."; display:block; height:0; visibility:hidden; clear:both;}
.q_n_tel_img{width:104px;height:104px;float:right;}
.q_n_tel_l{width:620px;height:104px;float:left;position: relative;font-size: 0;padding:12px 0;}
.q_n_tel_l:after{content:''; width:1px;height:60%;background-color: #ccc; position: absolute;left:calc(100% - 20px);top:20%;}
.q_n_tel_l span{display: inline-block;font-size: 36px;line-height: 80px;color:#006e22;position: relative;}
.q_n_tel_l span:nth-of-type(1):after{content: '';width:2px;height:32px;background-color: #006e22;position: absolute;left:calc(100% + 20px);top:27px;}
.q_n_tel_l span:nth-of-type(2){font-size: 43px;color:#f1b53a;font-weight: bold;font-family: 'Oswald';margin-left: 40px;}
.q_n_tel_r{width:calc(100% - 800px);margin-left: 50px;height:104px;float:left;padding:12px 0;}
.q_n_tel_div{width:100%;margin: 0 auto;font-size: 18px;color:#212121;line-height: 40px;height:40px;font-weight: 100;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.q_n_tel_div:after{content:"."; display:block; height:0; visibility:hidden; clear:both;}
.q_n_tel_div span{font-weight: 700;}
.q_n_tel_item{width:48%;float:left;line-height: 40px;height:40px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.q_map{width:100%;margin:0 auto 50px;}
#allmap {width: 100%;height: 450px;margin-top:20px;overflow: hidden;}
#allmap b{color: #CC5522;font-size: 17px;line-height: 30px;}
#allmap img{max-width: none;}

/* q_n_contact end! */

/* q_n_join_oem start! */
.q_n_join_quality{width:100%;margin:0 auto;background:url('../images/q_n_quality_bg.jpg') no-repeat center top;padding:125px 0 100px;}
.q_n_join_quality_h{width:100%;margin:0 auto;color:#fff;}
.q_n_join_quality_h:after{content:"."; display:block; height:0; visibility:hidden; clear:both;}
.q_n_join_quality_h_l{width:40%;float:left;font-size: 60px;line-height: 66px;font-weight: bold;}
.q_n_join_quality_h_r{width:56%;float:right;font-size: 24px;line-height: 30px;font-weight: bold;text-align: right;padding:35px 0 0;}
.q_n_join_quality_body{width:100%;margin:30px auto 0;padding:20px 0 0;border-top:1px solid #fff;text-align: center;color:#fff;}
.q_n_join_quality_body:after{content:"."; display:block; height:0; visibility:hidden; clear:both;}
.q_n_join_quality_l{width:34%;float: left;height:540px;background-color: rgba(24,178,62,.65);padding:150px 75px 75px;border-radius:8px;}
.q_n_join_quality_img{width:100%;margin:0 auto;text-align: center;}
.q_n_join_quality_l_cn{width:100%;margin:100px auto 0;font-size: 24px;line-height: 30px;font-weight: bold;}
.q_n_join_quality_l_en{width:100%;margin:3px auto 0;font-size: 13px;line-height: 20px;text-transform:uppercase;opacity: .9;}
.q_n_join_quality_r{width:63.5%;float: right;height:540px;background-color: rgba(24,178,62,.65);padding:60px 75px 75px;border-radius:8px;}
.q_n_join_quality_r_cn{width:100%;margin:25px auto 0;font-size: 24px;line-height: 30px;font-weight: bold;}
.q_n_join_quality_r_en{width:100%;margin:5px auto 0;font-size: 19px;line-height: 25px;text-transform:uppercase;opacity: .9;}
/* q_n_brand */
.q_n_brand{width:100%;margin:0 auto;background:url('../images/q_n_brand_bg.jpg') no-repeat center top;padding:120px 0 100px;}
.q_n_brand_main{width:100%;margin:0 auto;}
.q_n_brand_main:after{content:"."; display:block; height:0; visibility:hidden; clear:both;}
.q_n_brand_r{width:65%;float:right;text-align: center;}
.q_n_brand_l{width:35%;float:left;padding:200px 0 0;}
.q_n_brand_l_main{width:100%;margin:0 auto;}
.q_n_brand_l_main:after{content:"."; display:block; height:0; visibility:hidden; clear:both;}
.q_n_brand_l_icon{width:126px;float:left;}
.q_n_brand_l_txt{width:calc(100% - 140px);float:right;padding:15px 0 0;color:#006e22;}
.q_n_brand_l_txt_cn{width:100%;margin:0 auto;font-size: 55px;line-height: 65px;font-weight: bold;}
.q_n_brand_l_txt_en{width:100%;margin:5px auto;font-size: 30px;line-height: 35px;text-transform:uppercase;}
/* q_n_plan */
.q_n_plan{width:100%;margin:0 auto;background:url('../images/q_n_plan_bg.jpg') no-repeat center top;padding:100px 0 100px;}
.q_n_plan_h{width:100%;margin:0 auto;}
.q_n_plan_h:after{content:"."; display:block; height:0; visibility:hidden; clear:both;}
.q_n_plan_h_icon{width:84px;float:left;}
.q_n_plan_h_txt{width:calc(100% - 100px);float:right;color:#808080;}
.q_n_plan_h_txt_cn{width:100%;margin:0 auto;font-size: 46px;line-height: 50px;}
.q_n_plan_h_txt_en{width:100%;margin:3px auto 0;font-size: 30px;line-height: 30px;text-transform:uppercase;}
.q_n_plan_main{width:100%;margin:50px auto 0;text-align: center;}
/* q_n_system */
.q_n_system{width:100%;margin:0 auto;background:url('../images/q_n_system_bg.jpg') no-repeat center bottom;padding:100px 0 140px;color:#006e22;}
.q_n_system_main{width:100%;margin:0 auto;}
.q_n_system_h{width:100%;margin:0 auto;text-align: center;}
.q_n_system_h_cn{width:100%;margin:0 auto;font-size: 60px;line-height: 65px;font-weight: bold;}
.q_n_system_h_en{width:100%;margin:10px auto 0;font-size: 30px;line-height: 30px;text-transform:uppercase;opacity: .4;}
.q_n_system_p{width:100%;margin:15px auto 0;padding:12px 15px;position: relative;border-top:1px solid #006e22;border-bottom:1px solid #006e22;text-align: center;}
.q_n_system_p:before{content:'';width:8px;height:8px;background-color: #18b23e;position: absolute;top:23px;left:30px;border-radius: 50%;}
.q_n_system_p:after{content:'';width:8px;height:8px;background-color: #18b23e;position: absolute;top:23px;right:30px;border-radius: 50%;}
.q_n_system_p p{width:100%;margin:0 auto;font-size: 23px;line-height: 30px;height:30px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.q_n_system_img{width:100%;margin:50px auto 0;text-align:center;}
.q_n_system_ul{width:100%;margin:30px auto 0;text-align: center;font-size: 0;}
.q_n_system_ul li{display: inline-block;margin:0 3px;}
.q_n_system_ul li a{outline: none;display: block;width:100%;padding:10px 30px;font-size: 18px;line-height: 25px;color:#fff;background-color: #18b23e;}
/* q_n_level */
.q_n_level{width:100%;margin:0 auto;background:url('../images/q_n_level_bg.jpg') no-repeat center bottom;padding:70px 0 100px;color:#006e22;}
.q_n_level_h{width:100%;margin:0 auto;}
.q_n_level_h_cn{width:100%;margin:0 auto;font-size: 60px;line-height: 65px;font-weight: bold;}
.q_n_level_h_en{width:100%;margin:10px auto 0;font-size: 30px;line-height: 30px;text-transform:uppercase;opacity: .4;}
.q_n_level_p{width:100%;margin:50px auto 0;}
.q_n_level_p:after{content:"."; display:block; height:0; visibility:hidden; clear:both;}
.q_n_level_p p{width:100%;margin:0 auto;font-size: 22px;line-height: 45px;}
.q_n_level_p h3{width:100%;margin:0 auto;font-size: 33px;line-height: 45px;font-weight: bold;}
.q_n_level_p_l{width:44%;float:left;position: relative;}
.q_n_level_p_l:after{content:'';width:1px;height:80%;background-color: #ddd;position: absolute;right: 15px;top:10%;}
.q_n_level_p_r{width:54%;float:right;}
.q_n_level_img{width:80%;margin:100px 0 0;}
.q_n_level_img:after{content:"."; display:block; height:0; visibility:hidden; clear:both;}
.q_n_level_img_item{width:48.5%;float:left;margin:0 3% 0 0;text-align: center;}
.q_n_level_img_item:nth-of-type(2){margin:0;}
.q_n_level_img_item:nth-of-type(1){padding:35px 0 0;}
/* q_n_material */
.q_n_material{width:100%;margin:0 auto;background:url('../images/q_n_material_bg.jpg') no-repeat center bottom;padding:100px 0 110px;color:#006e22;}
.q_n_material_main{width:100%;margin:0 auto;}
.q_n_material_main:after{content:"."; display:block; height:0; visibility:hidden; clear:both;}
.q_n_material_h{width:26%;float:left;position: relative;padding:50px 0 0;}
.q_n_material_h:after{content:'';width:1px;height:90%;background-color: #aaa;position: absolute;right: 15px;top:10%;}
.q_n_material_h_cn{width:100%;margin:0 auto;font-size: 60px;line-height: 65px;font-weight: bold;}
.q_n_material_h_en{width:100%;margin:10px auto 0;font-size: 30px;line-height: 30px;text-transform:uppercase;}
.q_n_material_p{width:72%;float:right;}
.q_n_material_p h3{width:100%;margin:0 auto 10px;font-size: 30px;line-height: 45px;font-weight: bold;}
.q_n_material_p p{width:100%;margin:0 auto;font-size: 22px;line-height: 35px;}
.q_n_material_img{width:80%;margin:115px 0 0;}
/* q_n_support */
.q_n_support{width:100%;margin:0 auto;background:url('../images/q_n_support_bg.jpg') no-repeat center bottom;padding:150px 0 110px;color:#fff;}
.q_n_support_main{width:100%;margin:0 auto;position: relative;}
.q_n_support_main:after{content:"."; display:block; height:0; visibility:hidden; clear:both;}
.q_n_support_mobile{width:432px;position: absolute;left:-20px;bottom:-110px;z-index: 3;}

.q_n_support_item{width:48.5%;float:left;margin:0 3% 0 0;}
.q_n_support_item:nth-of-type(2){margin:0;}
.q_n_support_item_txt{width:100%;margin:0 auto;}
.q_n_support_item_h{width:100%;margin:0 auto;font-size: 50px;line-height: 60px;font-weight: bold;}
.q_n_support_item_h span{display: inline-block;font-size: 24px;line-height: 30px;font-weight: normal;opacity: .5;padding:30px 0 0 10px;text-transform:uppercase;}
.q_n_support_item_p{width:100%;margin:25px auto 0;}
.q_n_support_item_p p{width:100%;margin:0 auto;font-size: 22px;line-height: 35px;}
.q_n_support_img{width:100%;margin:25px auto 0;background-color: rgba(24,178,62,.65);padding:60px 30px 75px;border-radius:8px;}
/* q_n_query */
.q_n_query{width:100%;margin:0 auto;padding:125px 0 100px;position: relative;}
.q_n_query_side{width:746px;position: absolute;bottom:100px;right: 0;}
.q_n_query_main{width:56%;margin:0;position: relative;}
.q_n_query_main:after{content:"."; display:block; height:0; visibility:hidden; clear:both;}
.q_n_query_item{width:45%;float:left;margin:0 10% 0 0;text-align: center;color:#7f7f7f;}
.q_n_query_item:nth-of-type(2){margin:0;}
.q_n_query_item_icon{width:100%;margin:0 auto;}
.q_n_query_item_h{width:100%;margin:15px auto 0;font-size: 26px;color:#303030;line-height: 35px;font-weight: bold;}
.q_n_query_item_p{width:100%;margin:10px auto 0;font-size: 18px;line-height: 30px;}
/* q_n_join_oem end! */

/* q_n_join_ribang start! */
/* q_n_business */
.q_n_business{width:100%;margin:0 auto;background:url('../images/q_n_business_bg.jpg') no-repeat center bottom;padding:80px 0 50px;color:#006e22;height:750px;}
.q_n_ribang_main{width:100%;margin:0 auto;padding:0 0 20px;border-bottom: 2px solid rgba(24,178,62,.85);}
.q_n_ribang_main:after{content:"."; display:block; height:0; visibility:hidden; clear:both;}
.q_n_ribang_l{width:55%;float:left; font-size: 50px;line-height: 60px;font-weight: bold;}
.q_n_ribang_r{width:45%;float:right;font-size: 30px;line-height: 40px;font-weight: normal;text-align: right;padding:20px 0 0;}
/* q_n_standard */
.q_n_standard{width:100%;margin:0 auto;padding:110px 0 80px;color:#006e22;}
.q_n_standard_list{width:100%;margin:30px auto 0;}
.q_n_standard_list:after{content:"."; display:block; height:0; visibility:hidden; clear:both;}
.q_n_standard_item{width:49%;float:left;margin:0 2% 0 0;text-align: center;}
.q_n_standard_item:nth-of-type(2){margin:0;}
.q_n_standard_item_img{width:100%;margin:0 auto;}
.q_n_standard_item_txt{width:100%;margin:15px auto 0;font-size: 28px;line-height: 36px;font-weight: 100;}
.q_n_standard_p{width:100%;margin:25px auto 0;font-size: 22px;line-height: 50px;text-align: justify;}
/* q_n_renzheng */
.q_n_renzheng{width:100%;margin:0 auto;background:url('../images/q_n_renzheng_bg.jpg') no-repeat center top;padding:70px 0 100px;color:#fff;}
.q_n_renzheng .q_n_ribang_main{color:#006e22;}
.q_n_renzheng .q_n_ribang_l{width:40%;}
.q_n_renzheng .q_n_ribang_r{width:60%;}
.q_n_renzheng_img{width:100%;margin:60px auto 0;text-align: center;}
.q_n_renzheng_txt{width:100%;margin:50px auto 0;text-align: center;}
.q_n_renzhengtxt_h{width:100%;margin:0 auto;font-size: 42px;line-height: 50px;font-weight: bold;}
.q_n_renzhengtxt_p{width:100%;margin:5px auto 0;font-size: 30px;line-height: 45px;}
/* q_n_runhuayou */
.q_n_runhuayou{width:100%;margin:0 auto;padding:80px 0 80px;color:#006e22;border-bottom: 1px solid #ddd;text-align: center;}
.q_n_runhuayou_p{width:100%;margin:0 auto;font-size: 45px;line-height: 55px;}
.q_n_runhuayou_img{width:100%;margin:30px auto 0;}
/* q_n_allpro */
.q_n_allpro{width:100%;margin:0 auto;padding:80px 0 80px;color:#006e22;}
.q_n_allpro_img{width:100%;margin:100px auto 0;text-align: center;}
/* q_n_ribang_list */
.q_n_ribang_list{width:100%;margin:0 auto;}
.q_n_ribang_div{width:100%;margin:0 auto;}
.q_n_ribang_div:after{content:"."; display:block; height:0; visibility:hidden; clear:both;}
.q_n_ribang_div_img,.q_n_ribang_div_txt{width:50%;float:left;position: relative;color:#006e22;}
.q_n_ribang_div_main{padding:0 9%;}
.q_n_ribang_div:nth-of-type(2n) .q_n_ribang_div_img{float:right;}
.q_n_ribang_div:nth-of-type(2n) .q_n_ribang_div_txt{text-align: right;}
.q_n_ribang_div_txt_h{width:100%;margin:0 auto;font-size: 45px;line-height: 55px;font-weight: bold;}
.q_n_ribang_div_txt_p{width:100%;margin:10px auto 0;font-size: 30px;line-height: 40px;font-weight: 100;}
/* q_n_design */
.q_n_design{width:100%;margin:0 auto;padding:100px 0 80px;color:#006e22;}
.q_n_design_main{width:100%;margin:70px auto 0;position: relative;}
.q_n_design_mask{width:100%;position: absolute;left:0;top:0;padding:30px 0 0;}
.q_n_design_h{width:100%;margin:0 auto;font-size: 45px;line-height: 50px;}
.q_n_design_p{width:100%;margin:20px auto 0;}
.q_n_design_p p{width:100%;margin:0 auto;font-size: 22px;line-height: 45px;text-align: justify;}
/* q_n_market */
.q_n_market{width:100%;margin:0 auto;background:url('../images/q_n_renzheng_bg.jpg') no-repeat center top;padding:85px 0 125px;color:#006e22;}
.q_n_market_txt{width:100%;margin:90px auto 0;}
.q_n_market_h{width:100%;margin:0 auto;font-size: 30px;line-height: 40px;font-weight: bold;}
.q_n_market_p{width:100%;margin:15px auto 0;font-size: 22px;line-height: 40px;text-align: justify;}
.q_n_market_list{width:100%;margin:70px auto 0;}
.q_n_market_list:after{content:"."; display:block; height:0; visibility:hidden; clear:both;}
.q_n_market_item{width:33%;float:left;margin:0 .5% 0 0;text-align: center;}
.q_n_market_item:nth-of-type(3){margin:0;}

/* q_n_join_ribang end! */



/* 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:#0fae3f;background-color: #fff;margin:5px 4px;transition: all .4s;border:1px solid #0fae3f;}
.pagelist > span{color:#fff;background-color: #0fae3f;}
.pagelist >a:hover{color:#fff;background-color: #0fae3f;}
@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;font-weight: normal;}
}
@media(max-width: 640px) {
	.pagelist {margin:25px 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 {line-height: 40px;margin:20px auto;}
	.pagelist > a,.pagelist > span{min-width:40px;height:30px;line-height: 30px;font-size: 12px;margin:3px 1px;}
}
/* pagelist end!  */

/* page  start! */
.page{width:100%;margin:30px auto 0;line-height: 25px;border-top:1px solid #ccc;padding:10px 0 0;}
.page:after{content:"."; display:block; height:0; visibility:hidden; clear:both;}
.page_a{width:50%;padding:0;float:left;}
.page_a a{display: inline-block; outline: none;color:#fff;padding: 10px 35px;background-color: #0fae3f;font-size: 14px;line-height: 20px;}
.page_a a i{margin:0 10px;}
.page_next{float:right;text-align: right;}
@media (max-width: 640px) {
	.page{margin:20px auto 15px;line-height: 20px;padding:5px 0 0;}
	.page_a{padding:0;color:#fff;font-size: 12px;padding: 0;}
	.page_a a{padding: 8px 28px;}
}
/* page  end! */