@charset "UTF-8";

html,body{/*scroll-behavior:smooth;*/}  /* 不使用js只用css实现锚点平滑滚动 */
body {
	width:100%;
	margin:0 auto;
	min-height: 300px;
	background-color: #fff;
	font-family: 'Microsoft Yahei',Arial,Verdana,sans-serif;
	font-size: 15px;
	color:#555;
}
ul,li {list-style: none;}
.clearfix {clear:both;}
img {max-width:100%;}
body a {outline: none;}
/* 统一调整字间距 */
div,a,span,p,ul,li{padding:0;margin:0;}
.main1440{width:100%;max-width:1440px;margin:0 auto;}
.main1600{width:100%;max-width:1600px;margin:0 auto;}
/* 电脑端隐藏 */
@media (min-width:740px ) {
	.pc_hidden{display: none;}
}
/* 手机端隐藏 */
@media (max-width:740px ) {
	.m_hidden{display: none;}
}
/* 平板端隐藏 */
@media (min-width:740px ) and (max-width: 1000px) {
	.pb_hidden{display: none;}
}
@media (max-width: 740px) {
	.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: 740px){
	#toTop{width:35px;height:35px;bottom:75px;}
}
/* 返回顶部  结束 */
.q_mask{width:100%;height:100%;position: absolute;left:0;top:0;}
.q_mask_in{width:100%;position: absolute;left:0;top:50%;text-align: center;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
}
a.img{outline: none;display: block;width:100%;}
.img{background-position: center center;background-size: cover;background-repeat: no-repeat;
  -moz-transition: all .8s ease 0s;
  -ms-transition: all .8s ease 0s;
  -o-transition: all .8s ease 0s;
  -webkit-transition: all .8s ease 0s;
  transition: all .8s ease 0s;
}
.hover:hover .img{
  -moz-transform:scale(1.15,1.15);
  -ms-transform:scale(1.15,1.15);
  -o-transform:scale(1.15,1.15);
  -webkit-transform:scale(1.15,1.15);
  transform:scale(1.15,1.15);
}
.q_row{width:100%;margin:0 auto;}
.q_row:after{content:"."; display:block; height:0; visibility:hidden; clear:both;font-size: 0;}
.q_n_img{width:100%;margin:20px auto;text-align: center;}
.clear{clear:none;}
.clear:after{content:"."; display:block; height:0; visibility:hidden; clear:both;font-size: 0;}

