@charset "UTF-8";
/* css utf-8 编码声明  下面注释若有必要可自行删除
Write by 奇点网络 WWW.QIDIANRT.COM  QQ/WeChat：1195650011  Tel：15508600880
 */
/* 此CSS样式为奇点网络-李露露编写 类名通用加前缀 q_ */


@media(min-width: 640px){
	.sp_header,.sjj_nav{display: none;}
}

@media(max-width: 640px){

/* page1、page2 start! */
section.page1 {height: auto;position: relative;}
section.page2 {top:0;height:auto;position: relative;}
/* page1、page2 end! */


/* sp_header  start! */
.sp_header{height:60px;overflow:hidden;background:#fff;position:fixed;z-index:10;width:100%;display: block;top:0;}
.sp_header.sp_header_fixed{box-shadow: 0 0 4px #ccc;}
.sp_logo{padding:0;float:left;height:60px}
.sp_logo a{outline: none;display: block;padding:10px 15px;}
.sp_logo img{margin:auto;max-height:40px;}
.sp_nav{width:60px;float:right;position:relative;cursor:pointer;height:26px;margin-top:20px}
.sp_nav span{display:block;background:#e30512;width:30px;height:3px;position:absolute;left:10px;transition:all ease 0.35s;border-radius: 3px;}
.sp_nav span:nth-of-type(1){top:0px}
.sp_nav span:nth-of-type(2){top:10px}
.sp_nav span:nth-of-type(3){top:20px}
.sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){width:0}
.sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}
.sjj_nav{position:fixed;z-index:9;background:#fff;width:100%;height:calc(100% - 104px);font-size:14px;line-height:40px;top:-100%;left:0;display: block;
  overflow:auto;overflow-x:hidden;transition:top ease 0.35s;border-top:1px solid #ddd;
}
.nav_show{top:60px}
.sjj_nav ul{transition: all 0s;}
.sjj_nav ul li{transition: all 0s;}
.sjj_nav>ul>li:first-child{overflow:hidden;border-top:0}
.sjj_nav>ul>li:first-child>a{float:left;width:calc(100% - 70px)}
.sjj_nav>ul>li:first-child .language{float:right;width:70px;overflow:hidden;line-height:30px;margin-top:10px}
.sjj_nav>ul>li:first-child .language a{width:35px;float:left;border-left:1px #ddd solid;text-align:center;color:#999;outline: none;}
.sjj_nav ul li i{position:absolute;top:7px;right:0px;border-left:1px #ddd solid;height:30px;padding:0px 7px 0 7px;}
.sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
.sjj_nav ul li{border-top:1px #ddd solid;margin-left:20px;position:relative;line-height:50px;font-size:16px}
.sjj_nav>ul >li:last-child{border-bottom:1px #ddd solid;}
.sjj_nav ul li ul{display:none}
.sjj_nav ul li a{outline: none;color:#666;width:80%;display: block;}
.sjj_nav ul li ul li a{color:#999;display:block;text-align:left;}
.sjj_nav ul li i svg{width:20px;height:30px;fill:#555;line-height: 40px;display: block;}
.sjj_nav ul li .sjj_nav_i_se svg{fill:#e30512}
.sjj_nav ul li ul li>ul{margin-left:10px}
/* sp_header  end! */


/* nav start! start! */
.q_aside_bg,.q_menu,.q_all_nav,.page1_arrow{display: none;}
/* nav start! end! */

/* q_banner start! */
.q_banner{margin:60px auto 0;height:auto;}
.q_banner .swiper_banner{height:auto;}
.q_banner .swiper_banner{height:auto;}
.q_banner .swiper_banner .swiper-wrapper{height:auto;}
.q_banner .swiper_banner .swiper-slide{height:auto;}
.q_banner .swiper_banner .swiper-slide a{height:auto;padding:60% 0 0;}
.q_banner .swiper_banner .swiper_pagination_banner{bottom:5%;}
.q_banner .swiper_banner .swiper_pagination_banner .swiper-pagination-bullet{width:36px;height:6px;}
.q_banner .swiper_banner .swiper_button_banner{display: none;}
/* q_banner end! */

/* q_section start! */
.q_section{padding:30px 0;}
.q_section_title{padding:0 25px;}
.q_section_title_h{font-size: 22px;line-height: 30px;letter-spacing: 2px;}
.q_section_title_h a{width:24px;height:24px;line-height: 22px;font-size: 14px;top:5px;right:-40px;padding-left: 0;font-weight: normal;}
.q_section_title_line{width:6%;margin:5px auto;border-top:3px solid #e50b19;}
.q_section_title_h_small{font-size: 14px;color:#e50b19;line-height: 25px;}
.q_section_title_p{margin:10px auto 0;font-size: 14px;line-height: 22px;}

.q_section_main{margin:25px auto 0;padding:0 25px;font-size: 14px;line-height: 2;}
.q_section_main p{font-size: 14px;line-height: 2;}

.q_section_more{margin:30px auto 0;}
.q_section_more>a{padding:6px 25px;font-size: 13px;line-height: 25px;letter-spacing: 0;}

.q_section_circle{width:55px;height:55px;line-height: 51px;font-size: 17px;bottom:-27px;margin-left: -27px;}
/* q_section end! */

/* q_advantage start! */
.q_advantage{padding:35px 0 45px;}
.q_adv_list{padding:15px 0 0;}
.q_adv_item{width:100%;margin:0 auto 20px;float:none;padding:0 15%;border-left:0;text-align: center;}
.q_adv_item_h{font-size: 25px;line-height: 38px;}
.q_adv_item_p{font-size: 14px;line-height: 25px;}
.q_adv_item_span{margin:10px auto 0;}
.q_adv_item_span>span{height:10px;}
.q_adv_item_span .span1{width:49.5%;}
.q_adv_item_span .span2{width:49.5%;}

/* q_advantage end! */

/* q_product start! */
.q_product{padding:45px 0 40px;}
.q_product_bg{height:auto;}

.q_pro_ul>li{width:32%;margin:0 2% 0 0;border-radius: 4px;}

.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{margin:25px auto;}

/* q_pro_list */
.q_pro_item{width:50%;float:left;}
.q_pro_item .img{padding:85.4% 0 0;}
.q_pro_item_mask{display: none;}
.q_pro_item_main span{font-size: 18px;letter-spacing: 1px;font-weight: 700;}

.q_pro_item:nth-of-type(5){width:100%;}
.q_pro_item:nth-of-type(5) .img{padding:42.7% 0 0;}
.q_pro_item:nth-of-type(5) .q_pro_item_txt{width:50%;float:left;}
.q_pro_item:nth-of-type(5) .q_pro_item_img{width:50%;float:right;}

/* q_product end! */

/* q_designer start! */
.q_designer{padding:40px 0 45px;}

.q_designer .swiper_designer .swiper_button_designer{width:30px;height:30px;line-height: 30px;margin-top: -15px;font-size: 18px;}
.q_designer .swiper_designer .swiper_button_designer.swiper_button_designer_prev{left:0;}
.q_designer .swiper_designer .swiper_button_designer.swiper_button_designer_next{right:0;}

.q_designer_item{padding:0 15%;}
.q_designer_item_p{font-size: 15px;line-height: 25px; height:125px;letter-spacing: 1px;font-style:italic;overflow:hidden;}
.q_designer_item_span{margin:25px auto;}
.q_designer_item_span span{font-size: 16px;line-height: 30px;}
.q_designer_item_span span:before{width:40px;top:16px;left:-53px;}
.q_designer_item_span span:after{width:40px;top:16px;right:-53px;}

/* q_designer end! */

/* q_case start! */
.q_case{padding:45px 0 30px;}
.q_case_item{width:48%;margin:0 4% 15px 0;}
.q_case_item:nth-of-type(3n){margin:0 4% 15px 0;}
.q_case_item:nth-of-type(2n){margin:0 0 15px 0;}
.q_case_item_img .img{padding:71.4% 0 0;}
a.q_case_mask{padding:25px;background-color: rgba(0,0,0,.3);}

.q_case_mask_main h3{font-size: 16px;line-height: 25px;font-weight: 400;letter-spacing: 1px;}
.q_case_item:hover .q_case_mask_main h3{
  transform: translateY(10px);
  -webkit-transform: translateY(10px);
  -moz-transform: translateY(10px);
  -ms-transform: translateY(10px);
  -o-transform: translateY(10px);
}

/* q_case end! */

/* q_news start! */
.q_news{padding:35px 0;}
.q_news_item{width:100%;float:none;margin:0 auto 25px;}
.q_news_item:nth-of-type(3n){margin:0;}
.q_news_item_catname{padding:12px 10px;}
.q_news_item_catname span{font-size: 22px;font-weight: 400;height:40px;}
.q_news_item_catname .span1{width:40px;border:2px solid #fff;line-height: 36px;margin-right: 5px;}
.q_news_item_catname .span2{line-height: 40px;letter-spacing: 3px;}
.q_news_item ul{padding:10px 15px;min-height: auto;}
.q_news_item ul>li{padding:5px;}
.q_news_item ul>li:before{width:4px;height:4px;background-color: #e30512;top:16px;left:5px;}
.q_news_item ul>li>a{font-size: 13px;line-height: 25px;height:25px;padding:0 10px 0 15px;}
/* q_news end! */

/* q_partner start! */
.q_partner{padding:30px 25px;border-top:5px solid rgba(41, 41, 41, 1);}
.q_partner_title{width:100%;float:none;font-size: 18px;line-height: 30px;height:30px;letter-spacing: 1px;}
.q_partner_ul{width:100%;float:none;margin:20px auto 0;}
.q_partner_ul>li{width:48%;float:left;margin:0 4% 12px 0;}
.q_partner_ul>li:nth-of-type(2n){margin:0 0 12px 0;}
.q_partner_ul>li>a{height:auto;padding:33% 0 0;}

/* q_partner end! */

/* q_footer start! */
.q_footer{padding:30px 25px 20px;}

.q_footer_nav{padding:0 0 25px;margin:0 auto 25px;}
.q_footer_nav>li{display:block;width:32%;float:left; margin:0 2% 20px 0;text-align: center;}
.q_footer_nav>li:nth-of-type(3n){margin:0 0 20px 0;}
.q_footer_nav>li>a{width:54px;height:54px;line-height: 54px;font-size: 15px;margin:0 auto;}

.q_footer_item{width:33%;float:left;}
.q_footer_item>a{padding:0 5%;}
.q_footer_item_txt{margin:10px auto 0;font-size: 14px;line-height: 24px;}

.q_footer_b .q_footer_main{margin:25px auto 0;padding:20px 0 0;}
.q_footer_b span,.q_footer_b a{margin:0 3px;line-height: 20px;font-size: 13px;}
/* q_footer end! */

/* q_n_banner start! */
.q_n_banner{margin:60px auto 0;}
.q_n_banner .img{padding:44% 0 0;}
/* q_n_banner end! */

/* q_n_nav start! */
.q_n_nav{padding:15px 25px 5px;}
.q_n_nav ul>li{float:left;width:32%;margin:0 2% 10px 0;border:1px solid #fff;padding:5px 5px;}
.q_n_nav ul>li:nth-of-type(3n){margin:0 0 10px 0;}
.q_n_nav ul>li>a{font-size: 14px;line-height: 25px;height:25px;letter-spacing: 1px;text-align: center;padding:0;}
.q_n_nav ul>li>a:after{height:0;}
.q_n_nav ul>li.on{border:1px solid #fff;background-color: #fff;}
.q_n_nav ul>li.on>a{color:#e30512;}

/* q_n_nav end! */

/* q_main start! */
.q_main{font-size: 15px;line-height: 2;padding:25px 25px 30px; min-height: 210px;}
.q_main p{font-size: 15px;line-height: 2;}
.q_main_title{font-size: 18px;letter-spacing: 1px;text-align: center;}
.q_body{padding:20px 0;min-height: 150px;}
.q_body.q_list{padding:25px 0 20px;}
/* q_main end! */

/* q_n_product start! */
.q_n_product_top_l{width:100%;float: none;}
.q_n_product_top_r{width:100%;float: none;margin:20px auto 0;}
.q_n_product_top_r h1{font-size: 17px;line-height: 25px;letter-spacing: 1px;padding:5px 0;}
.q_n_product_top_r .price{font-size: 17px;line-height: 25px;letter-spacing: 1px;padding:10px 0;}
.q_n_product_top_r .h1{margin:10px auto 0;font-size: 14px;line-height: 25px;}
.q_n_product_top_r .h1 span{font-size: 17px;line-height: 25px;}

.group_txt.group_img span{line-height: 40px;height:40px;}
.group_txt.group_img li{width:40px;padding:0;margin-right: 5px;}


.q_body_title{margin:20px auto 0;font-size: 17px;line-height: 25px;letter-spacing: 1px;}
.q_body_content{margin:15px auto 0;padding:12px 0;min-height: 120px;}
/* q_n_product end! */

/* q_n_news start! */

.q_n_news_item{margin:0 auto 20px;}
.q_n_news_item_img{width:200px;float:left;height:150px;padding:15px;}
.q_n_news_item_img .img{height:100%;}

.q_n_news_item_date{width:calc(100% - 220px);height:150px;float:right;padding:30px 15px;text-align: right;}
.q_n_news_item_date span{font-size:16px;}
.q_n_news_item_date a{padding:5px 12px;left:auto;bottom:30px;right:15px;}

.q_n_news_item_txt{width:100%;margin:0 auto;padding:20px 15px 15px;float: none;}
.q_n_news_item_txt h3 a{font-size: 17px;line-height: 25px;height:auto;white-space: normal;}

.q_n_news_item_txt p{margin:8px auto 0;font-size: 13px;line-height: 26px;height: 52px;
  display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;
}
.q_n_news_item:hover .q_n_news_item_date a{left:auto;}

/* q_n_show */
.q_n_show_h{width:95%;margin:10px auto 20px;font-size: 18px;line-height: 25px;letter-spacing: 1px;}
.q_n_show_span{margin:0 auto 15px;font-size: 13px;color:#888;line-height: 20px;}
.q_n_show_span span{margin:0 5px;}

.q_n_show_info{padding:10px 18px;font-size: 13px;line-height: 25px;}
.q_n_show_body{margin:20px auto 0;min-height: 120px;}
/* q_n_news end! */

/* q_n_message start! */

/* page-index-all */
.q_form_mask_in{width:300px;left:50%;margin-left:-150px;}

.q_n_form{margin:20px auto 0;}
.q_n_form .form-group{margin:0 auto 15px;}
.q_n_form .q_form_div .form-group{width:100%;float:none;margin:0 auto 15px;}
.q_n_form .q_form_div .form-group:nth-of-type(2n){margin:0 auto 15px;}
.q_n_form .form-button{margin:20px auto 0;}
.q_n_form .form-button .button{padding:6px 35px;font-size: 16px;line-height: 25px;letter-spacing: 1px;}
/* q_n_message end! */

/* q_n_contact start! */
.q_n_con_top_img{width:100%;float:none;text-align: center;padding:0 15%;}
.q_n_con_top_txt{width:100%;float:none;margin:20px auto 0;padding:0; font-size: 18px;line-height: 30px;letter-spacing: 1px;}
.q_n_con_top_txt h1{font-size: 22px;line-height: 30px;letter-spacing: 1px;}
.q_n_con_p{margin:15px auto 0;}
.q_n_con_p p{margin:0 auto 8px;font-size: 14px;line-height: 25px;}

.q_n_map{margin:25px auto 0;}
#allmap {height: 210px;}
/* q_n_contact end! */

}


@media(max-width: 500px){

}

@media(max-width: 370px){
/* sp_header  start! */
.sp_header{height:54px;}
.sp_logo{height:54px}
.sp_logo img{max-height:34px;}
.sp_nav{margin-top:14px}

.nav_show{top:54px}
/* sp_header  end! */
.q_banner,.q_n_banner{margin:54px auto 0;}

}