@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实现锚点平滑滚动 */
@font-face{
  font-family: SourceHanSansRegular;
  src: url('./fonts/SourceHanSans-Regular.otf');
}
@font-face{
  font-family: SourceHanSansBold;
  src: url('./fonts/SourceHanSans-Bold.otf');
}
body {
	width:100%;
	margin:0 auto;
	min-height: 300px;
	background-color: #fff;
	font-family: SourceHanSansRegular,'Microsoft Yahei',Arial,Verdana,sans-serif;
	font-size: 15px;
	color:#555;
}
ul,li {list-style: none;}
.clearfix {clear:both;}
img {max-width:100%;}
div a {outline: none;}
/* 统一调整字间距 */
div,a,span,p,ul,li{padding:0;margin:0;}
.main1200{width:100%;max-width:1200px;margin:0 auto;}
/* 电脑端隐藏 */
@media (min-width:640px ) {
	.pc_hidden{display: none;}
}
/* 手机端隐藏 */
@media (max-width:640px ) {
	.m_hidden{display: none;}
}
/* 平板端隐藏 */
@media (min-width:640px ) and (max-width: 1000px) {
	.pb_hidden{display: none;}
}
@media (max-width: 640px) {
	.q_banner .swiper_button {display: none;}
}
/* 返回顶部  开始 */
#toTop{width:55px;height:55px;bottom:100px;right:10px;position:fixed;cursor:pointer;z-index:999999;}
@media(max-width: 640px){
	#toTop{width:35px;height:35px;bottom:75px;}
}
/* 返回顶部  结束 */
.q_mask{width:100%;height:100%;position: absolute;left:0;top:0;}
.q_mask_in{width:100%;position: absolute;left:0;top:50%;text-align: center;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
}
a.img{outline: none;display: block;width:100%;}
.img{background-position: center center;background-size: cover;background-repeat: no-repeat;
  -moz-transition: all .8s ease 0s;
  -ms-transition: all .8s ease 0s;
  -o-transition: all .8s ease 0s;
  -webkit-transition: all .8s ease 0s;
  transition: all .8s ease 0s;
}
.hover:hover .img{
  -moz-transform:scale(1.15,1.15);
  -ms-transform:scale(1.15,1.15);
  -o-transform:scale(1.15,1.15);
  -webkit-transform:scale(1.15,1.15);
  transform:scale(1.15,1.15);
}
.q_row{width:100%;margin:0 auto;}
.q_center{text-align: center;}
.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;}

/* page1、page2 start! */
section.page1 {width: 100%;top: 0;left: 0;height: 100%;position: absolute;}
section.page2 {width: 100%;left: 0;top: 100%;height:auto;position: absolute;}
/* page1、page2 end! */