/* q_header start! */
.q_header{width:100%;background-color: #fff;position: fixed;left:0;top:0;z-index: 2;}
.q_header.q_header_fixed{box-shadow: 0 0 10px #ccc;}

/* q_search */
.q_search{width:50px;float:right;text-align: right;padding:38px 0;transition: all .3s;cursor: pointer;}
/* q_logo */
.q_logo{width:450px;float:left;}
.q_logo>h1>a{outline: none;display: block;width:100%;padding:15px 0;transition: all .3s;}
.q_logo>h1>a>img{height:80px;}
/* q_nav */
.q_nav{width:calc(100% - 540px);float:left;font-size: 0;text-align: right;margin-left: 10px;}
.q_nav>li{display: inline-block;margin-left:25px;position: relative;}
.q_nav>li>a{outline: none;display:block;width:100%;padding:38px 0;transition: all .3s;position: relative;}
.q_nav>li>a:after{position: absolute;left: 50%;bottom: 0;content: "";width: 0;height: 3px;background-color: #e41826;border-radius: 3px;
	-webkit-transition: all 0.5s ease-in-out;
	   -moz-transition: all 0.5s ease-in-out;
	    -ms-transition: all 0.5s ease-in-out;
	     -o-transition: all 0.5s ease-in-out;
	        transition: all 0.5s ease-in-out;
}
.q_nav>li:hover>a:after,.q_nav>li.on>a:after{width: 100%;transform: translateX(-50%);}
.q_nav>li>a>span{display:block;width:100%;padding:0 10px;font-size:18px;line-height: 34px;height:34px;color:#3e3a39;}
.q_nav>li.on>a>span,.q_nav>li:hover>a>span{color:#e41826;}

.q_header.q_header_fixed .q_search{padding:28px 0;}
.q_header.q_header_fixed .q_logo>h1>a{padding:5px 0;}
.q_header.q_header_fixed .q_nav>li>a{padding:28px 0;}

/* q_nav_son */
.q_nav_son{width:150%;position: absolute;top:100%;left:-25%;padding:10px 0;z-index: 10;
	background-color: #fff;display: none;box-shadow: 0 1px 1px #ccc;
}
.q_nav_son>li{width:100%;margin:0 auto;padding:0;}
.q_nav_son>li>a{outline: none;display: block;width:100%;margin:0 auto;padding:0;font-size: 14px;text-align: center;line-height: 36px;color:#555;}
.q_nav_son>li:hover{background-color: #e41826;}
.q_nav_son>li:hover>a{color:#fff;}

/* q_header end! */

/* q_banner start! */
.q_banner{width:100%;margin:110px auto 0;}
.q_banner .swiper_banner .swiper-slide a{outline: none;display: block;width:100%;padding:38% 0 0;
	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:10px;height:10px;background-color: rgba(0,0,0,0);border:1px solid #fff;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: 52px;margin-top: -28px;font-size: 30px;
  text-align: center;border-radius: 50%;border:1px solid #fff;color:#fff;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 end! */

/* q_section start! */
.q_section_l{width:400px;float:left;margin-left: calc((100% - 1440px ) /2 );padding:80px 0 0;}
.q_section_r{width:64%;float:right;}
.q_section_title{color:#474747;}
.q_section_title_cn{font-size: 38px;line-height: 45px;font-weight: 700;letter-spacing: 2px;}
.q_section_title_en{font-size: 16px;line-height: 25px;text-transform: uppercase;letter-spacing: 1px;}
.q_section_p{margin:25px auto 0;font-size: 23px;color:#474747;line-height: 30px;}

/* q_section end! */

/* q_product start! */
.q_product{background:url('../images/q_product_bg.jpg') no-repeat center top;}

.q_product_nav{margin:90px 0 0;width:86%;}
.tab .tab-head .q_product_nav li{display: block;margin:0 auto 25px; padding:0;border:1px solid #eee;background-color: #05b2c4;}
.tab .tab-head .q_product_nav li a{outline: none;display: block;width:100%;border-radius: 0;border:0;cursor: pointer;position: relative;
	padding:20px 20px 20px 65px;line-height: 30px;}
.tab .tab-head .q_product_nav li a:after{content:'';width:5px;height:5px;background-color: #ffffff;border-radius: 50%;position: absolute;top:32px;left:43px;}
.tab .tab-head .q_product_nav li a span{display: block;font-size: 22px;color:#383838;line-height: 30px;letter-spacing: 2px;}

.q_product_nav>div{display: block;margin:0 auto; padding:0;border:1px solid #eee;background-color: #fff;}
.q_product_nav>div a{outline: none;display: block;width:100%;border-radius: 0;border:0;cursor: pointer;position: relative;
	padding:20px 20px 20px 65px;line-height: 30px;
}
.q_product_nav>div a span{display: block;font-size: 22px;color:#343434;line-height: 30px;letter-spacing: 2px;}

.tab .tab-head .q_product_nav li.active{background-color: #05b2c4;border:1px solid #05b2c4;}
.tab .tab-head .q_product_nav li.active a:after{background-color: #fff;}
.tab .tab-head .q_product_nav li.active a span{color: #fff;}

.q_product.tab .tab-body{border:0;margin:0 auto;padding:0;}

.q_pro_list{border-top:1px solid #fff;border-left:1px solid #fff;min-height: 960px;}
.q_pro_item{width: 33.33%;float:left;border-bottom:1px solid #fff;border-right:1px solid #fff;}
.q_pro_item a{outline: none;display: block;width:100%;padding:45px 8%;color:#111;background-color:rgba(255,255,255,.5);
	text-align: center;
}

.q_pro_item_h{font-size: 22px;line-height: 30px;height:30px;
	overflow:hidden;text-overflow: ellipsis;white-space: nowrap;
}
.q_pro_item_span{margin:30px auto 20px;font-size: 0;line-height: 0;}
.q_pro_item_span span{display: inline-block;width:20%;height:3px;background-color: #05b2c4;border-radius: 3px;}
.q_pro_item_img .img{padding:90% 0 0;}

.q_pro_item:hover a{background:linear-gradient(45deg,#384e9c,#05b2c4);color:#fff;}
.q_pro_item:hover .q_pro_item_span span{background-color:#fff;}

/* q_product end! */

/* q_about start! */
.q_about{background:url('../images/q_about_l.jpg') no-repeat top left;height:860px;}
.q_about_l .q_section_title{color:#fff;}
.q_about_p{width:75%;margin:50px 0 0;font-size: 19px;text-align:justify;line-height: 2;color:#fff;letter-spacing: 1px;}
.q_about_more{margin:65px auto 50px;}
.q_about_more a{outline: none;display: inline-block;border:1px solid #fff;padding:10px 65px;font-size: 22px;color:#fff;line-height: 25px;}
.q_about_more a:hover{color:#05b2c4;background-color: #fff;}

.q_about_r{background:url('../images/q_about_r.jpg') no-repeat top right;height:100%;position: relative;}
.q_about_r_h{margin:120px auto 0;padding-left:65px;}
.q_about_r_h_main{border-left:5px solid #e41826;padding-left: 20px;}
.q_about_r_h_big{font-size: 30px;color:#111;line-height: 35px;font-weight: 700;letter-spacing: 2px;}
.q_about_r_h_small{margin:5px auto 0; font-size: 16px;color:#666;line-height: 25px;letter-spacing: 1px;}

.q_about_mask{position: absolute;left:0;bottom:0;width:100%;}
.q_about_list{background-color: #fff;}
.q_about_item{width:calc((100% - 4px) / 3);float:left;margin:0 2px 0 0;}
.q_about_item:nth-of-type(3n){margin:0;}

/* q_about end! */

/* q_number start*/
.q_number{padding:35px 5%;background-color: rgba(255,255,255,.8);}
.q_number_main{width:100%;margin:0 auto;padding:0;padding:0;}
.q_number_main:after{content:"."; display:block; height:0; visibility:hidden; clear:both;font-size: 0;}
.q_number_item{width:25%;float:left;border-right:1px solid #eee;padding:0 10px;text-align: center;}
.q_number_item:nth-of-type(4){border-right:0px solid #eee;}
.q_number_top{font-size: 35px;line-height: 45px;color:#e41826;font-weight: 700;font-family: 'Bebas';}
.q_number_top .sub{font-size: 14px;vertical-align: text-top;font-weight: normal;}
.q_number_txt{width:100%;margin:10px auto 0;padding:0;font-size: 16px;color:#777;line-height: 25px;height:25px;
	overflow: hidden;text-overflow: ellipsis;white-space: nowrap;
}
/* q_number end*/

/* q_case start*/
.q_section.q_case{padding:100px 0 120px;background:url('../images/q_case_bg.jpg') no-repeat center bottom;}
.q_case_title_l{width:20%;float:left;}
.q_case_title_r{width:75%;float:right;text-align: right;font-size: 0;}
.q_case_title_r>div{display: inline-block;vertical-align: middle;}
.q_case_more{margin-left: 25px;}
.q_case_more a{outline: none;display: block;width:100%;}
.q_case_more a img{height:40px;}
.q_case_title_p{font-size: 22px;color:#555;line-height: 40px;height:40px;}

.q_case_main{margin:80px auto 0;position: relative;}
.q_case .q_case_main .swiper_button_case{background:none;width:56px;height:56px;line-height: 52px;margin-top: -28px;font-size: 30px;
  text-align: center;border-radius: 50%;border:1px solid #05b2c4;color:#05b2c4;transition: all 0.3s;
}
.q_case .q_case_main .swiper_button_case.swiper_button_case_prev{left:-100px;}
.q_case .q_case_main .swiper_button_case.swiper_button_case_next{right:-100px;}

.q_case_item{width:100%;margin:0 auto;position: relative;}
.q_case_item .img{padding:115.56% 0 0;}
.q_case_item a.q_case_mask{outline: none;display: block;width:100%;padding:30px 5%;position: absolute;left:0;bottom:0;
	text-align: center;background-color: rgba(0,0,0,.5);color:#fff;
}
.q_case_item .q_case_mask span{display: block;width:100%;font-size: 22px;line-height: 30px;height:30px;letter-spacing: 1px;
	overflow: hidden;text-overflow: ellipsis;white-space: nowrap;
}
.q_case_item:hover a.q_case_mask{background:linear-gradient(45deg,#384e9c,#05b2c4);opacity: .9;}
/* q_case end*/

/* q_news start*/
.q_section.q_news{padding:100px 0;}
.q_news_l{width:250px;float:left;}

.q_news_nav{margin:100px auto 0;}

.tab .tab-head .q_news_nav li{display: block;margin:0 auto 30px;padding:0;border:0;background-color: #fff;}
.tab .tab-head .q_news_nav li a{outline: none;display: inline-block;border-radius: 0;border:0;cursor: pointer;
	padding:0 0 5px;line-height: 25px;font-size: 20px;border-bottom: 1px solid #fff;color:#222;
}
.tab .tab-head .q_news_nav li.active a{border-bottom: 1px solid #05b2c4;color:#05b2c4;}

.q_news_r{width:calc(100% - 250px);float:right;position: relative;}

.tab .q_news_r .tab-body{border:0;margin:0 auto;padding:0;}

.q_news_item_img{overflow:hidden;}
.q_news_item_img .img{padding:66.66% 0 0;}
.q_news_item_txt{padding:35px 10%;border:1px solid #ddd;}
.q_news_item_date{font-size: 14px;color:#6e6e6e;line-height: 20px;}
.q_news_item_h{margin:20px auto;}
.q_news_item_h a{outline: none;display:block;width:100%;font-size: 18px;color:#2a2a2a;text-align: justify;line-height: 25px;height: 50px;
	display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;
}
.q_news_item_p{font-size: 13px;color:#979797;text-align: justify;line-height: 22px;height: 66px;
	display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;
}
.q_news_item_more{margin:25px auto 0;}
.q_news_item_more a{outline: none;display: inline-block;font-size: 14px;line-height: 20px;color:#555;border:1px solid #ccc;padding:5px 30px;}

.swiper-slide-active .q_news_item_txt{border:1px solid #05b2c4;background-color: #05b2c4;}
.swiper-slide-active .q_news_item_date{color: #fff;}
.swiper-slide-active .q_news_item_h a{color: #fff;}
.swiper-slide-active .q_news_item_p{color: #fff;}
.swiper-slide-active .q_news_item_more a{color: #fff;border:1px solid #fff;}
.swiper-slide-active .q_news_item_more a:hover{color: #05b2c4;background-color: #fff;}

.q_news .q_news_r .swiper_button_news{background:none;width:32px;height:32px;line-height: 30px;margin-top:0;font-size: 30px;
  text-align: center;border-radius: 0;border:0;color:#05b2c4;transition: all 0.3s;
}
.q_news .q_news_r .swiper_button_news.swiper_button_news_prev{left:-260px;top:auto;bottom:0;}
.q_news .q_news_r .swiper_button_news.swiper_button_news_next{left:-150px;right:auto;top:auto;bottom:0;}
.q_news .q_news_r .swiper_button_news_line{width:2px;height: 20px;background-color: #05b2c4;position: absolute;bottom:4px;left:-190px;}
.q_news .q_news_r .swiper_pagination_news{width:100px;text-align: left;bottom:100px;left:-255px;font-size: 25px;color:#848484;}
.q_news .q_news_r .swiper_pagination_news .swiper-pagination-current{color:#05b2c4;font-size: 46px;}

/* q_news end*/

/* q_footer start! */
.q_footer{width:100%;margin:0 auto;background:#373737;color:#fff;}
.q_footer a{color:#fff;}
.q_footer a:hover{color:#e41826;}
.q_footer_t{padding:70px 0 50px;}

.q_footer_logo{width:280px;float:left;border-right: 1px solid #ddd;padding-right:40px;}
.q_footer_txt{margin:40px auto 0;}
.q_footer_row{border-bottom: 1px solid #ccc;padding:0 0 5px;}
.q_footer_row_icon{width:25px;float:left;}
.q_footer_row_p{width:calc(100% - 30px);float:right;text-align: center;font-size: 17px;line-height: 25px;color:#fff;}
.q_footer_phone{margin:10px auto 20px;text-align: center;font-size: 25px;line-height: 30px; color:#e41826;font-weight: 700;font-family: 'bebas';}
.q_footer_row02 .q_footer_row_p{font-size:15px;}

.q_footer_nav{width:calc(100% - 520px);float:left;margin-left: 50px;}
.q_footer_item{width:14%;float:left;margin:0 2.6% 0 0;}
.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: 17px;line-height: 25px;font-weight: 700;letter-spacing: 2px;}
.q_footer_item_h>a>span{display: inline-block;position: relative;}
.q_footer_item_h>a>span:after{content:'';width:100%;height: 1px;background-color: #e41826;position: absolute;left:0;bottom:-15px;}
.q_footer_item ul{margin:25px auto 0;}
.q_footer_item ul>li{width:100%;margin:0 auto;}
.q_footer_item ul>li>a{outline: none;display: block;width:100%;margin:0 auto;font-size: 14px;line-height: 2.2;color:#fff;opacity: .8;}

.q_footer_tel{width:150px;float:right;text-align: center;padding:10px 0 0;}
.q_footer_tel_wx{margin:0 auto;}
/* q_footer_icon */
.q_footer_icon{width:100%;margin:25px auto 0;padding:0;}
.q_footer_icon span{display: inline-block;width:35px;height:35px;margin:0 10px;position: relative;}
.q_footer_icon span a{outline: none;display: block;width:35px;height:35px;line-height: 35px;border-radius: 50%;background-color: #fff;color:#d0111a;
	font-size: 18px;text-align: center;
}
.q_footer_weixin_div{width:104px;position: absolute;top:50px;left:-55px;display: none;}

.q_footer_b{width:100%;margin:0 auto;background-color: #1f1f1f;padding:20px 0;}
.q_footer_b_l{width:80%;float:left;}
.q_footer_b_r{width:15%;float:right;text-align: right;}
.q_footer_b span,.q_footer_b a{margin:0 4px;line-height: 25px;font-size: 13px;color:#fff;outline: none;text-transform: uppercase;}
.q_footer_b a:hover{color:#e41826;}
.q_footer_b span a{margin:0;}
.q_footer_b span img{display: inline-block;width:25px;margin-right: 8px;}
/* q_footer end! */

/* q_banner_n start! */
.q_banner_n .img{padding:26% 0 0;}
/* q_banner_n end! */

/* q_position start! */
.q_position{width:100%;margin:0 auto;background-color: #f4f4f4;}
.q_position_main{width:100%;margin:0 auto;padding:0;}
.q_position_nav{width:68%;float:left;padding:0;}
.q_position_nav_home{width:56px;float:left;padding:5px 0;text-align: center;background-color: #05b2c4;}
.q_position_nav_home>img{height:40px;}
.q_position_nav>ul{width:calc(100% - 56px);float:right;}
.q_position_nav>ul>li{float:left;border-right: 1px solid #ddd;position: relative;}
.q_position_nav>ul>li>a{outline: none;display: block;width:100%;padding:10px 40px;font-size: 0;color:#5c5c5c;}
.q_position_nav>ul>li>a>span{display: inline-block;font-size: 18px;letter-spacing: 1px;line-height: 30px;height:30px;margin-right: 20px;}
.q_position_nav>ul>li>a>i{display: inline-block;width:30px;height:25px;line-height: 25px;text-align: center;font-size: 15px;vertical-align: top;}
.q_position_nav>ul>li>ul{position: absolute;left:0;top:100%;width:100%;background-color: #f4f4f4;z-index: 2;display: none;}
.q_position_nav>ul>li>ul>li{width:100%;margin:0 auto;}
.q_position_nav>ul>li>ul>li>a{outline: none;display: block;width:100%;padding:10px 10px 10px 40px;font-size: 14px;line-height: 25px;color:#555;}
.q_position_nav>ul>li>ul>li:hover>a,.q_position_nav>ul>li>ul>li.on>a{background-color: #05b2c4;color:#fff;}
.q_position_nav>ul>li:last-child>a,.q_position_nav>ul>li.on>a{color:#05b2c4;}

.q_position_r{width:30%;float:right;padding:10px 0;}
.q_position_txt{width:100%;color:#666;line-height: 30px;height:30px;font-size: 14px;text-align: right;
	overflow: hidden;text-overflow: ellipsis;white-space: nowrap;
}
.q_position_txt a{outline: none;color:#666;}
.q_position_txt a:hover{color:#05b2c4;}
.q_position_txt a:last-child{color:#05b2c4;}
/* q_position end! */

/* q_main start! */
.q_main{padding:60px 0;min-height: 360px;font-size: 16px;color:#555;line-height: 2.2;}
.q_main p{width:100%;margin:0 auto;font-size: 16px;color:#555;line-height: 2.2;text-align: justify;}
/* q_main_title */
.q_main_title{padding:0 0 40px;border-bottom:5px solid #05b2c4;}
.q_main_title .q_row{padding:0 0 0 20px;border-left:5px solid #05b2c4;}
.q_main_title_cn{font-size: 27px;color:#000;font-weight: 700;line-height: 30px;height:30px;letter-spacing: 2px;}
.q_main_title_en{margin:8px auto 0; font-size: 25px;color:#909090;font-weight: 100;line-height: 30px;height:30px;text-transform:uppercase;}
.q_main_content{padding:40px 0 0;}
.q_main_list{padding:0;}
.q_main_l{width:345px;float:left;}
.q_main_nav li{display: block;margin:0 auto 20px; padding:0;border:1px solid #eee;background-color: #fff;}
.q_main_nav li a{outline: none;display: block;width:100%;border-radius: 0;border:0;cursor: pointer;position: relative;
	padding:20px 20px 20px 65px;line-height: 30px;
}
.q_main_nav li a:after{content:'';width:5px;height:5px;background-color: #d00;border-radius: 50%;position: absolute;top:32px;left:43px;}
.q_main_nav li a span{display: block;font-size: 22px;color:#343434;line-height: 30px;letter-spacing: 2px;}

.q_main_nav li.on,.q_main_nav li:hover{background-color: #05b2c4;border:1px solid #05b2c4;}
.q_main_nav li.on a:after,.q_main_nav li:hover a:after{background-color: #fff;}
.q_main_nav li.on a span,.q_main_nav li:hover a span{color: #fff;}

.q_main_r{width:calc(100% - 400px);float:right;}

/* q_main end! */

/* q_n_about start! */
.q_main_about{padding:0 5%;}
.q_main .q_main_about p{font-size: 18px;color:#333;}
/* q_n_about end! */

/* q_n_product start! */
.q_main .q_pro_list{background-color: #f5f5f5;min-height: 100px;}

.q_n_pro_top_l{width:48%;float:left;background-color: #f5f5f5;padding:5px;}
.swiper_product .img{padding:90% 0 0;}
.product_thumbs .swiper-slide{background-color: #fff;border:1px solid #fff;}
.product_thumbs .swiper-slide.swiper-slide-thumb-active{border:1px solid #05b2c4;}

.q_n_pro_top_r{width:46%;float:right;}
.q_h1{padding:15px;background-color: #05b2c4;text-align: center;}
.q_h1 span{display: block;width:100%;font-size: 24px;line-height: 30px;color:#fff;letter-spacing: 2px;}
.q_n_pro_top_ul{margin:35px auto 0;}
.q_n_pro_top_li{margin:0 auto 15px;}
.q_n_pro_top_li:after{content:"."; display:block; height:0; visibility:hidden; clear:both;font-size: 0;}
.q_n_pro_top_li_h{width:75px;float:left;position: relative;font-size: 18px;color:#222;font-weight: 700;line-height: 30px;}
.q_n_pro_top_li_h:after{content:'';width:2px;height:15px;background-color: #555;position: absolute;right:-13px;top:8px;}
.q_n_pro_top_li_txt{width:calc(100% - 105px);float:right;font-size: 17px;color:#555;line-height:30px;text-align: justify;}

.q_n_pro_form{margin:50px auto 0;}
.q_n_pro_form_h{padding:8px 25px;background-color: #05b2c4;color:#fff;font-size: 18px;letter-spacing: 2px;line-height: 25px;}

/* q_n_product_tab */
.q_n_product_tab{margin:45px auto 0;}
.q_n_product_tab.tab .tab-head .tab-nav{background-color: #f4f4f4;padding:0 8%;}
.q_n_product_tab.tab .tab-head .tab-nav li{display: block;float:left;background-color: #eaeaea;}
.q_n_product_tab.tab .tab-head .tab-nav li a{outline: none;display: block;width:100%;padding:12px 40px;font-size: 17px;letter-spacing: 1px;
	color:#555;border:0;border-radius: 0;
}
.q_n_product_tab.tab .tab-head .tab-nav li.active{background-color: #05b2c4;}
.q_n_product_tab.tab .tab-head .tab-nav li.active a{color:#fff;}
.q_n_product_tab.tab .tab-body{margin:45px auto 0;border:0;padding:0;}
.q_n_product_tab.tab .tab-body .tab-panel{min-height: 150px;}
.q_product_panel{width:100%;/*overflow-x: scroll;*/}

/* q_relation */
.q_relation{margin:45px auto 0;border-top:1px solid #ddd;border-bottom:1px solid #ddd;padding:35px 0;}
.q_relation_h{width:150px;float:left;text-align: center;padding:170px 0 0;}
.q_relation_h span{display: block;width:100%;font-size: 22px;color:#000;font-weight: 700;letter-spacing: 2px;line-height: 25px;}
.q_relation_list{width:calc(100% - 150px);float:right;}
.q_rel_item{width:31%;float:left;margin:0 3.5% 0 0;text-align: center;}
.q_rel_item:nth-of-type(3n){margin:0;}
.q_rel_item_img .img{padding:90% 0 0;}
.q_rel_item_txt{margin:30px auto 0;padding:0 15px;}
.q_rel_item_txt a{outline: none;display: block;width:100%;font-size: 17px;color:#555;line-height: 25px;height: 25px;
	overflow: hidden;text-overflow: ellipsis;white-space: nowrap;
}
.q_rel_item_txt a:hover{color:#05b2c4;}

/* q_n_product end! */

/* q_n_case start! */
.q_n_case_list{margin:0 auto -20px;}
.q_n_case_item{width:23%;float:left;margin:0 2% 40px 0;overflow:hidden;position: relative;}
.q_n_case_item:nth-of-type(4n){margin:0 0 40px 0;}
.q_n_case_item .img{padding:115.56% 0 0;}
.q_n_case_item a.q_case_mask{outline: none;display: block;width:100%;padding:15px 5%;position: absolute;left:0;bottom:0;
	text-align: center;background-color: rgba(0,0,0,.5);color:#fff;
}
.q_n_case_item .q_case_mask span{display: block;width:100%;font-size: 22px;line-height: 30px;height:30px;letter-spacing: 1px;
	overflow: hidden;text-overflow: ellipsis;white-space: nowrap;
}
.q_n_case_item:hover a.q_case_mask{background:linear-gradient(45deg,#384e9c,#05b2c4);opacity: .9;}

/* q_n_case end! */

/* q_n_news start! */

.q_n_news_list{width:100%;margin:0 auto;padding:0;}
.q_n_news_item{width:100%;margin:0 auto;padding:30px 50px;border-bottom: 1px solid #ddd;}
.q_n_news_item:after{content:"."; display:block; height:0; visibility:hidden; clear:both;}
.q_n_news_item_img{width:386px;height:195px;float:left;overflow: hidden}
.q_n_news_item_img>a{outline: none;display: block;width:100%;height:100%;background-position: center center;background-size: cover;
	-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_txt{height:195px;}
.q_n_news_item_txt_h{width:100%;margin:0 auto;padding:0;}
.q_n_news_item_txt_h>a{width:100%;margin:0 auto;padding:0;outline: none;display: block;font-size: 22px;color:#222;line-height: 35px;height:35px;
	overflow: hidden;text-overflow: ellipsis;white-space: nowrap;
}
.q_n_news_item_txt_date{width:100%;margin:0 auto;padding:0;font-size: 14px;color:#aaa;}
.q_n_news_item_txt_p{width:100%;margin:12px auto 0;font-size: 15px;line-height: 27px;height:54px;text-align: justify;color:#666;
	display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;
}
.q_n_news_item_more{width:100%;margin:17px auto 0;padding:0;}
.q_n_news_item_more>a{display: inline-block;padding:7px 40px;font-size: 14px;line-height: 20px; color:#fff;background-color:#05b2c4;}
.q_n_news_item:hover{background-color:#05b2c4;}
.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_more>a{color:#05b2c4;background-color:#fff;}

/* q_show */
.q_show{width:100%;margin:0 auto;padding:0;}
.q_show_h{width:100%;margin:0px auto 0;padding:0 10%;font-size: 22px;color:#111;line-height: 30px;text-align: center;letter-spacing: 2px;}
.q_show_span{width:100%;margin:40px auto 0;background-color: #eee;padding:6px 15px;text-align: center;}
.q_show_span span{display: inline-block;margin:0 5px;font-size: 13px;line-height: 20px;color:#777;}
.q_show_body{width:100%;margin:20px auto 0;padding:30px  50px 25px;font-size: 16px;line-height: 2.2;color:#555;border-bottom: 1px solid #ddd;}
.q_show_body p{width:100%;margin:0 auto;padding:0;font-size: 16px;line-height: 2.2;color:#555;text-align: justify;}
/* q_n_news end! */


/* q_n_contact start! */
.q_n_contact{width:100%;margin:0 auto;padding:0;}
.q_n_contact:after{content:"."; display:block; height:0; visibility:hidden; clear:both;font-size: 0;}
.q_n_contact_img{width:320px;height:225px;float:right;background-color: #f6f6f6;text-align: center;padding:34px 0 0 0;}
.q_n_contact_txt{width:calc(100% - 325px);height:225px;float:left;}
.q_n_contact_txt:after{content:"."; display:block; height:0; visibility:hidden; clear:both;}
.q_n_contact_item{width:calc((100% - 5px) / 2);height:110px;float: left;margin:0 5px 5px 0;background-color: #f6f6f6;padding:25px 20px 10px 30px;}
.q_n_contact_item:nth-of-type(2n){margin:0 0 5px 0;}
.q_n_contact_item:after{content:"."; display:block; height:0; visibility:hidden; clear:both;}
.q_n_contact_item:nth-of-type(n+3){margin:0;}
.q_row1 .q_n_contact_item{width:calc((100% - 10px) / 3);margin:0 5px 5px 0;}
.q_row1 .q_n_contact_item:nth-of-type(2n){margin:0 5px 5px 0;}
.q_row1 .q_n_contact_item:nth-of-type(3n){margin:0 0 5px 0;}

.q_n_contact_item_icon{width:60px;float:left;}
.q_n_contact_item_txt{width:calc(100% - 85px);height:60px;float:right;}
.q_n_contact_item_txt_h{width:100%;margin:0 auto;font-size: 18px;font-weight: bold;color:#353535;line-height: 35px;}
.q_n_contact_item_txt_p{width:100%;margin:0 auto;font-size: 14px;color:#353535;line-height: 25px;}

.q_form .q_n_form{margin:90px auto;padding:0 12%;}
.q_form .q_n_form .q_form_div .form-group{width:49%;float:left;margin:0 2% 20px 0;padding:0;}
.q_form .q_n_form .q_form_div .form-group:nth-of-type(2n){margin:0 0 20px 0;}

.q_form .q_n_form .form-button{text-align: center;margin:25px auto 0;}
.q_form .q_n_form .form-button .button{width:auto; display: inline-block;padding:8px 50px;float:none;}
/* q_map */
.q_map{width:100%;height:450px;margin:40px auto 0;padding:0 0 20px;border-bottom: 1px solid #ccc;}
#allmap {width: 100%;height: 100%;font-size: 14px;line-height: 25px;overflow: hidden;font-family:"微软雅黑";}
#allmap b{color: #05b2c4;font-weight: 700;font-size: 17px;line-height: 30px}
#allmap img{max-width: none;}
#allmap span:nth-of-type(2){margin-left: 20px;}

/* q_n_contact end! */




.q_n_form{width:100%;margin:10px 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;}
.q_n_form .q_form_div .form-group{width:49%;float:left;margin:0 2% 10px 0;padding:0;}
.q_n_form .q_form_div .form-group:nth-of-type(2n){margin:0 0 10px 0;}
.q_n_form .form-group .addon{background-color: #05b2c4;color:#fff;border: solid 1px #05b2c4;}
.q_n_form .form-group .input{padding:6px 15px;border-radius: 2px;}
.q_n_form .form-group .input:focus{border: solid 1px #05b2c4;}
.q_n_form .form-button{text-align: center;margin:0 auto;padding:0;}
.q_n_form .form-button .button{display:block;width:49.5%;float:left;margin:0 1% 0 0;padding:6px 10px;background-color: #d5333e;color:#fff;border:1px solid #d5333e;
	text-align: center;border-radius: 0;font-size: 17px;line-height: 25px;letter-spacing: 1px;
}
.q_n_form .form-button button.button{margin:0;background-color: #05b2c4;border:1px solid #05b2c4;}
a.button{outline: none;}

@media(max-width: 740px){

.q_n_form{margin:10px auto 0;}
.q_n_form .form-group{margin:0 auto;}
.q_n_form .q_form_div .form-group{width:100%;float:none;margin:0 auto 10px;}
.q_n_form .q_form_div .form-group:nth-of-type(2n){margin:0 auto 10px;}
.q_n_form .form-button{margin:0 auto;}
.q_n_form .form-button .button{font-size: 15px;}
}

/* pagelist start! */
.pagelist {list-style: none;margin:60px auto 0;text-align: center;padding:5px 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:#222;background-color: #f5f5f5;margin:3px 3px;border-radius: 1px;transition: all .2s;}
.pagelist > span{color:#fff;background-color: #05b2c4;}
.pagelist >a:hover{color:#fff;background-color: #05b2c4;}
@media(max-width: 1440px){
	.pagelist {margin:45px auto 0;}
	.pagelist > a,.pagelist > span{min-width:40px;height:35px;line-height: 35px;font-size: 13px;padding:0 8px;}
}
@media(max-width: 740px) {
	.pagelist {margin:35px auto 0;}
	.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 {margin:25px auto 0;}
	.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: #05b2c4;}
.page_a a i{margin:0 10px;}
.page_next{float:right;text-align: right;}
@media (max-width: 1440px) {
  .page{margin:8px auto 0;font-size: 14px;}
  .page_a a{padding:0;font-size: 14px;}
  .page_a a i{margin:0 6px;}
}
@media (max-width: 740px) {
  .page{margin:0 auto;padding:6px 10px;}
  .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: 740px) {
	.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: #e41826;}
.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! */

/* q_aside start! */
.q_aside{position: fixed;right:1%;bottom:25%;z-index: 100000000000;}
.q_aside_item{width:54px;height:54px;margin:0 auto 2px; background-color: #e41826;border-radius: 4px;cursor: pointer;position: relative;text-align: center;padding:12px;}
.q_aside_item a{outline: none;display: block;}
.q_aside_item_main{width:150px;height:54px;text-align: center;line-height: 54px;font-size: 17px;display: none;
  color:#fff;background-color:#e41826;border-radius: 4px;position: absolute;left:-160px;top:0px;
}
.weixin{width:120px;height:120px;text-align: center;padding:0;display: none;overflow:hidden;box-shadow: 0 0 10px #888;
  border-radius: 4px;position: absolute;left:-130px;top:-33px;
}
.q_aside_item4{display: none;}
@media(max-width: 740px){
  .q_aside{right:10px;bottom:15%;}
  .q_aside_item{width:36px;height:36px;padding:7px;}
  .q_aside_item_main{width:120px;height:36px;line-height: 36px;font-size: 14px;display: none;left:-130px;top:0px;}
  .weixin{width:100px;height:100px;display: none;left:-110px;top:-33px;}
  .q_aside_item1,.q_aside_item2,.q_aside_item3{display: none;}
}
/* q_aside end! */

/* 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:#e41826;}
.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: 18px;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: #e41826;color:#fff;letter-spacing: 2px;
}
#q_alert{z-index: 9999999;}
#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;}

@media(max-width: 740px){
	.q_form_mask_in{width:300px;left:50%;margin-left:-150px;}
}