html,body{/*scroll-behavior:smooth;*/}  /* 不使用js只用css实现锚点平滑滚动 */
body {
width:100%;
margin:0 auto;
/*min-height: 30000px;*/
font-family: 'Microsoft Yahei',Arial,Verdana,sans-serif;
font-size: 14px;
color:#555;
}
ul,li {list-style: none;}
.clearfix {clear:both;}
img {max-width:100%;}
div a {outline: none;}
/* 统一调整字间距以及过渡效果 */
div,a,span,p,ul,li{/*transition: all 0.6s;*/padding:0;margin:0;/*scroll-behavior:smooth;*/}
.main1200{width:1200px;margin:0 auto;}
.main1440{width:1440px;margin:0 auto;}
.main1440:after{content:"."; display:block; height:0; visibility:hidden; clear:both;}
.main1560{width:1560px;margin:0 auto;}
.main1560:after{content:"."; display:block; height:0; visibility:hidden; clear:both;}
.main1650{width:1650px;margin:0 auto;}
.main1650:after{content:"."; display:block; height:0; visibility:hidden; clear:both;}

.visible1600{display: none;}
/* 小于1600px并且大于640px显示 */
@media (min-width: 640px) and (max-width:1600px ) {
.visible1600{display: block;}
}
/* 小于1600px隐藏 */
@media (max-width:1600px ) {
.hidden1600{display: none;}
}
/* 电脑端隐藏 */
@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;background: #ea0b0c;}
@media(max-width: 640px){
#toTop{width:35px;height:35px;bottom:75px;}
}
/* 返回顶部  结束 */