@keyframes downico {
  0% {
    top: 0;
  }
  35% {
    top: 25%;
  }
  65% {
    top: -25%;
  }
  100% {
    top: 0;
  }
}
.page1_arrow{width:400px;text-align: center;position: absolute;left:50%;bottom:10%;margin-left: -200px;z-index: 2;}
.link{display: block;width: 30px;height: 51px;margin: 0 auto; margin-top: 50px;transition: all 0.3s ease 0s;
	cursor: pointer;position: relative;opacity: 1;filter: alpha(opacity=1);
}
.bg{cursor: pointer;color:#fff;font-size: 50px;line-height: 68px;}
.link i{cursor: pointer;color:#fff;font-size: 50px;line-height: 68px;display: block;width: 100%;height: 100%;
	background: url('../images/sb01.png') no-repeat center;position: absolute;left: 0;top: 0;
	animation: downico 1.5s ease-out infinite;
}

/* nav start! start! */
.q_aside_bg{width:60px;height:100vh;background-color: #000;position: fixed;left:0;top:0;z-index: 2;}
.q_menu{width:60px;height:100px;position: fixed;left:0;top:50vh;margin-top: -50px;z-index: 4;cursor:pointer;}
.q_menu .q_row{position: relative;}
.q_menu_txt{width:100%;font-size: 17px;letter-spacing: 2px;line-height: 40px;height:40px;color:#fff;text-align: center;}
.q_menu_icon{width:60px;height:60px;background: url('../images/q_menu_icon.png') no-repeat center;background-size:cover;position: relative;}

.q_menu_icon span{display: block;background: #fff;width: 24px;height: 2px;position: absolute;left: 18px;transition: all ease 0.35s;border-radius: 2px;}
.q_menu_icon span:nth-of-type(1){top:20px}
.q_menu_icon span:nth-of-type(2){top:28px}
.q_menu_icon span:nth-of-type(3){top:36px}
.q_menu_icon_on span:nth-of-type(1){top:28px;transform:rotate(45deg)}
.q_menu_icon_on span:nth-of-type(2){width:0}
.q_menu_icon_on span:nth-of-type(3){top:28px;transform:rotate(-45deg)}

.q_all_nav{width:100%;height:100vh;background-color: #fff;padding:10vh 0;position: fixed;left:0;top:0;z-index: 3;display: none;}
.q_all_nav_main{width:100%;margin:0 auto;text-align: center;}
.q_logo{width:100%;margin:0 auto;}
.q_logo a{outline: none;display: block;width:100%;margin:0 auto;}
.q_nav{width:100%;margin:8vh auto 0;text-align: center;}
.q_nav:after{content:"."; display:block; height:0; visibility:hidden; clear:both;font-size: 0;}
.q_nav_item{width:14.25%;float:left;padding: 0 20px;}
.q_nav_item_h{width:100%;margin:0 auto;}
.q_nav_item_h>a{outline: none;display: block;width:100%;margin:0 auto;font-size: 22px;line-height: 35px;color:#333;}
.q_nav_item ul{width:100%;margin:3vh auto 0;}
.q_nav_item ul>li{width:100%;margin:0 auto 2vh;}
.q_nav_item ul>li>a{outline: none;display: block;width:100%;margin:0 auto;font-size: 15px;line-height: 30px;color:#555;}
.q_all_nav a:hover{color:#e00710;}

.q_n .q_menu{width:110px;height:60px;left:auto;top:5vh;right:5%;margin-top: 0;}
.q_n .q_menu .q_menu_txt{position: absolute;width:40px;top:10px;right:0;color:#111;}

/* nav start! end! */

/* q_banner start! */
.q_banner{width:100%;margin:0 auto;height:100%;}
.q_banner .swiper_banner{height:100%;}
.q_banner .swiper_banner{height:100%;}
.q_banner .swiper_banner .swiper-wrapper{height:100%;}
.q_banner .swiper_banner .swiper-slide{height:100%;}
.q_banner .swiper_banner .swiper-slide a{outline: none;display: block;width:100%;height:100%;
	background-position: center center;background-size: cover;background-repeat: no-repeat;
}
.q_banner .swiper_banner .swiper_pagination_banner{bottom:5%;}
.q_banner .swiper_banner .swiper_pagination_banner .swiper-pagination-bullet{width:42px;height:8px;background-color: #e3dee1;opacity: 0.5;border-radius: 0;}
.q_banner .swiper_banner .swiper_pagination_banner .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color: #f00;opacity: 1;}
.q_banner .swiper_banner .swiper_button_banner{background:none;width:40px;height:80px;line-height: 80px;margin-top: -40px;font-size: 30px;
  text-align: center;border-radius: 0;background-color: rgba(0,0,0,.5); color:#fff;transition: all 0.3s;
}
.q_banner .swiper_banner .swiper_button_banner.swiper_button_banner_prev{left:5%;}
.q_banner .swiper_banner .swiper_button_banner.swiper_button_banner_next{right:5%;}
/* q_banner end! */

/* q_section start! */
.q_section{width:100%;margin:0 auto;padding:50px 0;position: relative;}
.q_section_title{width:100%;margin:0 auto;text-align: center;}
.q_section_title_h{width:100%;margin:0 auto;font-size: 50px;line-height: 65px;color:#333;letter-spacing: 5px;vertical-align: middle;}
.q_section_title_h span{display: inline-block;position: relative;}
.q_section_title_h a{outline: none;display:block;width:36px;height:36px;line-height: 34px;font-size: 18px;border-radius: 50%;position: absolute;top:20px;right:-70px;
  padding-left: 3px;text-align: center;font-weight: bold;background-color: #e00710;color:#fff;
}
.q_section_title_h a:hover{background-color: #000;}
.q_section_title_line{width:10%;margin:10px auto;font-size: 0;line-height: 0;border-top:4px solid #e50b19}
.q_section_title_h_small{width:100%;margin:0 auto;font-size: 14px;color:#ff8b3a;line-height: 25px;}
.q_section_title_p{width:100%;margin:15px auto 0;font-size: 16px;color:#555;line-height: 25px;}
.q_section_main{width:100%;margin:40px auto 0;font-size: 16px;color:#555;line-height: 2.2;}
.q_section_main p{width:100%;margin:0 auto;font-size: 16px;color:#555;line-height: 2.2;}
.q_section_more{width:100%;margin:50px auto 0;text-align: center;}
.q_section_more>a{outline: none;display: inline-block;padding:10px 25px;background-color: rgba(233, 0, 0, 1);font-size: 17px;color:#fff;line-height: 25px;letter-spacing: 1px;}
.q_section_more>a:hover{background-color: rgba(0, 0, 0, 1);}
.q_section_circle{width:79px;height:79px;border:2px solid #fff;background-color: #e00710;line-height: 79px;text-align: center;font-size: 22px;color:#fff;
  position: absolute;bottom:-39px;left:50%;margin-left: -39px;border-radius: 50%;
}
/* q_section end! */

/* q_advantage start! */
.q_advantage{background-color: rgba(35, 25, 24, 1);padding:80px 0;border-bottom: 2px solid #e00710;}
.q_advantage .q_section_title_h{color:#fff;}
.q_adv_list{width:100%;margin:0 auto;}
.q_adv_item{width:33%;float:left;padding:0 55px;border-left:1px solid #634746;}
.q_adv_item:nth-of-type(1){border-left:0;}
.q_adv_item_h{width:100%;font-size: 38px;line-height: 50px;color:#e30512;}
.q_adv_item_p{width:100%;margin:0 auto;font-size: 15px;line-height: 30px;color:#ccc;font-weight: 100;letter-spacing: 1px;}
.q_adv_item_span{width:100%;margin:10px auto 0;font-size: 0;}
.q_adv_item_span:after{content:"."; display:block; height:0; visibility:hidden; clear:both;font-size: 0;}
.q_adv_item_span>span{display: block;background-color: rgba(233, 0, 0, 1);height:15px;}
.q_adv_item_span .span1{width:18%;float:left;}
.q_adv_item_span .span2{width:calc(82% - 2px);float:right;}

/* q_advantage end! */

/* q_product start! */
.q_product{padding:100px 0 200px;}
.q_product_bg{width:100%;height:405px;background-color: #e30512;position: absolute;left:0;bottom:0;z-index: -1;}

.q_pro_ul{width:100%;margin:0 auto;}
.q_pro_ul:after{content:"."; display:block; height:0; visibility:hidden; clear:both;font-size: 0;}
.q_pro_ul>li{width:31%;float:left;margin:0 3.5% 0 0;position: relative;overflow:hidden;border-radius: 6px;}
.q_pro_ul>li:nth-of-type(3n){margin:0;}
.q_pro_ul>li .img{padding:57.7% 0 0;}

a.q_pro_li_mask{outline: none;display: block;width:100%;height:100%;position: absolute;left:0;top:0;background-color: rgba(255,255,255,0);transition: all .4s;}
.q_pro_li_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%);
}
.q_pro_li_main{padding:0 5%;}

.q_pro_ul>li .q_pro_li_line{width:100%;margin:0 auto;padding:0;height:1px;font-size: 0;background-color: #e30512;
  opacity:0;-webkit-transform:translateX(-200px);transform:translateX(-200px);transition: all .4s ease-in-out;
}
.q_pro_ul>li .q_pro_li_p{width:100%;margin:10px auto;padding:0;line-height: 25px;font-size: 14px;color:#333;
  opacity:0;-webkit-transform:translateX(200px);transform:translateX(200px);transition: all .4s ease-in-out;
}
.q_pro_ul>li:hover .q_pro_li_mask{background-color: rgba(255,255,255,.5);}
.q_pro_ul>li:hover .q_pro_li_line,.q_pro_ul>li:hover .q_pro_li_p{-webkit-transform:translateX(0px);transform:translateX(0px);opacity: 1;}

.q_product_line{width:100%;margin:50px auto;padding:0;height:1px;font-size: 0;background-color: #e30512;}

/* q_pro_list */
.q_pro_list{width:100%;margin:0 auto;}
.q_pro_list:after{content:"."; display:block; height:0; visibility:hidden; clear:both;font-size: 0;}
.q_pro_item{width:20%;float:left;}
.q_pro_item>a{outline: none;display: block;width:100%;position: relative;}
.q_pro_item .img{position: relative;padding:85.4% 0 0;}
.q_pro_item_txt{background-color: #353535;}
.q_pro_item_main{width:100%;height:39px;position: relative;text-align: center;}
.q_pro_item_main span{display: inline-block;padding:0 5px;background-color: #353535;color:#fff;font-size: 22px;line-height: 39px;letter-spacing: 2px;}
.q_pro_item_main:before{content:'';width:100%;height:1px;background-color: #fff;position: absolute;left:0;top:20px;z-index: -1;}

.q_pro_item .img.q_pro_item_mask{width:100%;height:100%;position: absolute;left:0;top:0;opacity: 0;transition: .6s;}
.q_pro_item:hover .img.q_pro_item_mask{top:50%;opacity: 1;}

/* q_product end! */

/* q_designer start! */
.q_designer{padding:80px 0 110px;background: url('../images/q_designer_bg.jpg') no-repeat center top;}
.q_designer .q_section_title_h{color:#fff;}
.q_designer .swiper_designer .swiper_button_designer{background:none;width:40px;height:40px;line-height: 40px;margin-top: -20px;font-size: 22px;
  text-align: center;border-radius: 50%;background-color: rgba(255,255,255,.9); color:#444;transition: all 0.3s;
}
.q_designer .swiper_designer .swiper_button_designer.swiper_button_designer_prev{left:3%;}
.q_designer .swiper_designer .swiper_button_designer.swiper_button_designer_next{right:3%;}

.q_designer_item{width:100%;padding:0 10%;text-align: center;}
.q_designer_item_p{width:100%;margin:0 auto;font-size: 22px;line-height: 40px; height:120px;color:#fff;letter-spacing: 2px;font-style:italic;}
.q_designer_item_span{width:100%;margin:30px auto;text-align: center;}
.q_designer_item_span span{display: inline-block;position: relative;font-size: 18px;line-height: 35px;color:#fff;letter-spacing: 1px;}
.q_designer_item_span span:before{content: '';width:60px;height:1px;background-color: #fff;position: absolute;top:18px;left:-70px;}
.q_designer_item_span span:after{content: '';width:60px;height:1px;background-color: #fff;position: absolute;top:18px;right:-70px;}

/* q_designer end! */

/* q_case start! */
.q_case{padding:90px 0 50px;}
.q_case_list{width:100%;margin:0 auto;}
.q_case_item{width:32%;float:left;margin:0 2% 20px 0;position: relative;overflow:hidden;}
.q_case_item:nth-of-type(3n){margin:0 0 20px 0;}
.q_case_item_img{width:100%;margin:0 auto;}
.q_case_item_img .img{padding:71.4% 0 0;}
a.q_case_mask{outline: none;display: block;width:100%;height:100%;padding:35px;background-color: rgba(0,0,0,.15);position: absolute;left:0;top:0;}
.q_case_mask_out{width:100%;height: 100%;position: relative;}
.q_case_mask_out:before{content: '';width:100%;height: 0;position: absolute;left:0;top:50%;border-left: 1px solid #fff;border-right: 1px solid #fff;transition: all .4s;}
.q_case_item:hover .q_case_mask_out:before{height: 100%;transform: translateY(-50%);}
.q_case_mask_out:after{content: '';width:0;height: 100%;position: absolute;left:50%;top:0;border-top: 1px solid #fff;border-bottom: 1px solid #fff;transition: all .4s;}
.q_case_item:hover .q_case_mask_out:after{width: 100%;transform: translateX(-50%);}
.q_case_mask_out_in{width:100%;height:100%;position: absolute;left:0;top:0;}
.q_case_mask_main{width:100%;position: absolute;left:0;top:50%;text-align: center;padding:0 10%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}
.q_case_mask_main h3{width:100%;font-size: 22px;color:#fff;line-height: 30px;font-weight: 100;letter-spacing: 2px;transition: all .4s;}
.q_case_item:hover .q_case_mask_main h3{
  transform: translateY(15px);
  -webkit-transform: translateY(15px);
  -moz-transform: translateY(15px);
  -ms-transform: translateY(15px);
  -o-transform: translateY(15px);
}

/* q_case end! */

/* q_news start! */
.q_news{background-color: #fafafa;}
.q_news_list{width:100%;margin:0 auto;}
.q_news_item{width:32%;float:left;margin:0 2% 0 0;}
.q_news_item:nth-of-type(3n){margin:0;}
.q_news_item_catname{width:100%;margin:0 auto;padding:15px;background-color: #e30512;color:#fff;text-align: center;}
.q_news_item_catname>span{display: inline-block;}
.q_news_item:nth-of-type(2n) .q_news_item_catname{background-color: #231917;}
.q_news_item_catname span{font-size: 27px;font-weight: 700;height:56px;}
.q_news_item_catname .span1{width:56px;border:5px solid #fff;line-height: 46px;text-align: center;border-radius: 50%;margin-right: 5px;}
.q_news_item_catname .span2{line-height: 60px;letter-spacing: 4px;}
.q_news_item ul{width:100%;margin:0 auto;padding:15px 20px;border:1px solid #eee;min-height: 391px;}
.q_news_item ul>li{width:100%;margin:0 auto;padding:5px;border-top:1px solid #eee;position: relative;}
.q_news_item ul>li:nth-of-type(1){border-top:0;}
.q_news_item ul>li:before{content: '';width:4px;height:4px;background-color: #ff8b3a;position: absolute;top:16px;left:5px;}
.q_news_item ul>li>a{outline: none;display: block;width:100%;font-size: 14px;color:#444;line-height: 25px;height:25px;padding:0 10px 0 15px;
  overflow:hidden;text-overflow: ellipsis;white-space: nowrap;
}
.q_news_item ul>li:hover>a{color:#e30512;}
.q_news_item ul>li:hover:before{background-color: #e30512;}
/* q_news end! */

/* q_partner start! */
.q_partner{padding:25px 0;background-color: #e30512;color:#fff;border-top:5px solid rgba(41, 41, 41, 1);}
.q_partner_title{width:150px;float:left;font-size: 33px;line-height: 80px;height:80px;letter-spacing: 2px;text-align: center;}
.q_partner_ul{width:calc(100% - 165px);float:right;}
.q_partner_ul:after{content:"."; display:block; height:0; visibility:hidden; clear:both;font-size: 0;}
.q_partner_ul>li{width:23.5%;float:left;margin:0 2% 0 0;border:1px solid rgba(255,255,255,.5);overflow:hidden;}
.q_partner_ul>li:nth-of-type(4n){margin:0;}
.q_partner_ul>li>a{outline: none;display: block;width: 100%;height:80px;}

/* q_partner end! */

/* q_footer start! */
.q_footer{width:100%;margin:0 auto;padding:30px 0 20px;background-color: rgba(41, 41, 41, 1);}
.q_footer_main{width:100%;margin:0 auto;text-align: center;}
.q_footer_main:after{content:"."; display:block; height:0; visibility:hidden; clear:both;font-size: 0;}

.q_footer_nav{width:100%;margin:0 auto;text-align: center;padding:0 0 30px;margin:0 auto 30px;border-bottom:1px solid #333;}
.q_footer_nav:after{content:"."; display:block; height:0; visibility:hidden; clear:both;font-size: 0;}
.q_footer_nav>li{display: inline-block;margin:0 40px;}
.q_footer_nav>li>a{outline: none;display: block;width:54px;height:54px;line-height: 54px;font-size: 15px;border-radius: 50%;text-align: center;
  background-color: #e30512;color:#fff;
}

.q_footer_list{width:100%;margin:0 auto;}
.q_footer_item{width:33%;float:left;}
.q_footer_item>a{outline: none;display: block;width:100%;}
.q_footer_item_txt{width:100%;margin:10px auto 0;font-size: 15px;color:#fff;line-height: 25px;}

.q_footer_b{width:100%;margin:0 auto;}
.q_footer_b .q_footer_main{margin:30px auto 0;padding:20px 0 0;border-top:1px solid #333;}
.q_footer_b span,.q_footer_b a{margin:0 4px;line-height: 20px;font-size: 13px;color:#eee;outline: none;}
.q_footer_b a:hover{color:#e30512;}
.q_footer_b span a{margin:0;}
/* q_footer end! */

/* q_n_banner start! */
.q_n_banner{width:100%;margin:0 auto;}
.q_n_banner .img{padding:20.83% 0 0;}
/* q_n_banner end! */

/* q_n_nav start! */
.q_n_nav{width:100%;margin:0 auto;background-color: #e30512;}
.q_n_nav ul{width:100%;margin:0 auto;}
.q_n_nav ul:after{content:"."; display:block; height:0; visibility:hidden; clear:both;font-size: 0;}
.q_n_nav ul>li{float:left;margin:0 80px 0 0;}
.q_n_nav ul>li>a{outline: none;display: block;width:100%;font-size: 16px;line-height: 50px;height:50px;color:#fff;padding:0;letter-spacing: 1px;position: relative;}
.q_n_nav ul>li>a:after{height:3px;left:50%;content:'';background-color: #fff;position: absolute;bottom:4px;width:0;border-radius: 2px;
    -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_n_nav ul>li:hover a:after,.q_n_nav ul>li.on a:after{width:100%;transform: translateX(-50%);}
/* q_n_nav end! */

/* q_main start! */
.q_main{width:100%;margin:0 auto;font-size: 15px;line-height: 2.2;color:#555;padding:50px 0 35px; min-height: 360px;}
.q_main p{width:100%;margin:0 auto;font-size: 15px;line-height: 2.2;color:#555;}
.q_main_title{width: 100%;margin:0 auto 20px;font-size: 17px;color:#e30512;font-weight: 700;letter-spacing: 2px;line-height: 30px;}
.q_body{width:100%;margin:0 auto;padding:20px 0;border-top:1px dashed #ddd;border-bottom:1px dashed #ddd;min-height: 210px;}
.q_body.q_list{padding:35px 0 25px;}
/* q_main end! */

/* q_n_product start! */
.q_n_product_top{width:100%;margin:0 auto;}
.q_n_product_top_l{width:500px;float: left;border:1px solid #eee;overflow:hidden;padding:10px;}
.q_n_product_top_l .img{padding: 71.4% 0 0;}
.q_n_product_top_l.more .img{padding:100% 0 0;}
.q_n_product_top_r{width:calc(100% - 560px);float: right;}
.q_n_product_top_r h1{width:100%;margin:0 auto;font-size: 18px;color:#555;line-height: 30px;letter-spacing: 2px;position: relative;
    padding:0 0 10px 10px;border-bottom:1px dashed #eee;font-weight: 700;
}
.q_n_product_top_r h1 span{color:#444;font-weight: 400;}
.q_n_product_top_r .price{width:100%;margin:15px auto 0;font-size: 18px;color:#555;line-height: 30px;letter-spacing: 2px;position: relative;
    padding:25px 10px;border-bottom:1px dashed #eee;border-top:1px dashed #eee;font-weight: 400;
}
.q_n_product_top_r .price span{color:#444;font-weight: 700;}
.q_n_product_top_r .price span i{color:#e30512;font-style:normal;}
.q_n_product_top_r .h1{width:100%;margin:30px auto 0;position: relative;font-size: 16px;color:#555;line-height: 30px;text-align: justify;font-weight: 700;}
.q_n_product_top_r .h1 span{font-size: 18px;color:#444;line-height: 30px;font-weight: 400;}

.group{width:100%;margin:15px auto 0;}
.group_txt{width:100%;margin:0 auto 10px;font-size: 14px;color:#555;}
.group_txt:after{content:"."; display:block; height:0; visibility:hidden; clear:both;font-size: 0;}
.group_txt span{display: inline-block;margin-right: 5px;float:left;line-height: 25px;}
.group_txt li{float:left;margin-right: 10px;border:1px solid #fff;padding:0 2px;line-height: 25px;cursor: pointer;}
.group_txt li.on{border:1px solid #e30512;}

.group_txt.group_img span{line-height: 60px;height:60px;}
.group_txt.group_img li{width:60px;padding:0;}




.q_body_title{width:100%;margin:25px auto 0;font-size: 18px;line-height: 30px;letter-spacing: 2px;color:#444;font-weight: 700;}
.q_body_content{width:100%;margin:20px auto 0;padding:20px 0;border-top:1px dashed #ddd;min-height: 150px;}
/* q_n_product end! */

/* q_n_news start! */
.q_n_news_list{width:100%;margin:0 auto;}
.q_n_news_item{width:100%;margin:0 auto 20px;background-color: #f7f7f7;}
.q_n_news_item:after{content:"."; display:block; height:0; visibility:hidden; clear:both;font-size: 0;}
.q_n_news_item_img{width:200px;float:left;height:150px;padding:15px;transition: all .2s;}
.q_n_news_item_img .img{height:100%;}

.q_n_news_item_date{width:200px;height:150px;float:right;padding:30px 15px;position: relative;}
.q_n_news_item_date span{font-size:19px;color:#999; }
.q_n_news_item_date a{display: inline-block;padding:5px 12px;border:1px solid #e5e5e5;border-radius: 20px;font-size: 12px;line-height: 20px;
  position: absolute;left:15px;bottom:25px;color:#ccc;transition: all .3s;
}

.q_n_news_item_txt{width:calc(100% - 500px);margin-left: 50px;padding:25px 0;float: left;}
.q_n_news_item_txt h3{width:100%;margin:0 auto;}
.q_n_news_item_txt h3 a{outline: none;display: block;width:100%;margin:0 auto;font-size: 16px;color:#444;line-height: 25px;height:25px;
  overflow:hidden;text-overflow: ellipsis;white-space: nowrap;
}

.q_n_news_item_txt p{width:100%;margin:20px auto 0;font-size: 13px;color:#888;text-align: justify;line-height: 26px;height: 52px;
  display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;
}
.q_n_news_item:hover{box-shadow: 0 6px 10px 5px rgba(0, 0, 0, .08);background-color: #e30512;}
.q_n_news_item:hover .q_n_news_item_date span{color:#fff;}
.q_n_news_item:hover .q_n_news_item_date a{left:45px;border:1px solid #fff;color:#e30512;background-color:#fff;}
.q_n_news_item:hover .q_n_news_item_txt h3 a{color:#fff;}
.q_n_news_item:hover .q_n_news_item_txt p{color:#fff;}

/* q_n_show */
.q_n_show_h{width:90%;margin:0 auto 25px;font-size: 22px;line-height: 30px;color:#333;letter-spacing: 2px;text-align: center;}
.q_n_show_span{width:95%;margin:0 auto 25px;text-align: center;font-size: 13px;color:#888;line-height: 20px;}
.q_n_show_span span{margin:0 5px;}

.q_n_show_info{width:100%;margin:0 auto;padding:10px 20px;background-color: #f5f5f5;font-size: 14px;line-height: 25px;text-align:justify;color:#777;}
.q_n_show_body{width:100%;margin:25px auto 0;min-height: 150px;}
/* q_n_news end! */

/* q_n_message start! */

/* page-index-all */

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

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

.q_n_form{width:100%;margin:40px auto 0;padding:0;display: block;}
.q_n_form:after{content:"."; display:block; height:0; visibility:hidden; clear:both;font-size: 0;}
.q_form_div:after{content:"."; display:block; height:0; visibility:hidden; clear:both;font-size: 0;}
.q_n_form .form-group{margin:0 auto 20px;}
.q_n_form .q_form_div .form-group{width:49%;float:left;margin:0 2% 20px 0;padding:0;}
.q_n_form .q_form_div .form-group:nth-of-type(2n){margin:0 0 20px 0;}
.q_n_form .form-group .addon{background-color: #e30512;color:#fff;border: solid 1px #e30512;}
.q_n_form .form-group .input:focus{border: solid 1px #e30512;}
.q_n_form .form-button{text-align: center;margin:20px auto 0;padding:0;}
.q_n_form .form-button .button{display: inline-block; padding:6px 35px;
  background-color: #e30512;color:#fff;border: solid 1px #e30512;font-size: 16px;line-height: 25px;letter-spacing: 1px;
}
/* q_n_message end! */

/* q_n_contact start! */
.q_n_con_top{width:100%;margin:0 auto;}
.q_n_con_top_img{width:350px;float:right;}
.q_n_con_top_txt{width:calc(100% - 400px);float:left;padding:20px 0 0; font-size: 24px;line-height: 35px;color:#222;letter-spacing: 2px;}
.q_n_con_p{width:100%;margin:20px auto 0;}
.q_n_con_p p{width:100%;margin:0 auto 10px;font-size: 15px;line-height: 25px;text-align: justify;color:#555;}

.q_n_map{width:100%;margin:30px auto 0;}
#allmap {width: 100%;height: 500px;font-size: 14px;line-height: 30px;overflow: hidden;font-family:"微软雅黑";}
#allmap b{color: #e30512;font-weight: 700;font-size: 17px;line-height: 30px;}
#allmap img{max-width: none;}
/* q_n_contact end! */




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

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

/* 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: #e30512;}
.footer_m:after{content:"."; display:block; height:0; visibility:hidden; clear:both;font-size: 0;}
.footer_m_item {width:33%;float:left;height:40px;text-align: center;}
.footer_m_item a{outline: none}
.footer_m_item_icon {width:100%;height:20px;}
.footer_m_item_icon a{outline: none;display: block;width: 100%;height:100%;outline: none;}
.footer_m_item_icon img{width:20px;height:20px;}
.footer_m_item_txt{width:100%;height:20px;line-height: 20px;color:#fff;font-size: 12px;}
/* m_footer end! */