@charset "UTF-8";
/* 此CSS样式 类名通用加前缀 q_ */
html,body{/*scroll-behavior:smooth;*/}  /* 不使用js只用css实现锚点平滑滚动 */
body {
	width:100%;
	margin:0 auto;
	min-height: 300px;
	background-color: #f3f3f3;
	/*background-color: #d9ebfd;*/
	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;}
.main1200{width:100%;max-width:1200px;margin:0 auto;}
.main1520{width:100%;max-width:1520px;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_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;}


/* 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:#2d3644;}
.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: #2d3644;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;}

@media(max-width: 640px){
/* page-index-all */
.q_form_mask_in{width:300px;left:50%;margin-left:-150px;}
}


/* q_header start! */
.q_header{width:100%;background-color: #fff;position: fixed;top:0;left:0;z-index: 99999999999999999;}

/* q_top */
.q_top{text-align: right;font-size: 0;padding:10px 0 0;}
.q_top>div{display: inline-block;margin-left: 25px;vertical-align: middle;}

.q_search{cursor:pointer;}

.q_language{padding:5px 10px;background-color: #2d3644;border-radius:15px;font-size: 0;text-align: center;}
.q_language>a{outline: none;display: inline-block;font-size: 15px;color:#616872;line-height: 20px;height:20px;
	padding:0 5px;text-transform: uppercase;
}
.q_language>a.on{color:#fff;}

.q_top_tel_icon{width:40px;float:left;}
.q_top_tel_txt{width:calc(100% - 45px);font-size: 22px;color:#000;line-height: 40px;height:40px;min-width:210px;}

.q_logo{width:240px;float:left;margin-top: -10px;}
.q_logo>h1>a{outline: none;display: block;width:100%;padding:0 0 10px;}
.q_logo>h1>a>img{height:60px;}

.q_nav{width:calc(100% - 300px);float:right;text-align: right;font-size: 0;}
.q_nav>li{display: inline-block;margin-left:60px;position: relative;}
.q_nav>li>a{outline: none;display: block;width:100%;padding:0 0 15px;position: relative;color:#222;}
.q_nav>li>a:after{position: absolute;left: 50%;bottom:12px;content: "";width: 0;height: 3px;background-color: #b81c23;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%;font-size: 22px;line-height: 50px;height:50px;letter-spacing: 2px;
	overflow: hidden;text-overflow:ellipsis;white-space: nowrap;
}
.q_nav>li:hover>a,.q_nav>li.on>a{color: #b81c23;}

/* q_nav_son */
.q_nav_son{width:140%;position: absolute;top:100%;left:-20%;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: #b81c23;}
.q_nav_son>li:hover>a{color:#fff;}

.q_header.q_header_fixed{box-shadow: 0 0 10px #ccc;transition:all .3s;}
/* q_header start! */

/* q_banner start! */
.q_banner{width:100%;margin:115px auto 0;}
.q_banner .swiper_banner .swiper-slide{position:relative;}
.q_banner .swiper_banner .swiper-slide a{outline: none;display: block;width:100%;padding:41.75% 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:36px;height:6px;background-color: #fff;opacity: 1;border-radius: 5px;}
.q_banner .swiper_banner .swiper_pagination_banner .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color: #b81c23;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;}
.swiper_banner .img{padding:41.75% 0 0;}

.q_banner_video{width:100%;height:100%;position: absolute;left:0;top:0;background-color:#000;}
.q_banner_video video{width:100%;height:100%;}
/* q_banner end! */

/* q_number start! */
.q_number{padding:20px 0;background:#4f4e54 url('../images/q_bg.jpg') center top;}
.q_number_main{width:100%;margin:0 auto;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-left:1px solid #888;padding:35px 15px 35px 30px;text-align: left;position: relative;}
.q_number_item:before{content:'';width:5px;height:20%;background-color: #b81c23;position: absolute;left:-3px;top:25%;z-index: 2;}
.q_number_top{font-size: 50px;line-height: 60px;color:#fff;font-weight: 700;}
.q_number_top .sub{font-size: 18px;vertical-align: bottom;font-weight: normal;}
.q_number_txt{width:100%;margin:10px auto 0;padding:0;font-size: 18px;color:#aaa;line-height: 28px;}
/* q_number end! */

/* q_section start! */
.q_section{padding:60px 0;}
.q_section_title{text-align: center;}
.q_section_title_en{font-size: 30px;color:#b5b5b6;line-height: 35px;font-weight: 700;text-transform: uppercase;}
.q_section_title_cn{font-size: 26px;color:#3e3a39;line-height: 35px;letter-spacing: 2px;}
.q_section_title_span{margin:15px auto 0;font-size: 0;}
.q_section_title_span span{display: inline-block;margin:0 2px;height:4px;border-radius: 3px;width:10px;background-color: #b81c23;}
.q_section_title_span span.long{width:30px;}

.q_section_nav{margin:40px auto 30px;}
.q_section_nav>ul{text-align: center;font-size: 0;}
.q_section_nav>ul>li{display: inline-block;margin:0 10px 10px;}
.q_section_nav>ul>li>a{outline: none;display: block;width:100%;border:1px solid #888;border-radius: 20px;padding:6px 25px;font-size: 18px;
	color:#333;line-height: 25px;
}

.q_section_main{margin:50px auto 0;}

.q_section_more{margin:35px auto 0;text-align: center;}
.q_section_more a{outline: none;border:1px solid #ddd;background-color: #fff; padding:10px 30px;border-radius: 25px;font-size: 16px;color:#444;line-height: 25px;transition: all .2s;}
.q_section_more a:hover{background-color: #b81c23;color:#fff;border:1px solid #b81c23;}

/* q_section end! */

/* q_product start! */
.q_pro_item{width:32%;float:left;margin:0 2% 30px 0;position: relative;overflow:hidden;}
.q_pro_item:nth-of-type(3n){margin:0 0 30px 0;}
.q_pro_item .img{padding:74.45% 0 0;}
a.q_pro_item_mask{outline: none;display: block;width:100%;position: absolute;left:0;bottom:0;
	background-color: rgba(0,0,0,.5);color:#fff;padding:20px 5%;text-align: center;transition: all .3s;
}
a.q_pro_item_mask span{display: block;width:100%;font-size: 22px;color:#fff;line-height: 25px;height:25px;
	overflow: hidden;text-overflow:ellipsis;white-space: nowrap;
}
.q_pro_item:hover a.q_pro_item_mask{background-color: rgba(184,28,35,.9);}

/* q_product end! */

/* q_center_img start! */
.q_center_img .img{padding:0;}
/* q_center_img end! */

/* q_case start! */
.q_case_item{width:calc((100% - 40px) / 3);height:385px;float:left;margin-bottom: 25px;margin-right: 20px;overflow: hidden;position: relative;}
.q_case_item:nth-of-type(2){margin-right:0;}
.q_case_item:nth-of-type(5){margin-right:0;}
.q_case_item:nth-of-type(1){width:calc(100% - 20px - ((100% - 40px) / 3) );}
.q_case_item .img{height:100%;}
a.q_case_item_mask{outline: none;display: block;width:100%;height:100%;background-color: rgba(0,0,0,.5);opacity: 0;transition: all .3s;
	position: absolute;left:0;top:0;text-align: center;
}
.q_case_item_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_case_item_main{padding:0 6%;}
.q_case_item_main h3{font-size:22px;color:#fff;line-height: 25px;height:25px;letter-spacing: 2px;
	overflow: hidden;text-overflow:ellipsis;white-space: nowrap;
}
.q_case_item:hover a.q_case_item_mask{opacity: 1;}
/* q_case end! */

/* q_about start! */
.q_section.q_about{background:#4f4e54 url('../images/q_bg.jpg') center top;padding:80px 0;}
.q_about_l{width:49.3%;float:left;}
.q_about_title{padding:0 0 0 10px;position: relative;color:#fff;}
.q_about_title:before{content:'';width:4px;height:30px;background-color: #b81c23;position: absolute;top:4px;left:0;}
.q_about_title .big{font-size: 30px;line-height: 33px;font-weight: 700;letter-spacing: 2px;}
.q_about_title .small{margin:10px auto 0;font-size: 17px;line-height: 22px;opacity: .3;}

.q_about_p{margin:30px auto 0;font-size: 16px;color:#fff;line-height: 1.9;text-align: justify;}
.q_about_p p{margin:0 auto;font-size: 16px;color:#fff;line-height: 1.9;text-align: justify;}

.q_about_list{margin:35px auto 0;}

.q_about_item{width:23.5%;float:left;margin:0 2% 20px 0;}
.q_about_item:nth-of-type(4n){margin:0 0 20px 0;}
.q_about_item a{outline: none;display: block;width:100%;border:2px solid #fff;border-radius: 10px;padding:26px 8px;
	text-align: center;color:#fff;
}
.q_about_item_cn{margin:12px auto 0;font-size: 22px;line-height: 25px;letter-spacing: 2px;}
.q_about_item_en{margin:3px auto 0;font-size: 15px;line-height: 20px;opacity: .4;}


.q_about_r{width:49.3%;float:right;}
.q_about_img img{width:100%;}
.q_about_img:nth-of-type(1){margin:0 auto 12px;}

.q_about .q_section_more{margin:56px auto 0;}
.q_about .q_section_more a{border:1px solid #fff;color:#fff;background:none;}
.q_about .q_section_more a:hover{border:1px solid #b81c23;background-color: #b81c23;}
/* q_about end! */

/* q_news start! */
.q_news_l{width:49%;float:left;}
.q_news_l_img{background-color: #fff;padding:20px;height: 375px;}
.q_news_l_imgs{width:100%;height:100%;overflow:hidden;}
.q_news_l_img .img{height:100%;}

.q_news_l_txt{margin:15px auto 0; padding:35px 25px 43px;background-color: #fff;}
.q_news_l_txt .q_news_item_h{border-bottom: 1px solid #fff;}
.q_news_l_txt .q_news_item_h a{text-align: center;}
.q_news_l_txt:hover .q_news_item_h a{color:#b81c23;}


.q_news_r{width:49%;float:right;}
.q_news_item{margin:15px auto 0;padding:20px 25px;border-bottom:3px solid #fff;background-color: #fff;transition: all .2s;}
.q_news_item:nth-of-type(1){margin:0 auto;}
.q_news_item_h{padding:0 0 6px;border-bottom: 1px solid #ddd;}
.q_news_item_h a{outline: none;display: block;width:100%;font-size: 22px;color:#333;line-height: 35px;height:35px;text-align: justify;
	overflow: hidden;text-overflow:ellipsis;white-space: nowrap;
}
.q_news_item_p{margin:10px auto 0;font-size: 15px;color:#898989;line-height: 25px;height:50px;text-align: justify;
	display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;
}
.q_news_more{margin:10px auto 0;}
.q_news_more a{outline: none;display: block;width:100%;}
.q_news_more a:after{content:"."; display:block; height:0; visibility:hidden; clear:both;font-size: 0;}
.q_news_more span{display: block;font-size: 14px;color:#999;line-height: 25px;text-transform: uppercase;}
.q_news_more span.date{width:35%;float:left;}
.q_news_more span.more{width:35%;float:right;text-align:right;}

.q_news_item:hover{border-bottom:3px solid #b81c23;}
.q_news_item:hover .q_news_item_h a{color:#b81c23;}
.q_news_item:hover .q_news_more span.more{color:#b81c23;}

.q_news .q_section_more{margin:56px auto 0;}
/* q_news end! */

/* q_service start! */
.q_section.q_service{padding:30px 0 80px;}
.q_service_l{width:25%;float:left;}
.q_service_l .q_section_title{text-align: left;}
.q_service_l .q_section_title_cn{margin:15px auto 0;}

.q_service_r{width:72%;float:right;}
.q_service_item{width:32%;float:left;margin:0 2% 0 0;}
.q_service_item:nth-of-type(3n){margin:0;}
.q_service_item a{outline: none;display: block;width:100%;padding:50px 4% 50px 10%;background-color: #fff;box-shadow: 0 0 10px #ccc;color:#333;}
.q_service_item_icon{width:64px;float:left;}
.q_service_item_txt{width:calc(100% - 84px);float:right;}
.q_service_item_txt .cn{font-size: 25px;color:#333;line-height: 30px;}
.q_service_item_txt .en{margin:5px auto 0;font-size: 14px;color:#595757;line-height: 25px;text-transform:uppercase;}

/* q_service end! */

/* q_footer start! */
.q_footer{background-color: #333;}
.q_footer a{color:#fff;outline: none;}
.q_footer a:hover{color:#b81c23;}
.q_footer_t{padding:90px 0 60px;border-bottom: 1px solid #555;}

.q_footer_list{width:calc(100% - 400px);float:left;}
.q_footer_item{width:18%;float:left;margin:0 2.5% 0 0;}
.q_footer_item:nth-of-type(5n){margin:0;}
.q_footer_item_h a{font-size: 22px;line-height: 30px;letter-spacing: 2px;}
.q_footer_ul{margin:10px auto 0;}
.q_footer_ul>li>a{outline: none;display: block;width:100%;font-size: 16px;line-height: 30px;color: #ccc;}


.q_footer_code{width:360px;float:right;}
.q_footer_code_li{width:47%;float:left;margin:0 6% 0 0;background-color: #fff;padding:15px 20px;border-radius: 10px;}
.q_footer_code_li:nth-of-type(2n){margin:0;}

.q_footer_b{padding:65px 0 50px;text-align: center;}

.q_footer_b span,.q_footer_b a{margin:0 4px;line-height: 28px;font-size: 15px;color:#bbb;outline: none;}
.q_footer_b a:hover{color:#b81c23;}
.q_footer_b span a{margin:0;}
.q_footer_b span img{display: inline-block;width:25px;margin-right: 8px;}
.q_footer_powerby{margin:15px auto 0;}
.q_footer_b .q_footer_powerby span,.q_footer_b .q_footer_powerby a{font-size: 13px;}

/* q_footer end! */

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

/* q_main start! */
.q_main{background-color: #fff;min-height: 360px;padding:70px 0 90px;font-size: 15px;color:#333;line-height: 2.2;}
.q_main p{font-size: 15px;color:#333;line-height: 2.2;}
.q_main_title{font-size: 30px;line-height: 1.2;color:#b81c23;letter-spacing: 2px;}
.q_main_p{margin:5px auto 0;font-size: 12px;color:#d3d3d3;line-height: 20px;text-transform:uppercase;}
.q_main_p_l{width:75%;float:left;}
.q_main_p_r{width:20%;float:right;text-align: right;}
.q_main_nav{margin:5px auto 0;padding:10px 0 0;border-top:1px solid #f0f0f0;border-bottom:1px solid #f0f0f0;}
.q_main_nav ul>li{float:left;margin:0 1px 10px 0;}
.q_main_nav ul>li>a{outline: none;display: block;width:100%;background-color: #f1f1f1;color:#222;
	font-size: 14px;line-height: 20px;padding:12px 35px;
}
.q_main_nav ul>li.on>a,.q_main_nav ul>li:hover>a{background-color: #b81c23;color:#fff;}

.q_main_h{margin:45px auto 0;text-align: center;}
.q_main_h span{display: inline-block;font-size: 18px;color:#111;line-height: 30px;letter-spacing: 1px;position: relative;}
.q_main_h span:before{content:'';width:140px;height:1px;background-color: #111;position: absolute;left:-155px;top:15px;}
.q_main_h span:after{content:'';width:140px;height:1px;background-color: #111;position: absolute;right:-155px;top:15px;}

.q_content{margin:35px auto 0;min-height: 210px;}
/* q_main end! */

/* q_n_about start! */
.q_n_about_img{margin:30px auto 0;padding:0 3%;}
.q_n_about_li{width:48%;float:left;margin:0 4% 0 0;border:1px solid #ccc;padding:5px;}
.q_n_about_li:nth-of-type(2n){margin:0;}
.q_n_about_li:hover{border:1px solid #b81c23;}

/* q_n_about end! */

/* q_n_pic start! */
.q_n_pic_item{width:32%;float:left;margin:0 2% 25px 0;border:1px solid #ccc;padding:5px;position: relative;}
.q_n_pic_item:nth-of-type(3n){margin:0 0 25px 0;}
.q_n_pic_item .img{padding:71.84% 0 0;}
a.q_n_pic_mask{outline: none;display: block;width:100%;height:100%;position: absolute;left:0;top:0;opacity: 0;
	background-color: rgba(0,0,0,.5);transition:all .2s;
}
.q_n_pic_mask_in{width:100%;position: absolute;left:0;top:50%;text-align: center;padding:0 5%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
}
.q_n_pic_mask_in h4{font-size: 18px;color:#fff;line-height: 25px;}

/* q_n_pic end! */

/* q_n_honor start! */
.q_n_honor_list{padding:0 5%;}
.q_n_honor_list .q_n_pic_item{width:46%;margin:0 8% 25px 0;}
.q_n_honor_list .q_n_pic_item:nth-of-type(3n){margin:0 8% 25px 0;}
.q_n_honor_list .q_n_pic_item:nth-of-type(2n){margin:0 0 25px 0;}
.q_n_honor_list .q_n_pic_item .img{padding:142.32% 0 0;}

/* q_n_honor end! */

/* q_n_news start! */
.q_n_news_list{border-top:1px dashed #ccc;}
.q_n_news_item{padding:12px 0;border-bottom:1px dashed #ccc;}
.q_n_news_item:after{content:"."; display:block; height:0; visibility:hidden; clear:both;font-size: 0;}
.news_item_img{width:270px;height:150px;float:left;overflow: hidden;}
.news_item_img .img{height:100%;}
.news_item_txt{width:calc(100% - 290px);float:right;padding:10px 0 0;}
.news_item_h:after{content:"."; display:block; height:0; visibility:hidden; clear:both;font-size: 0;}
.news_item_h_date{width:150px;float:right;font-size: 13px;color:#999;line-height: 25px;text-align: right;}
.news_item_h_text{width:calc(100% - 165px);float:left;}
.news_item_h_text a{outline: none;display: block;width:100%;font-size: 17px;color:#222;text-align: justify;line-height: 25px;height:25px;
	overflow: hidden;text-overflow:ellipsis;white-space: nowrap;
}
p.news_item_p{margin:10px auto 0;font-size: 14px;color:#888;text-align: justify;line-height: 25px;height:50px;
	display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;
}
.news_item_more{margin:10px auto 0;text-align: right;}
.news_item_more a{outline: none;display: inline-block;background-color: #636363;color:#fff;
	font-size: 13px;line-height: 20px;padding:7px 20px;
}
.news_item_more a:hover{background-color: #b81c23;}

.q_n_news_item:hover .news_item_h_text a{color:#b81c23;}

.news_show_h{width:90%;margin:50px auto 0;font-size: 22px;color:#111;line-height: 30px;letter-spacing: 1px;text-align: center;}
.news_span{margin:30px auto 0;border-bottom: 1px solid #eee;}
.news_span span{display: inline-block;margin-right: 20px;font-size: 13px;color:#333;line-height: 20px;}
.news_span span i{margin-right: 6px;}
.q_body{min-height: 180px;padding:0 0 20px;border-bottom: 1px solid #eee;}

/* q_n_news end! */

/* q_n_pro start! */
.q_n_pro_item{width:23.5%;float: left;margin:0 2% 20px 0;border:1px solid #eee;text-align: center;}
.q_n_pro_item:nth-of-type(4n){margin:0 0 20px 0;}
.q_n_pro_item_img{padding:10px 15px;}
.q_n_pro_item_img .img{padding:75% 0 0;}
.q_n_pro_item_h{margin-top:1px solid #eee;padding:5px 15px 15px;}
.q_n_pro_item_h a{outline: none;display: block;width:100%;font-size: 14px;color:#444;line-height: 20px;height:20px;letter-spacing: 1px;
	overflow: hidden;text-overflow:ellipsis;white-space: nowrap;
}
.q_n_pro_item:hover{border:1px solid #b81c23;}
.q_n_pro_item:hover .q_n_pro_item_h a{color:#b81c23;}

.q_n_pro_top_img{width:600px;height:450px;float:left;border:1px solid #eee;padding:25px 30px;text-align: center;}
.q_n_pro_top_txt{width:calc(100% - 640px); float:right;}
.q_n_pro_top_txt h1{font-size: 26px;color:#b81c23;line-height: 35px;letter-spacing: 2px;}
.q_n_pro_top_txt .info{margin:20px auto 0;font-size: 15px;line-height:2;color:#666;text-align: justify;}
.q_body_h{margin:30px auto 0;padding:10px 20px;background-color: #b81c23;color:#fff;font-size: 16px;line-height: 20px;letter-spacing: 2px;}
.q_body_pro{margin:15px auto 0;min-height: 120px;}

/* q_n_pro end! */

/* q_n_contact start! */
.contact_img{width:450px;float:right;text-align: right;}
.contact_txt{width:calc(100% - 500px);float:left;}
.contact_txt_h{font-size: 22px;color:#b81c23;line-height: 30px;letter-spacing: 2px;}
.contact_txt_p{margin:20px auto 0;font-size: 15px;color:#333;line-height: 2.2;text-align: justify;}
.contact_txt_p p{font-size: 15px;color:#333;line-height: 2.2;text-align: justify;}
.contact_txt_code{margin:20px auto 0;}

/* q_n_contact end! */



.q_n_form{width:100%;margin:0 auto;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: #b81c23;color:#fff;border: solid 1px #b81c23;}
.q_n_form .form-group .input:focus{border: solid 1px #b81c23;}
.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: #b81c23;color:#fff;border: solid 1px #b81c23;font-size: 16px;line-height: 25px;letter-spacing: 1px;}

@media(max-width: 640px){

.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;}

}


/* pagelist start! */
.pagelist {list-style: none;margin:50px auto 25px;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:#222;background-color: #f5f5f5;margin:3px 3px;border-radius: 5px;transition: all .2s;}
.pagelist > span{color:#fff;background-color: #b81c23;}
.pagelist >a:hover{color:#fff;background-color: #b81c23;}
@media(max-width: 1440px){
	.pagelist {margin:35px auto 15px;}
	.pagelist > a,.pagelist > span{min-width:40px;height:35px;line-height: 35px;font-size: 13px;padding:0 8px;}
}
@media(max-width: 640px) {
	.pagelist {margin:25px auto 10px;}
	.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: 14px;}
.page_a a{display:block; width:100%;outline: none;color:#888;font-size: 14px;line-height: 25px;height:25px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.page_a a:hover{color: #b81c23;}
.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: 640px) {
  .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: 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: #b81c23;}
.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: #b81c23;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:#b81c23;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: 640px){
  .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! */