/* q_header start! */
.q_header{width:100%;margin:0 auto;position: fixed;left:0;top:0;z-index: 99;background-color: #fff;}
/* q_top */
.q_top{width:100%;margin:0 auto;height:40px;background: url('../images/q_top_bg.jpg') no-repeat center top;}
.q_top_l{width:60%;float:left;height:40px;font-size: 14px;line-height: 38px;color:#404040;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.q_top_r{width:40%;float:right;height:40px;text-align: right;font-size: 14px;line-height: 40px;color:#222;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.q_top_r span{display: inline-block;margin:0 0 0 25px;}
.q_top_r span img{width:40px;}

/* q_middle */
.q_middle{width:100%;margin:0 auto;height:110px;}
/* q_logo */
.q_logo{width:330px;height:110px;float:left;}
.q_logo h1{width:100%;height:110px;font-size: 0;}
.q_logo h1 a{outline: none;display: block;width:100%;height:110px;padding:10px 0;}
.q_logo h1 a img{height:100%;}
/* q_icon */
.q_icon{width:40px;height:110px;float:right;text-align: right;padding:38px 0;position: relative;}
.q_icon a{outline: none;display: inline-block;background-color: #cfcfcf;margin:0 0 0 0px;width:34px;height:34px;line-height: 34px;border-radius: 50%;font-size:18px;color:#fff;text-align: center;position: relative;}
.q_icon_wechat_div{width:104px;box-shadow: 0 0 10px #aaa;position: absolute;right:0;top:85px;display: none;}
.q_icon_search_div{width:800px;padding:15px 55px 15px 15px;background-color: #000;border:0;position: absolute;right:0px;top:110px;display: none;}
.q_icon_search_div .form-group{padding-bottom: 0;}
.q_icon_search_div .form-group .input-group .input{border:1px solid #fff;height:36px;padding:6px 12px;line-height: 24px;background-color: #fff;}
.q_icon_search_div .form-group .input-group .addon{border:0;background-color: #ea0b0c;color:#fff;height:34px;line-height: 22px;cursor: pointer;}
.q_icon_search_div .form-group .input-group .addon i{font-size: 16px;line-height: 22px;}
.q_icon_search_div_close{width:15px;color:#fff;text-align: center; position: absolute;right:20px;top:29%;font-size:20px;cursor: pointer; background-color: #000;}
#search_btn{display: none;}
/* q_nav */
.q_nav{width:calc(100% - 420px);height:110px;float:left;}
.q_nav>li{float:left;height:110px;position: relative;}
.q_nav>li:after{content:'';width:1px;height:10px;background-color: #888;position: absolute;left:0;top:52px;z-index: -1;}
.q_nav>li:nth-of-type(1):after{width:0;}
.q_nav>li>a{outline: none;display: block;width:100%;height:110px;line-height: 110px;padding:0 40px;font-size:16px;color:#3e3e3e;}
.q_nav>li:hover>a,.q_nav>li.on>a{color:#fff;}
.q_nav>li.on,.q_nav>li:hover{background-color:#ea0b0c;}
.q_nav_son{width:100%;position: absolute;top:100%;left:0;background-color: #f5f5f5;padding:15px 0;display: none;background-color: rgba(235,21,22,.85);}
.q_nav_son>li{width:100%;margin:0 auto;text-align: center;}
.q_nav_son>li>a{outline: none;display: block;width:100%;font-size: 15px;line-height: 35px;height:35px;text-align: center;color:#333;color:#fff;}
.q_nav_son>li:hover{background-color: rgba(255,0,0,.7);background-color: #fff;}
.q_nav_son>li:hover a{color: #fff;color:#333;}
.q_nav>li:nth-of-type(7) .q_nav_son{padding:0;}
.q_nav>li:nth-of-type(8) .q_nav_son{padding:0;}

/* q_header_fixed */
.q_header.q_header_fixed{position: fixed;box-shadow: 0 0 10px #888;}
.sp_header,.sjj_nav{display: none;}
/* q_header end! */

/* q_banner start! */
.q_banner{width:100%;margin:150px auto 0;border-bottom: 3px solid #ea0b0c;}
.q_banner .swiper-container-horizontal > .swiper-pagination-bullets {bottom: 20px;}
.q_banner .swiper-pagination-bullet {width: 26px;height: 26px;text-align: center;line-height: 26px;font-size: 13px;color: #fff;opacity: 1;background: rgba(0, 0, 0, 1);}
.q_banner .swiper-pagination-bullet.swiper-pagination-bullet-active {background: rgba(255, 0, 0, 1);}
/* q_banner end! */

/* q_section start! */
.q_section{width:100%;margin:80px auto 0;padding:0;position: relative;}
.q_section_title{width:100%;margin:0 auto;text-align: center;}
.q_section_title_cn{width:100%;margin:0 auto;font-size: 28px;color:#575757;line-height: 35px;}
.q_section_title_en{width:100%;margin:0 auto;font-size: 18px;color:#bfbfbf;line-height: 25px;text-transform: uppercase;}
.q_section_title_span{width:30px;margin:5px auto 0;height:2px;background-color: #ea0b0c;}
.q_section_title_p{width:100%;margin:5px auto;font-size: 15px;color:#787878;line-height: 20px;}
.q_section_more{width:100%;margin:30px auto 0;text-align: center;}
.q_section_more a{outline: none;display: inline-block;padding: 10px 50px;background-color: #ea0b0c;font-size: 14px;color:#fff;line-height: 20px;}
/* q_section end! */

/* q_product start! */
.q_product_nav{width:100%;margin:50px auto 0;padding:0;display: flex;justify-content: space-between;flex-wrap: wrap;}
.q_product_nav>li{float:left;width:calc(10.1% - 2px);border:1px solid #888;text-align: center;height: 51px;line-height: 51px;}
.q_product_nav>li>a{outline: none;display: block;width:100%;text-align: center;font-size: 17px;color:#333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.q_product_nav>li:hover,.q_product_nav>li.on{background-color: #ea0b0c;border:1px solid #ea0b0c;}
.q_product_nav>li:hover>a,.q_product_nav>li.on>a{color: #fff}
/* q_product_list */
.q_product_list{width:100%;margin:30px auto 0;}
.q_product_list:after{content:"."; display:block; height:0; visibility:hidden; clear:both;}
.q_product_item{width:24.4%;float:left;margin:0 0.8% 15px 0;border:1px solid #aaa;}
.q_product_item:nth-of-type(4n){margin:0 0 15px 0;}
.q_product_item_img{width:100%;margin:0 auto;padding:2px;overflow: hidden}
.q_product_item_img a{outline: none;display: block; width:100%;margin:0 auto;text-align: center;overflow: hidden;padding:75% 0 0;background-position: center center;background-size: cover;}
/*.q_product_item_img a img{width:100%;
-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_product_item_img a{
-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_product_item_txt{width:100%;margin:0 auto;padding:25px 20px;}
.q_product_item_txt a{outline: none;display: block;width:100%;margin:0 auto;}
.q_product_item_txt a:after{content:"."; display:block; height:0; visibility:hidden; clear:both;}
.q_product_item_txt_r{width:30px;height:30px;float:right;color:#ea0b0c;font-size: 25px;text-align: right;line-height: 30px;}
.q_product_item_txt_l{width:calc(100% - 35px);height:30px;float:left;font-size: 18px;color:#000;line-height: 30px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.q_product_item:hover{border:1px solid #ea0b0c;}
/*.q_product_item:hover .q_product_item_img a img{
-moz-transform:scale(1.2,1.2);
-ms-transform:scale(1.2,1.2);
-o-transform:scale(1.2,1.2);
-webkit-transform:scale(1.2,1.2);
transform:scale(1.2,1.2);
}*/
.q_product_item:hover .q_product_item_img a{
-moz-transform:scale(1.2,1.2);
-ms-transform:scale(1.2,1.2);
-o-transform:scale(1.2,1.2);
-webkit-transform:scale(1.2,1.2);
transform:scale(1.2,1.2);
}
.q_product_item:hover .q_product_item_txt{background-color: #ea0b0c;}
.q_product_item:hover .q_product_item_txt .q_product_item_txt_r{color: #fff;}
.q_product_item:hover .q_product_item_txt .q_product_item_txt_l{color: #fff;}
.q_product_item:hover .q_product_item_txt_h{color:#fff;}
.q_product_item:hover .q_product_item_txt_arrow{color:#fff;}
/* q_product end! */

/* q_case start! */
.q_case_list{width:100%;margin:30px auto 0;}
.q_case_list:after{content:"."; display:block; height:0; visibility:hidden; clear:both;}
.q_case_item{width:24.7%;float:left;margin:0 0.4% 0 0;}
.q_case_item:nth-of-type(4n){margin:0 0 0 0;}
.q_case_item a{outline: none;display: block;width:100%;position: relative;overflow: hidden;}
.q_case_item a img{width:100%;
-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_mask_out{width:100%;height:55px;position: absolute;left:0;bottom:0;background-color: rgba(0,0,0,.6);transition: all 0.3s;}
.q_mask_in{width:100%;padding:15px 20px;position: absolute;left:0;bottom:0;}
.q_mask_case_title{width:100%;margin:0 auto;position: relative;}
.q_mask_case_title:before{position: absolute;left: 50%;transform: translateX(-50%);bottom: -15px;content: "";width: 0;height: 3px;border-radius: 3px;background-color: #fff;
-webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
     -o-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
}
.q_mask_case_title:after{content:"."; display:block; height:0; visibility:hidden; clear:both;}
.q_mask_case_title_r{width:25px;height:25px;float:right;color:#ea0b0c;font-size: 24px;text-align: right;line-height: 25px;}
.q_mask_case_title_l{width:calc(100% - 35px);height:25px;float:left;font-size: 18px;color:#fff;border-left:4px solid #ea0b0c;padding:0 0 0 10px; line-height: 25px;
overflow: hidden;text-overflow: ellipsis;white-space: nowrap;
}
.q_mask_case_desc{display: none;margin:30px auto 0;text-align: center;font-size: 15px;color:#eee;line-height: 25px;}

.q_case_item:hover a img{
-moz-transform:scale(1.1,1.1);
-ms-transform:scale(1.1,1.1);
-o-transform:scale(1.1,1.1);
-webkit-transform:scale(1.1,1.1);
transform:scale(1.1,1.1);
}
.q_case_item:hover .q_mask_out{height:100%;background-color: rgba(189,7,8,.9);}
.q_case_item:hover .q_mask_in{text-align: center;padding:0 15%;bottom:50%;
transform: translateY(50%);
-webkit-transform: translateY(50%);
-moz-transform: translateY(50%);
-ms-transform: translateY(50%);
-o-transform: translateY(50%);
}
.q_case_item:hover .q_mask_in .q_mask_case_title:before{width: 35px;}
.q_case_item:hover .q_mask_in .q_mask_case_title_l{width: 100%;float:none;border:0;padding:0;font-size: 18px;}
.q_case_item:hover .q_mask_in .q_mask_case_title_r{display: none;}
.q_case_item:hover .q_mask_in .q_mask_case_desc{display: block;}
/* q_case end! */

/* q_about start! */
.q_about{overflow: hidden;}
.q_about_mask_out{width:100%;height:100%; margin:0 auto;position: absolute;left:0;top:0;}
.q_about_mask_in{width:100%;position: absolute;left:0;top:50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
}
.q_about_main{width:40%;float:right;padding:0 5% 0 3%;color:#fff;}
.q_about_mask_h1{width:100%;margin:0 auto;font-size: 30px;font-weight: bold;line-height: 35px;}
.q_about_mask_line{width:100%;height:1px;background-color: #bbb;margin:20px auto 0;}
.q_about_mask_p{width:100%;margin:20px auto 0;font-size: 15px;line-height: 2;color:#eee;text-align: justify;}
.q_about_mask_more{width:100%;margin:25px auto 0;}
.q_about_mask_more a{outline: none;display: inline-block;padding:7px 40px;font-size: 16px;line-height: 20px;color:#fff;border:1px solid #fff;}
.q_about_mask_more a:hover{color:#ea0b0c;background-color: #fff;}
/* q_about end! */

/* q_number start! */
.q_number{width:100%;margin:50px auto 0;padding:0;}
.q_number_main{width:100%;margin:0 auto;padding:0;border:1px solid #bbb;padding:20px 0;}
.q_number_item{width:20%;float:left;border-right:1px solid #bbb;padding:45px 20px;text-align: center;}
.q_number_item:nth-of-type(5){border-right:0px solid #bbb;}
.q_number_top{font-size: 39px;line-height: 45px;color:#ea0b0c;font-weight: bold;}
.q_number_top .sub{font-size: 16px;vertical-align: text-top;font-weight: normal;}
.q_number_txt{width:100%;margin:10px auto;padding:0;font-size: 15px;color:#222;line-height: 25px;height:25px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
/* q_number end! */

/* q_news start! */
.q_news_list{width:100%;margin:35px auto 0;padding:0 50px;position: relative;}
.q_news_item{width:100%;background-color: #eee;padding:45px 60px;}
.q_news_item a{outline: none;}
.q_news_item_number{width:100%;margin:10px auto 0;font-size: 18px;color:#919191;}
.q_news_item_h{width:100%;margin:5px auto 0;}
.q_news_item_h a{display: block;width:100%;margin:0 auto;font-size: 18px;color:#585858;line-height: 25px;height:25px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.q_news_item_p{width:100%;margin:10px auto 0;font-size: 13px;color:#585858;line-height: 20px;height: 40px;text-align: justify;
display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;
}
.q_news_item_more{width:100%;margin:0 auto;}
.q_news_item_more a{display: inline-block;font-size: 30px;color:#585858;line-height: 35px;}
.q_news_item_img{width:100%;margin:0 auto 0;}
.q_news_item_img a{display: block; width:100%;margin:0 auto;text-align: center;overflow: hidden;border-radius: 2px;box-shadow: 0 0 5px #eee;}

.swiper-slide-active .q_news_item{background-color:#ea191a;}
.swiper-slide-active .q_news_item_number{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;}
.swiper-slide-active .q_news_item_img a{box-shadow: 0 0 5px #ea4159;}

/* .swiper-button */
.swiper_button_news_prev,.swiper_button_news_next{width:67px;height:45px;margin-top:-22px;}
.swiper_button_news_next{right:30px;}
.swiper_button_news_prev{left:30px;}
.swiper-button-next.swiper_button_news_next{background:url('../images/swiper_button_news_next.png') no-repeat center center;}
.swiper-button-prev.swiper_button_news_prev{background:url('../images/swiper_button_news_prev.png') no-repeat center center;}
.swiper-button-next.swiper_button_news_next:hover{background:url('../images/swiper_button_news_next_hover.png') no-repeat center center;}
.swiper-button-prev.swiper_button_news_prev:hover{background:url('../images/swiper_button_news_prev_hover.png') no-repeat center center;}
/* q_news end! */

/* q_contact start! */
.q_contact{margin-bottom:30px;}
.q_contact_mask{width:100%;height:100%;position: absolute;left:0;top:0;}
.q_contact_mask .main1560{height:100%;}
.q_contact_mask_body{width:33%;float:right;height:100%;padding:50px 0 0;}
.q_contact_content{width:100%;height:100%;border:1px solid #fff;border-bottom: 0; background-color: rgba(234,11,12,.85);padding:30px 45px 0;}
.q_contact_content_top{width:100%;margin:0 auto;text-align: center;}
/* q_message_form */
.q_message_form{width:100%;margin:30px auto 0;padding:0;}
.q_message_form .form-group{padding:0;margin:0 auto 10px;}
.q_message_form .input-group .addon{background-color:#fdb40f;color:#fff;border-radius: 0;border:1px solid #fdb40f;}
.q_message_form .input-group .input,.q_message_form .input{background-color:#fff;color:#444;border-radius: 0;border:1px solid #fff;}
.q_message_form .input-group .input:focus{border:1px solid #fdb40f;}
.q_message_form .form-button {margin:20px auto 0;}
.q_message_form .form-button .button{border: solid 1px #fdb40f;color:#fff;border-radius: 0;background-color: #fdb40f;padding:10px 30px;display: block;width:100%;font-size: 17px;line-height: 25px}
/* q_contact end! */

/* q_footer start! */
.q_footer{width:100%;margin:0 auto;border-top:3px solid #eb1516;background-color: #343434;}
.q_footer a{outline: none;color:#666;}
.q_footer a:hover{color:#ea0b0c;}
.q_footer_t{width:100%;margin:0 auto;padding:80px 0 70px;}
.q_footer_t_logo{width:180px;float:left;padding:20px 0 0;}
.q_footer_t_wexin{width:120px;float:right;text-align: right;padding:30px 0 0;}
.q_footer_t_nav{width:calc(100% - 380px);float:left;margin:0 30px 0 50px;}
.q_footer_t_nav:after{content:"."; display:block; height:0; visibility:hidden; clear:both;}
.q_footer_item{width:47%;float:left;margin:0 6% 0 0;}
.q_footer_item:nth-of-type(2){margin:0 0 0 0;}
.q_footer_item_h{width:100%;margin:0 auto;padding:0 10px 0 15px;border-left: 3px solid #d50001;font-size: 20px;font-weight: bold;line-height: 25px;color:#fff;vertical-align: text-bottom;}
.q_footer_item_h span{display: inline-block;margin:0 0 0 10px;font-size: 14px;color:#cfcfcf;text-transform: uppercase;font-weight: normal;}
.q_footer_item_main{width:100%;margin:20px auto 0;padding:20px 0 0;border-top: 1px solid #666;}
.q_footer_item_main:after{content:"."; display:block; height:0; visibility:hidden; clear:both;}
/* q_footer_list1 */
.q_footer_list1 ul{width:100%;margin:0 auto;}
.q_footer_list1 ul:after{content:"."; display:block; height:0; visibility:hidden; clear:both;}
.q_footer_list1 ul li{width:23.5%;float:left; margin:0 2% 15px 0;}
.q_footer_list1 ul li:nth-of-type(4n){margin:0 0 15px 0;}
.q_footer_list1 ul li a{outline: none;display: block;width:100%;font-size: 16px;color:#c4c4c4;line-height: 22px;height:22px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;text-align: center;}
/* q_footer_list2 */
.q_footer_div{width:33%;float:left;margin:0 1.5% 15px 0;font-size: 16px;color:#c4c4c4;
height:22px;line-height: 22px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;
}
.q_footer_div span{color:#fff;}
.q_footer_div1{width:28%;}
.q_footer_div2{width:28%;}
.q_footer_div3{width:41%;margin:0 0 15px 0;}
.q_footer_div4{width:100%;margin:0 0 0 0;float:none;}
/* q_footer_b */
.q_footer_b{width:100%;margin:0 auto;border-top:1px solid #666;padding:20px 0;}
.q_footer_b_l{width:80%;float:left;height:35px;font-size: 14px;}
.q_footer_b_l span,.q_footer_b_l a{display: inline-block;margin:0 3px;color:#666;line-height: 35px;}
.q_footer_b_l span a{margin:0;}
.q_footer_b_r{width:20%;float:right;height:35px;text-align: right;line-height: 35px;}
.q_footer_b_r span{display: inline-block;width:35px;height:35px;margin:0 0 0 5px;position: relative;}
.q_footer_b_r span a{outline: none;display: block;width:35px;height:35px;line-height: 35px;border-radius: 50%;background-color: #d50001;color:#fff;font-size: 18px;text-align: center;}
.q_footer_b_r span a:hover{background-color: #fff;color:#d50001;}
.q_footer_weixin_div{width:104px;position: absolute;top:-124px;left:-69px;box-shadow: 0 0 10px #aaa;display: none;}
/* q_footer end! */

/* q_banner_n start! */
.q_banner_n{width:100%;margin:150px auto 0;border-bottom: 3px solid #ea0b0c;}
/* q_banner_ end! */

/* q_position start! */
.q_position{width:100%;margin:0 auto;padding:40px 0;background-color: #efefef;}
.q_position_title{width:50%;float:left;font-size: 30px;color:#111;line-height: 35px;height:35px;font-weight: bold;border-left: 4px solid #ea0b0c;padding-left: 12px;vertical-align: middle;}
.q_position_title span{font-family: "Arial,Helvetica";text-transform:uppercase;color:#888;font-size: 24px;font-weight: 100;margin-left: 10px;}
.q_position_main{width:50%;float:right;text-align: right;color:#666;line-height: 35px;height:35px;font-size: 15px;letter-spacing: 1px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.q_position_main a{outline: none;color:#666;}
.q_position_main a:hover{color:#ea0b0c;}
/* q_position end! */

/* q_main start! */
.q_main{width:100%;margin:90px auto 0;}
.q_main p{width:100%;margin:0 auto;padding:0;font-size: 15px;line-height: 2;color:#666;text-align: justify;}
.q_main_catename{width:100%;margin:0 auto;}
.q_main_catename span{display: inline-block;padding:20px 40px;background-color: #ea0b0c;color:#fff;font-size: 23px;line-height: 25px;}
/* q_main end! */

/* q_n_product start! */
.q_n_product_top{width:100%;margin:50px auto 0;padding:45px;border:1px solid #ddd;background-color: #efefef;}
.q_n_product_top:after{content:"."; display:block; height:0; visibility:hidden; clear:both;}
.q_n_product_top_img{width:679px;height:510px;float:left;}
.q_n_product_top_img img{width:100%;height:100%;}
.q_n_product_top_txt{width:calc(100% - 780px);float:right;}
.q_n_product_top_txt h1{width:100%;font-size: 30px;color:#4b4b4b;line-height: 40px;height:40px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.q_n_product_top_txt_span{width:15%;height:5px;background-color: #ea0b0c;margin:20px 0 0 0;}
.q_n_product_top_txt_h3{width:100%;margin:35px auto 0;padding:0;font-size: 18px;color:#333;line-height: 25px;height:25px;}
.q_n_product_top_txt_info{width:100%;margin:15px auto;padding:0;text-align: justify;font-size: 18px;line-height:2;color:#ea0b0c;}
.q_n_product_top_more{width:100%;margin:60px auto 0;padding:0;}
.q_n_product_top_weixin{width:100%;margin:30px auto 0;}
.q_n_product_top_weixin img{max-width:120px;}
/* q_n_product_main */
.q_n_product_main{width:100%;margin:70px auto 35px;padding:0;}
.q_n_product_main_title{width:100%;margin:0 auto;background-color: #f7f7f7;height:50px;}
.q_n_product_main_title span{display: inline-block;padding:0 50px;height:50px;line-height: 50px;font-size: 20px;font-weight: bold;color:#fff;background-color: #ea0b0c;letter-spacing: 1px;}
.q_n_product_body{width:100%;margin:0 auto;padding:60px 0;border-top:1px solid #ccc;border-bottom:1px solid #ccc;}
.q_n_product_group{width:100%;margin:0 auto 20px;padding:0;}
.q_n_product_group_title{width:100%;margin:0 auto;padding:0 0 0 20px;border-left:5px solid #ea0b0c;font-size: 30px;line-height: 40px;height:40px;color:#787878;}
.q_n_product_group_main{width:100%;margin:20px auto 0;padding:0 0 0 25px;min-height: 90px;}

.q_relation{width:100%;margin:60px auto 0;padding:0;}
.q_relation_title{width:100%;margin:0 auto 10px auto;padding:0;}
.q_relation_title span{display: inline-block;padding:0 50px;height:50px;line-height: 50px;font-size: 20px;font-weight: bold;color:#fff;background-color: #ea0b0c;letter-spacing: 1px;}
/* q_n_product end! */

/* q_n_case start! */
.q_n_case_item{width:32%;margin:0 2% 25px 0;float:left;}
.q_n_case_item:nth-of-type(3n){margin:0 0 25px 0;}
.q_n_case_item_img{width:100%;margin:0 auto;padding:0;position: relative;}
.q_n_case_item_img a{outline: none;display: block;width:100%;height: 380px;overflow: hidden;}
.q_n_case_item_img .aa{position: absolute;left: 0;top: 0;background: rgba(0, 0, 0, 0.5);width: 100%;height: 100%;opacity: 0;transition: 0.5s;}
.q_n_case_item:hover .aa{opacity: 1;}
.q_box{position: absolute;left: 0;top: 50%;margin-top: -30px;width: 100%;font-size: 18px;color: #fff;text-align: center;line-height: 60px;}
.q_box::before{content: "";display: block;width: 20%;height: 1px;background: #fff;transition: 0.5s;opacity: 0;margin: 0 auto;}
.q_box::after{content: "";display: block;width: 20%;height: 1px;background: #fff;transition: 0.5s;opacity: 0;margin: 0 auto;}
/* .q_n_case_item:hover .q_box{display: block;} */
.q_n_case_item:hover .q_box::before{opacity: 1;width: 10%;}
.q_n_case_item:hover .q_box::after{opacity: 1;width: 10%;}


.q_n_case_item_img a img{
width:100%;
/*transition: all 0.5s;*/
-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_case_item_txt{width:100%;margin:0 auto;padding:20px 0;border-bottom: 1px solid #ccc;}
.q_n_case_item_txt a{outline:none;display:block;width:100%;color:#444;height:30px;line-height: 30px;}
.q_n_case_item_txt_squre{width:10px;height:10px;background-color: #ea0b0c;float:left;margin:10px 15px 0 0;}
.q_n_case_item_txt_arrow{width:30px;float:right;text-align: right;font-size: 17px;color:#444;}
.q_n_case_item_txt_h{width:calc(100% - 60px);float:left;font-size: 17px;height:30px;line-height: 30px;letter-spacing: 1px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.q_n_case_item:hover .q_n_case_item_txt{border-bottom: 1px solid #ea0b0c;}
.q_n_case_item:hover .q_n_case_item_txt a{color: #ea0b0c;}
.q_n_case_item:hover .q_n_case_item_txt_arrow{color: #ea0b0c;}
/* q_n_case_group_main */
.q_n_case_group_main{width:100%;margin:0 auto;padding:0 25px;}
.q_n_case_top{width:100%;margin:50px auto 0;padding:45px 100px;border:1px solid #ddd;}
.q_n_case_top h1{width:100%;font-size: 30px;color:#222;line-height: 40px;height:40px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.q_n_case_top_span{width:10%;height:5px;background-color: #ea0b0c;margin:20px 0 0 0;}
.q_n_case_main{width:100%;margin:50px auto 0;position: relative;}
.swiper_button_case_next{background: url('../images/swiper_button_case_next.png') no-repeat center center;background-size: 59px 59px;right:-75px; width:59px;height: 59px;margin-top: -30px;}
.swiper_button_case_prev{background: url('../images/swiper_button_case_prev.png') no-repeat center center;background-size: 59px 59px;left:-75px; width:59px;height: 59px;margin-top: -30px;}
/* q_n_case end! */

/* q_n_contact start! */
.q_n_contact_main{width:100%;margin:30px auto 0;padding:30px 0 0 ;border-top:1px solid #ccc;}
.q_map{width:100%;height:500px; margin:0 auto;}
.my-map { margin: 0 auto; width: 100%; height: 100%; }
.my-map .icon-cir { height: 31px; width: 28px; }
.my-map .icon-cir-red { background-position: -11px -5px; }
.amap-container{height: 100%;}

.q_n_contact_content{width:100%;margin:25px auto 0;}
.q_n_contact_content:after{content:"."; display:block; height:0; visibility:hidden; clear:both;}
.q_n_contact_wechat{width:166px;height:166px;float:right;border:1px solid #ccc;}
.q_n_contact_body{width:calc(100% - 180px);height:166px;background-color: #ea0b0c;float:left;padding:45px 60px;}
.q_n_contact_body:after{content:"."; display:block; height:0; visibility:hidden; clear:both;}
.q_n_contact_img{width:572px;height:75px;float:left;}
.q_n_contact_txt{width:calc(100% - 600px);height:60px;float:right;padding:0 0 0 28px;border-left:1px solid #fff;margin:8px 0 0;}
.q_n_contact_txt:after{content:"."; display:block; height:0; visibility:hidden; clear:both;}
.q_n_contact_item{width:50%;float:left;line-height: 30px;height:30px;color:#fff;font-size: 22px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.q_n_contact_item:nth-of-type(1){width:40%;}
.q_n_contact_item:nth-of-type(2){width:60%;}
.q_n_contact_item:nth-of-type(3){width:100%;float:none;}
/* q_n_contact end! */

/* q_n_about start! */
.q_n_about_main{width:100%;margin:30px auto 0;padding:30px 0 0 ;border-top:1px solid #ccc;}
.q_n_about_main_h{width:100%;font-size: 30px;color:#222;line-height: 40px;height:40px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.q_n_about_main_span{width:10%;height:5px;background-color: #ea0b0c;margin:35px 0 0 0;}
.q_n_about_main_body{width:100%;margin:40px auto 0;}
.q_n_about_img{width:100%;margin:0 auto;position: relative;}
.q_n_about_mask{width:100%;position: absolute;left:0;top:0;}
.q_n_about_mask_in{width:100%;margin:0 auto;padding:100px 60px 0;}
.q_n_about_mask_in p{width:100%;margin:0 auto;font-size: 25px;color:#0f0f0f;line-height: 45px;font-weight: lighter;}
.q_n_about_mask_in p span{font-weight: bold;}
.q_n_about_txt{width:100%;margin:0 auto;padding:50px;font-size: 17px;line-height: 2;text-align: justify;color:#666;}
.q_n_about_txt span{font-weight: bold;color:#333;}
/* q_number start! */
.q_n_about_main .q_number{width:100%;margin:0 auto;padding:0;}
.q_n_about_main.q_number_main{width:100%;margin:0 auto;padding:0;border:1px solid #bbb;padding:20px 0;}
.q_n_about_main.q_number_item{width:20%;float:left;border-right:1px solid #bbb;padding:45px 20px;text-align: center;}
.q_n_about_main.q_number_item:nth-of-type(5){border-right:0px solid #bbb;}
.q_n_about_main.q_number_top{font-size: 39px;line-height: 45px;color:#ea0b0c;font-weight: bold;}
.q_n_about_main.q_number_top .sub{font-size: 16px;vertical-align: text-top;font-weight: normal;}
.q_n_about_main.q_number_txt{width:100%;margin:10px auto;padding:0;font-size: 15px;color:#222;line-height: 25px;height:25px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
/* q_number end! */
/* q_n_about end! */

/* q_n_news start! */
.q_n_news_list{width:100%;margin:50px auto 0;}
.q_n_news_item{width:100%;margin:0 auto;padding:30px 50px; border-bottom: 1px solid #bbb;}
.q_n_news_item:nth-of-type(1){border-top: 1px solid #bbb;}
.q_n_news_main{width:100%;margin:0 auto;}
.q_n_news_main:after{content:"."; display:block; height:0; visibility:hidden; clear:both;}
.q_n_news_item_img{width:289px;height:204px;float:left;}
.q_n_news_item_img a{outline: none;display: block; width:100%;height:100%;overflow: hidden;}
.q_n_news_item_txt{width:calc(100% - 350px);height:204px;float:right;padding:35px 0 0;}
.q_n_news_item_txt h3{width:100%;margin:0 auto;}
.q_n_news_item_txt h3 a{display: block; outline: none; width:100%;margin:0 auto;font-size: 25px;color:#030303;line-height: 30px;height:30px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.q_n_news_item_txt_date{width:100%;margin:10px auto 0;font-size: 16px;color:#a6a6a6;line-height: 20px;}
.q_n_news_item_txt p{width:100%;margin:15px auto;text-align: justify;font-size: 16px;color:#777;line-height: 30px;height:60px;
display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;
}
.q_n_news_item:hover {background-color: #ea0b0c;border-bottom: 1px solid #ea0b0c;}
.q_n_news_item:hover .q_n_news_item_txt h3 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_content */
.q_n_news_content{width:100%;margin:30px auto 10px;padding:50px;border-top:1px solid #ccc;border-bottom:1px solid #ccc;}
.q_n_news_top{width:100%;margin:0 auto;padding:0;}
.q_n_news_top h1{width:100%;margin:0 auto;padding:0;line-height: 30px;font-size: 26px;color:#222;text-align: center;}
.q_n_news_top_span{width:100%;margin:25px auto 0;padding:10px 15px;text-align: center;background-color: #f0f0f0;color:#444;font-size: 14px;}
.q_n_news_top_span span{margin:0 3px;}
.q_n_news_body{width:100%;margin:30px auto 0;padding:0 30px;min-height: 240px;}
/* q_n_news end! */


/* page */
.page{width:100%;margin:10px auto 15px;line-height: 25px;}
.page_a{width:50%;padding:0 10px;float:left;color:#999;font-size: 12px;}
.page_a a{outline: none;color:#777;}
.page_next{float:right;text-align: right;}
@media (max-width: 760px) {
.page{width:100%;margin:20px auto 15px;line-height: 25px;}
.page_a{width:100%;padding:0 10px;float:none;color:#999;font-size: 13px;}
.page_next{float:none;text-align: left;}
}
/* page */







/* 分页部分通用 开始  */
.pagelist {list-style: none;line-height: 45px;margin:50px auto 30px;text-align: center;padding:5px 0;font-family: "思源黑体";}
.pagelist > a,.pagelist>span{
display: inline-block;text-decoration: none;outline: none;min-width:45px;height:40px;line-height: 40px;
font-size: 16px;padding:0 10px;color:#222;margin:3px 2px;border-radius: 3px;transition: all .4s;border:1px solid #ccc;}
.pagelist > span{color:#fff;background-color: #ec0000;border:1px solid #ec0000;}
.pagelist >a:hover{color:#fff;background-color: #ec0000;border:1px solid #ec0000;}
@media(max-width: 1600px){
.pagelist {margin:40px auto 25px;}
}
@media(max-width: 1440px){
.pagelist {margin:35px auto 0;}
}
@media(max-width: 640px) {
.pagelist {margin:20px auto 5px;}
.pagelist > a,.pagelist > span{min-width:40px;height:30px;line-height: 30px;font-size: 11px;font-weight: normal;padding:0 8px;}
}
@media(max-width: 500px) {
.pagelist {line-height: 40px;margin:25px auto 10px;}
.pagelist > a,.pagelist > span{min-width:40px;height:30px;line-height: 30px;font-size: 12px;margin:3px 1px;}
}
/* 分页部分通用 结束  */

.yqlj{text-align: center;line-height: 26px;}
.yqlj a{color: #333;}
.yqlj a:hover{color: #ec0000;}
.nyxw2{width: 49%;float: left;line-height:42px;height: 42px;margin-right:2%;border-bottom: 1px dashed #ccc;}
.nyxw2 span{float: right;}
.nyxw2:nth-child(2n-1){margin-right: 0;}
.message_list {padding: 20px;}
.message_list ul li {line-height: 24px;}
a.message_add {float: right;display: inline-block;color: #f00;margin-right: 20px;}
.message_add_form {width: 508px;margin: 0px auto;}
.form_table th {font-weight: normal;vertical-align: top;padding-top: 10px;width: 100px;}
.form_table td {font-weight: normal;vertical-align: middle;padding-top: 10px;}
.list_btn, .search_btn {display: inline-block;width: 79px;height: 35px;line-height: 35px;text-align: center;border: 0;cursor: pointer;}
.list_input {font-size: 14px;height: 32px;padding: 0 3px;line-height: 32px;border: 1px solid #ccc;border-right: 1px solid #ccc;border-bottom: 1px solid #ccc;width: 400px;}
.list_textarea {height: 80px;width: 400px;padding: 0 3px;line-height: 20px;border: 1px solid #ccc;border-right: 1px solid #ccc;border-bottom: 1px solid #ccc;}
a.sub_btn, .sub_btn {display: inline-block;width: 138px;text-align: center;color: #fff;height: 36px;line-height: 36px;border: 0;font-size: 14px;cursor: pointer;font-weight: bold;}
.fz_gjcb{clear: both;margin: 10px auto;display:inline-block;}
.fz_gjcb li{height: 38px;line-height: 38px;padding: 0px 10px;background-color: #f6f6f6;text-align: center;float: left;margin: 0px 10px;border-radius: 5px;}