@media(max-width: 1600px){ .main1440{width:1300px;margin:0 auto;} .main1560{width:1300px;margin:0 auto;} .main1650{width:1400px;margin:0 auto;} /* q_header start! */ .q_top_l{font-size: 15px;} .q_top_r{font-size: 15px;} .q_header .q_middle{height:90px;} .q_header .q_logo{width:280px;height:90px;} .q_header .q_logo h1{height:90px;} .q_header .q_logo h1 a{height:90px;padding:0;} .q_header .q_icon{width:150px;height:90px;padding:28px 0;} .q_header .q_icon_wechat_div{top:90px;} .q_header .q_icon_search_div{width:600px;top:90px;} .q_header .q_nav{height:90px;width:calc(100% - 430px);} .q_header .q_nav>li{height:90px;} .q_header .q_nav>li:after{top:42px;} .q_header .q_nav>li>a{height:90px;line-height: 90px;padding: 0 15px;} /* q_header end! */ .q_banner{margin:130px auto 0;} /* q_section start! */ .q_section{margin:65px auto 0;} .q_section_title_cn{font-size: 26px;line-height: 35px;} .q_section_title_en{font-size: 16px;line-height: 25px;} .q_section_title_span{width:30px;margin:5px auto 0;height:2px;} .q_section_title_p{margin:5px auto;font-size: 14px;line-height: 20px;} .q_section_more{margin:30px auto 0;} .q_section_more a{padding: 10px 50px;font-size: 14px;line-height: 20px;} /* q_section end! */ /* q_product start! */ .q_product_nav{margin:25px auto 25px auto;} .q_product_nav>li{width:23%;text-align:center;} .q_product_nav>li a dt img{border-radius: 180px;transition: all 1.0s;border:1px solid #EFEFEF;padding:10px;} .q_product_nav>li a p {width:100%;text-align: center;font-size: 15px;color:#333;overflow: hidden;white-space: nowrap;line-height: 36px;height: 36px;border-bottom: 1px solid #EFEFEF;} .q_product_nav>li a dt img:hover{transform: rotatey(360deg);} /* q_product_list */ .q_product_list{margin:30px auto 0;} .q_product_item{width:24.4%;float:left;margin:0 0.8% 15px 0;} .q_product_item:nth-of-type(4n){margin:0 0 15px 0;} .q_product_item_txt{padding:23px 20px;} .q_product_item_txt_l{height:30px;font-size: 17px;line-height: 30px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;text-align: center;font-weight: bold;} .q_product_item_txt_r{text-align: center;margin-top: 5px;vertical-align: middle;font-size: 15px;} .q_product_item_txt_r img{display: inline-block;vertical-align: middle;margin-right: 5px;width: 23px;height: 23px;} .q_product_item_txt_r .img2{display: none;} .q_product_item:hover{border:1px solid #ea0b0c;} .q_product_item:hover .q_product_item_txt_r{color: #fff;} .q_product_item:hover .q_product_item_txt_r .img1{display: none;} .q_product_item:hover .q_product_item_txt_r .img2{display: inline-block;} /* q_product end! */ /* q_case start! */ .q_case_list{margin:30px auto 0;} .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_mask_out{height:55px;position: absolute;left:0;bottom:0;} .q_mask_in{padding:15px 20px;position: absolute;left:0;bottom:0;} .q_mask_case_title_r{width:25px;height:25px;float:right;font-size: 24px;line-height: 25px;} .q_mask_case_title_l{width:calc(100% - 35px);height:25px;float:left;font-size: 17px;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{margin:30px auto 0;font-size: 15px;line-height: 25px;} .q_case_item:hover .q_mask_in{padding:0 15%;} .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{font-size: 18px;} /* q_case end! */ /* q_about start! */ .q_about_main{width:40%;float:right;padding:0 5% 0 3%;} .q_about_mask_h1{font-size: 27px;font-weight: bold;line-height: 33px;} .q_about_mask_line{margin:18px auto 0;} .q_about_mask_p{margin:18px auto 0;font-size: 15px;line-height: 1.8;} .q_about_mask_more{margin:25px auto 0;} .q_about_mask_more a{padding:7px 40px;font-size: 15px;line-height: 20px;} /* q_about end! */ /* q_number start! */ .q_number{margin:40px auto 0;} .q_number_main{padding:20px 0;} .q_number_item{width:20%;float:left;padding:38px 18px;} .q_number_item:nth-of-type(5){border-right:0px solid #bbb;} .q_number_top{font-size: 35px;line-height: 42px;font-weight: bold;} .q_number_top .sub{font-size: 15px;} .q_number_txt{margin:10px auto;font-size: 15px;line-height: 25px;height:25px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} /* q_number end! */ /* q_news start! */ .q_news_list{margin:30px auto 0;padding:0 50px;} .q_news_item{padding:40px 55px;} .q_news_item_number{margin:10px auto 0;font-size: 17px;} .q_news_item_h{margin:5px auto 0;} .q_news_item_h a{font-size: 17px;line-height: 25px;height:25px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .q_news_item_p{margin:10px auto 0;font-size: 12px;line-height: 20px;height: 40px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden; } .q_news_item_more a{font-size: 28px;line-height: 33px;} /* q_news end! */ /* q_contact start! */ .q_contact{margin:45px auto 30px;} .q_contact_mask{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{height:100%;padding:30px 45px 0;} /* q_message_form */ .q_message_form{margin:30px auto 0;} .q_message_form .form-group{margin:0 auto 10px;} .q_message_form .form-button {margin:20px auto 0;} .q_message_form .form-button .button{padding:10px 30px;font-size: 17px;line-height: 25px} /* q_contact end! */ /* q_footer start! */ .q_footer{border-top:3px solid #eb1516;} .q_footer_t{padding:70px 0 60px;} .q_footer_t_logo{width:170px;float:left;padding:15px 0 0;} .q_footer_t_wexin{width:120px;float:right;padding:24px 0 0;} .q_footer_t_nav{width:calc(100% - 360px);float:left;margin:0 25px 0 45px;} .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{padding:0 10px 0 15px;border-left: 3px solid #d50001;font-size: 18px;font-weight: bold;line-height: 25px;} .q_footer_item_h span{margin:0 0 0 10px;font-size: 13px;} .q_footer_item_main{margin:20px auto 0;padding:20px 0 0;} /* q_footer_list1 */ .q_footer_list1 ul li{width:23.5%;float:left;margin:0 2% 12px 0;} .q_footer_list1 ul li:nth-of-type(4n){margin:0 0 12px 0;} .q_footer_list1 ul li a{font-size: 15px;line-height: 20px;height:20px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} /* q_footer_list2 */ .q_footer_div{width:33%;float:left;margin:0 1.5% 12px 0;font-size: 15px;height:20px;line-height: 20px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .q_footer_div span{color:#fff;} .q_footer_div1{width:48%;} .q_footer_div2{width:48%;} .q_footer_div3{width:100%;margin:0 0 12px 0;float:none;} .q_footer_div4{width:100%;margin:0 0 0 0;float:none;} /* q_footer_b */ .q_footer_b{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{margin:0 3px;line-height: 35px;} .q_footer_b_r{width:20%;float:right;height:35px;line-height: 35px;} .q_footer_b_r span{width:35px;height:35px;margin:0 0 0 5px;position: relative;} .q_footer_b_r span a{width:35px;height:35px;line-height: 35px;font-size: 17px;} .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{margin:0px auto;border-bottom: 3px solid #ea0b0c;padding:130px 0 0;} /* q_banner_ end! */ /* q_position start! */ .q_position{padding:30px 0;} .q_position_title{font-size: 25px;line-height: 30px;height:30px;border-left: 3px solid #ea0b0c;padding-left: 10px;} .q_position_title span{font-size: 20px;font-weight: 100;margin-left: 10px;} .q_position_main{width:50%;float:right;line-height: 30px;height:30px;font-size: 14px;letter-spacing: 0px;} /* q_position end! */ /* q_main start! */ .q_main{margin:70px auto 0;} .q_main p{font-size: 15px;line-height: 2;} .q_main_catename span{padding:20px 40px;font-size: 20px;line-height: 25px;} /* q_main end! */ /* q_n_product start! */ .q_n_product_top{margin:40px auto 0;padding:40px;} .q_n_product_top_img{width:580px;height:436px;float:left;} .q_n_product_top_txt{width:calc(100% - 640px);float:right;} .q_n_product_top_txt h1{font-size: 26px;line-height: 35px;height:35px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .q_n_product_top_txt_span{width:13%;height:5px;margin:15px 0 0 0;} .q_n_product_top_txt_h3{margin:25px auto 0;font-size: 17px;line-height: 25px;height:25px;} .q_n_product_top_txt_info{margin:10px auto;font-size: 17px;line-height:2;} .q_n_product_top_more{margin:50px auto 0;} .q_n_product_top_weixin{margin:25px auto 0;} /* q_n_product_main */ .q_n_product_main{margin:50px auto 30px;} .q_n_product_main_title{height:45px;} .q_n_product_main_title span{padding:0 50px;height:45px;line-height: 45px;font-size: 17px;letter-spacing: 0px;} .q_n_product_body{padding:45px 0;} .q_n_product_group{margin:0 auto 15px;} .q_n_product_group_title{padding:0 0 0 17px;border-left:4px solid #ea0b0c;font-size: 26px;line-height: 30px;height:30px;} .q_n_product_group_main{margin:15px auto 0;padding:0 0 0 21px;min-height: 65px;} .q_relation{margin:40px auto 0;} .q_relation_title span{padding:0 50px;height:45px;line-height: 45px;font-size: 17px;letter-spacing: 0px;} /* 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_txt{padding:20px 0;} .q_n_case_item_txt a{height:30px;line-height: 30px;} .q_n_case_item_txt_squre{width:10px;height:10px;float:left;margin:10px 15px 0 0;} .q_n_case_item_txt_arrow{width:30px;float:right;text-align: right;font-size: 16px;} .q_n_case_item_txt_h{width:calc(100% - 60px);float:left;font-size: 16px;height:30px;line-height: 30px;letter-spacing: 0px;} /* q_n_case_group_main */ .q_n_case_group_main{padding:0 25px;} .q_n_case_top{margin:45px auto 0;padding:40px 90px;} .q_n_case_top h1{font-size: 25px;line-height: 30px;height:30px;} .q_n_case_top_span{width:8%;height:4px;margin:12px 0 0 0;} .q_n_case_main{margin:40px auto 0;position: relative;} .swiper_button_case_next{background: url('../images/swiper_button_case_next.png') no-repeat center center;background-size: 50px 50px;right:-70px; width:50px;height: 50px;margin-top: -25px;} .swiper_button_case_prev{background: url('../images/swiper_button_case_prev.png') no-repeat center center;background-size: 50px 50px;left:-70px; width:50px;height: 50px;margin-top: -25px;} /* q_n_case end! */ /* q_n_contact start! */ .q_n_contact_main{margin:30px auto 0;padding:30px 0 0 ;} .q_map{height:450px;} .q_n_contact_content{margin:20px auto 0;} .q_n_contact_wechat{width:140px;height:140px;float:right;border:1px solid #ccc;} .q_n_contact_body{width:calc(100% - 160px);height:140px;background-color: #ea0b0c;float:left;padding:40px 50px;} .q_n_contact_img{width:458px;height:60px;float:left;} .q_n_contact_txt{width:calc(100% - 495px);height:50px;float:right;padding:0 0 0 28px;margin:5px 0 0;} .q_n_contact_item{width:50%;float:left;line-height: 25px;height:25px;font-size: 19px;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{margin:30px auto 0;padding:30px 0 0 ;} .q_n_about_main_h{font-size: 26px;line-height: 30px;height:30px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .q_n_about_main_span{width:7%;height:4px;margin:25px 0 0 0;} .q_n_about_main_body{margin:30px auto 0;} .q_n_about_mask_in{padding:80px 50px 0;} .q_n_about_mask_in p{font-size: 22px;line-height: 40px;font-weight: lighter;} .q_n_about_mask_in p span{font-weight: normal;color:#222;} .q_n_about_txt{padding:40px;font-size: 16px;line-height: 2;} /* q_number start! */ .q_n_about_main.q_number_main{padding:20px 0;} .q_n_about_main.q_number_item{width:20%;float:left;padding:40px 15px;} .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: 33px;line-height: 40px;font-weight: bold;} .q_n_about_main.q_number_top .sub{font-size: 14px;font-weight: normal;} .q_n_about_main.q_number_txt{margin:5px auto;font-size: 14px;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{margin:40px auto 0;} .q_n_news_item{padding:25px 45px;} .q_n_news_item:nth-of-type(1){border-top: 1px solid #bbb;} .q_n_news_item_img{width:260px;height:184px;float:left;} .q_n_news_item_txt{width:calc(100% - 300px);height:184px;float:right;padding:28px 0 0;} .q_n_news_item_txt h3 a{font-size: 22px;line-height: 27px;height:27px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .q_n_news_item_txt_date{margin:10px auto 0;font-size: 15px;line-height: 20px;} .q_n_news_item_txt p{margin:12px auto;font-size: 15px;line-height: 30px;height:60px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden; } /* q_n_news_content */ .q_n_news_content{margin:25px auto 10px;padding:40px;} .q_n_news_top h1{line-height: 30px;font-size: 22px;} .q_n_news_top_span{margin:20px auto 0;padding:10px 15px;font-size: 13px;} .q_n_news_top_span span{margin:0 3px;} .q_n_news_body{margin:30px auto 0;padding:0 25px;min-height: 180px;} /* q_n_news end! */ } @media(max-width: 1440px){ .main1440{width:1100px;margin:0 auto;} .main1560{width:1100px;margin:0 auto;} .main1650{width:1200px;margin:0 auto;} /* q_header start! */ .q_top_l{font-size: 14px;} .q_top_r{font-size: 14px;} .q_header .q_middle{height:90px;} .q_header .q_logo{width:260px;height:90px;} .q_header .q_logo h1{height:90px;} .q_header .q_logo h1 a{height:90px;padding:5px 0;} .q_header .q_logo h1 a img{height:100%;} .q_header .q_icon{width:40px;height:90px;padding:30px 0;} .q_header .q_icon a{margin:0 0 0 3px;width:30px;height:30px;line-height: 30px;font-size:15px;} .q_header .q_icon_wechat_div{top:90px;} .q_header .q_icon_search_div{width:600px;top:90px;} .q_header .q_nav{height:90px;width:calc(100% - 390px);} .q_header .q_nav>li{height:90px;} .q_header .q_nav>li:after{top:42px;} .q_header .q_nav>li>a{height:90px;line-height: 90px;padding:0 8px;font-size:15px;} .q_header .q_nav_son>li>a{font-size: 13px;} /* q_header end! */ .q_banner{margin:130px auto 0;} /* q_section start! */ .q_section{margin:50px auto 0;} .q_section_title_cn{font-size: 24px;line-height: 33px;} .q_section_title_en{font-size: 15px;line-height: 25px;} .q_section_title_span{width:30px;margin:5px auto 0;height:2px;} .q_section_title_p{margin:10px auto;font-size: 14px;line-height: 20px;} .q_section_more{margin:25px auto 0;} .q_section_more a{padding: 10px 50px;font-size: 13px;line-height: 20px;} /* q_section end! */ /* q_product start! */ .q_product_nav{margin:25px auto 25px auto;} .q_product_nav>li{width:11%;text-align:center;} .q_product_nav>li a dt img{border-radius: 180px;transition: all 1.0s;border:1px solid #EFEFEF;padding:10px;} .q_product_nav>li a p {width:100%;text-align: center;font-size: 15px;color:#333;overflow: hidden;white-space: nowrap;line-height: 36px;height: 36px;border-bottom: 1px solid #EFEFEF;} .q_product_nav>li a dt img:hover{transform: rotatey(360deg);} /* q_product_list */ .q_product_list{margin:30px auto 0;} .q_product_item{width:24.4%;float:left;margin:0 0.8% 15px 0;} .q_product_item:nth-of-type(4n){margin:0 0 15px 0;} /*.q_product_item{width:32%;float:left;margin:0 2% 15px 0;} .q_product_item:nth-of-type(4n){margin:0 2% 15px 0;} .q_product_item:nth-of-type(3n){margin:0 0 15px 0;}*/ .q_product_item_txt{padding:23px 20px;} .q_product_item_txt_l{height:30px;font-size: 16px;line-height: 30px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;text-align: center;font-weight: bold;} .q_product_item_txt_r{text-align: center;margin-top: 5px;vertical-align: middle;font-size: 15px;} .q_product_item_txt_r img{display: inline-block;vertical-align: middle;margin-right: 5px;width: 23px;height: 23px;} .q_product_item_txt_r .img2{display: none;} .q_product_item:hover{border:1px solid #ea0b0c;} .q_product_item:hover .q_product_item_txt_r{color: #fff;} .q_product_item:hover .q_product_item_txt_r .img1{display: none;} .q_product_item:hover .q_product_item_txt_r .img2{display: inline-block;} /* q_product end! */ /* q_case start! */ .q_case_list{margin:25px auto 0;} .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_mask_out{height:55px;position: absolute;left:0;bottom:0;} .q_mask_in{padding:15px 20px;position: absolute;left:0;bottom:0;} .q_mask_case_title_r{width:25px;height:25px;float:right;font-size: 24px;line-height: 25px;} .q_mask_case_title_l{width:calc(100% - 35px);height:25px;float:left;font-size: 16px;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{margin:30px auto 0;font-size: 15px;line-height: 25px;} .q_case_item:hover .q_mask_in{padding:0 10%;} .q_case_item:hover .q_mask_in .q_mask_case_title:before{width: 30px;} .q_case_item:hover .q_mask_in .q_mask_case_title_l{font-size: 18px;} /* q_case end! */ /* q_about start! */ .q_about_main{width:40%;float:right;padding:0 5% 0 3%;} .q_about_mask_h1{font-size: 22px;font-weight: bold;line-height: 30px;} .q_about_mask_line{margin:15px auto 0;} .q_about_mask_p{margin:15px auto 0;font-size: 13px;line-height: 1.7;} .q_about_mask_more{margin:20px auto 0;} .q_about_mask_more a{padding:5px 40px;font-size: 14px;line-height: 20px;} /* q_about end! */ /* q_number start! */ .q_number{margin:30px auto 0;} .q_number_main{padding:20px 0;} .q_number_item{width:20%;float:left;padding:35px 15px;} .q_number_item:nth-of-type(5){border-right:0px solid #bbb;} .q_number_top{font-size: 31px;line-height: 40px;font-weight: bold;} .q_number_top .sub{font-size: 14px;} .q_number_txt{margin:8px auto;font-size: 14px;line-height: 25px;height:25px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} /* q_number end! */ /* q_news start! */ .q_news_list{margin:25px auto 0;padding:0 50px;} .q_news_item{padding:30px 45px;} .q_news_item_number{margin:10px auto 0;font-size: 16px;} .q_news_item_h{margin:5px auto 0;} .q_news_item_h a{font-size: 17px;line-height: 25px;height:25px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .q_news_item_p{margin:10px auto 0;font-size: 12px;line-height: 20px;height: 40px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden; } .q_news_item_more a{font-size: 25px;line-height: 30px;} /* q_news end! */ /* q_contact start! */ .q_contact{margin-bottom:30px;} .q_contact_mask{height:100%;position: absolute;left:0;top:0;} .q_contact_mask .main1560{height:100%;} .q_contact_mask_body{width:30%;float:right;height:100%;padding:50px 0 0;} .q_contact_content{height:100%;padding:30px 45px 0;} /* q_message_form */ .q_message_form{margin:25px auto 0;} .q_message_form .form-group{margin:0 auto 10px;} .q_message_form .form-button {margin:20px auto 0;} .q_message_form .form-button .button{padding:10px 30px;font-size: 17px;line-height: 25px} /* q_contact end! */ /* q_footer start! */ .q_footer{border-top:3px solid #eb1516;} .q_footer_t{padding:60px 0 50px;} .q_footer_t_logo{width:170px;float:left;padding:15px 0 0;} .q_footer_t_wexin{width:120px;float:right;padding:24px 0 0;} .q_footer_t_nav{width:calc(100% - 360px);float:left;margin:0 25px 0 45px;} .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{padding:0 10px 0 15px;border-left: 3px solid #d50001;font-size: 18px;font-weight: bold;line-height: 25px;} .q_footer_item_h span{margin:0 0 0 10px;font-size: 13px;} .q_footer_item_main{margin:20px auto 0;padding:20px 0 0;} /* q_footer_list1 */ .q_footer_list1 ul li{width:32%;float:left;margin:0 2% 10px 0;} .q_footer_list1 ul li:nth-of-type(4n){margin:0 2% 10px 0;} .q_footer_list1 ul li:nth-of-type(3n){margin:0 0 10px 0;} .q_footer_list1 ul li a{font-size: 14px;line-height: 20px;height:20px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} /* q_footer_list2 */ .q_footer_div{width:33%;float:left;margin:0 1.5% 10px 0;font-size: 14px;height:20px;line-height: 20px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .q_footer_div span{color:#fff;} .q_footer_div1{width:48%;} .q_footer_div2{width:48%;} .q_footer_div3{width:100%;margin:0 0 12px 0;float:none;} .q_footer_div4{width:100%;margin:0 0 0 0;float:none;} /* q_footer_b */ .q_footer_b{padding:20px 0;} .q_footer_b_l{width:80%;float:left;height:35px;font-size: 13px;} .q_footer_b_l span,.q_footer_b_l a{margin:0 3px;line-height: 35px;} .q_footer_b_r{width:20%;float:right;height:35px;line-height: 35px;} .q_footer_b_r span{width:35px;height:35px;margin:0 0 0 5px;position: relative;} .q_footer_b_r span a{width:35px;height:35px;line-height: 35px;font-size: 17px;} .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{border-bottom: 3px solid #ea0b0c;} /* q_banner_ end! */ /* q_position start! */ .q_position{padding:25px 0;} .q_position_title{font-size: 20px;line-height: 25px;height:25px;border-left: 3px solid #ea0b0c;padding-left: 10px;} .q_position_title span{font-size: 16px;font-weight: 100;margin-left: 10px;} .q_position_main{width:50%;float:right;line-height: 25px;height:25px;font-size: 13px;} /* q_position end! */ /* q_main start! */ .q_main{margin:50px auto 0;} .q_main p{font-size: 15px;line-height: 2;} .q_main_catename span{padding:17px 35px;font-size: 17px;line-height: 25px;} /* q_main end! */ /* q_n_product start! */ .q_n_product_top{margin:35px auto 0;padding:30px;} .q_n_product_top_img{width:470px;height:353px;float:left;} .q_n_product_top_txt{width:calc(100% - 520px);float:right;} .q_n_product_top_txt h1{font-size: 22px;line-height: 30px;height:30px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .q_n_product_top_txt_span{width:8%;height:4px;margin:10px 0 0 0;} .q_n_product_top_txt_h3{margin:15px auto 0;font-size: 17px;line-height: 25px;height:25px;} .q_n_product_top_txt_info{margin:10px auto;font-size: 17px;line-height:2;} .q_n_product_top_more{margin:25px auto 0;} .q_n_product_top_weixin{margin:15px auto 0;} .q_n_product_top_weixin img{max-width:100px;} /* q_n_product_main */ .q_n_product_main{margin:40px auto 25px;} .q_n_product_main_title{height:45px;} .q_n_product_main_title span{padding:0 45px;height:45px;line-height: 45px;font-size: 17px;} .q_n_product_body{padding:35px 0;} .q_n_product_group{margin:0 auto 15px;} .q_n_product_group_title{padding:0 0 0 15px;border-left:4px solid #ea0b0c;font-size: 21px;line-height: 26px;height:26px;} .q_n_product_group_main{margin:15px auto 0;padding:0 0 0 21px;min-height: 40px;} .q_relation{margin:30px auto 0;} .q_relation_title span{padding:0 45px;height:45px;line-height: 45px;font-size: 17px;} /* q_n_product end! */ /* q_n_case start! */ .q_n_case_item{width:32%;margin:0 2% 20px 0;float:left;} .q_n_case_item:nth-of-type(3n){margin:0 0 20px 0;} .q_n_case_item_txt{padding:16px 0;} .q_n_case_item_txt a{height:30px;line-height: 30px;} .q_n_case_item_txt_squre{width:10px;height:10px;float:left;margin:10px 15px 0 0;} .q_n_case_item_txt_arrow{width:30px;float:right;text-align: right;font-size: 15px;} .q_n_case_item_txt_h{width:calc(100% - 60px);float:left;font-size: 15px;height:30px;line-height: 30px;} /* q_n_case_group_main */ .q_n_case_group_main{padding:0 25px;} .q_n_case_top{margin:35px auto 0;padding:30px 80px;} .q_n_case_top h1{font-size: 22px;line-height: 30px;height:30px;} .q_n_case_top_span{width:6%;height:3px;margin:10px 0 0 0;} .q_n_case_main{margin:30px auto 0;position: relative;} .swiper_button_case_next{background: url('../images/swiper_button_case_next.png') no-repeat center center;background-size: 44px 44px;right:-60px; width:44px;height: 44px;margin-top: -22px;} .swiper_button_case_prev{background: url('../images/swiper_button_case_prev.png') no-repeat center center;background-size: 44px 44px;left:-60px; width:44px;height: 44px;margin-top: -22px;} /* q_n_case end! */ /* q_n_contact start! */ .q_n_contact_main{margin:30px auto 0;padding:25px 0 0 ;} .q_map{height:400px;} .q_n_contact_content{margin:20px auto 0;} .q_n_contact_wechat{width:106px;height:106px;float:right;border:1px solid #ccc;} .q_n_contact_body{width:calc(100% - 125px);height:106px;background-color: #ea0b0c;float:left;padding:30px 40px;} .q_n_contact_img{width:351px;height:46px;float:left;} .q_n_contact_txt{width:calc(100% - 370px);height:40px;float:right;padding:0 0 0 20px;margin:5px 0 0;} .q_n_contact_item{width:50%;float:left;line-height: 20px;height:20px;font-size: 16px;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{margin:30px auto 0;padding:25px 0 0 ;} .q_n_about_main_h{font-size: 22px;line-height: 27px;height:27px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .q_n_about_main_span{width:5%;height:3px;margin:15px 0 0 0;} .q_n_about_main_body{margin:20px auto 0;} .q_n_about_mask_in{padding:60px 50px 0;} .q_n_about_mask_in p{font-size: 22px;line-height: 35px;font-weight: lighter;} .q_n_about_mask_in p span{font-weight: normal;color:#222;} .q_n_about_txt{padding:35px 30px;font-size: 15px;line-height: 2;} /* q_number start! */ .q_n_about_main.q_number_main{padding:20px 0;} .q_n_about_main.q_number_item{width:20%;float:left;padding:30px 10px;} .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: 27px;line-height: 35px;font-weight: bold;} .q_n_about_main.q_number_top .sub{font-size: 13px;font-weight: normal;} .q_n_about_main.q_number_txt{margin:5px auto;font-size: 14px;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{margin:30px auto 0;} .q_n_news_item{padding:25px 25px;} .q_n_news_item:nth-of-type(1){border-top: 1px solid #bbb;} .q_n_news_item_img{width:200px;height:142px;float:left;} .q_n_news_item_txt{width:calc(100% - 225px);height:142px;float:right;padding:15px 0 0;} .q_n_news_item_txt h3 a{font-size: 18px;line-height: 25px;height:25px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-weight: bold;color:#444;} .q_n_news_item_txt_date{margin:5px auto 0;font-size: 13px;line-height: 18px;} .q_n_news_item_txt p{margin:8px auto;font-size: 14px;line-height: 25px;height:50px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden; } /* q_n_news_content */ .q_n_news_content{margin:25px auto 10px;padding:25px;} .q_n_news_top h1{line-height: 30px;font-size: 22px;} .q_n_news_top_span{margin:20px auto 0;padding:10px 15px;font-size: 12px;} .q_n_news_top_span span{margin:0 3px;} .q_n_news_body{margin:25px auto 0;padding:0 25px;min-height: 100px;} /* q_n_news end! */ } @media(max-width: 640px){ .main1440{width:100%;margin:0 auto;padding:0 20px;} .main1560{width:100%;margin:0 auto;padding:0 20px;} .main1650{width:100%;margin:0 auto;padding:0 20px;} /* q_header start! */ .q_top_l{font-size: 14px;} .q_top_r{font-size: 14px;} .q_header .q_middle{height:90px;} .q_header .q_logo{width:270px;height:90px;} .q_header .q_logo h1{height:90px;} .q_header .q_logo h1 a{height:90px;padding:5px 0;} .q_header .q_logo h1 a img{height:100%;} .q_header .q_icon{width:150px;height:90px;padding:28px 0;} .q_header .q_icon_wechat_div{top:90px;} .q_header .q_icon_search_div{width:600px;top:90px;} .q_header .q_nav{height:90px;width:calc(100% - 420px);} .q_header .q_nav>li{height:90px;} .q_header .q_nav>li:after{top:42px;} .q_header .q_nav>li>a{height:90px;line-height: 90px;padding:0 20px;font-size:15px;} .q_header .q_nav_son>li>a{font-size: 13px;} /* q_header end! */ /* q_header start! */ .q_header{display: none;} /* q_header end! */ /* sp_header start! */ .sp_header{height:70px;overflow:hidden;background:rgba(255,255,255,1);position:fixed;z-index:10;width:100%;display: block;} .sp_header.sp_header_fixed{box-shadow: 0 0 2px #888;} .sp_logo{padding:5px 10px 5px 20px;float:left;height:70px} .sp_logo a{outline: none;display: block;} .sp_logo img{margin:auto;max-height:60px;} .sp_nav{width:60px;float:right;position:relative;cursor:pointer;height:26px;margin-top:24px} .sp_nav span{display:block;background:#ed3233;width:30px;height:3px;position:absolute;left:10px;transition:all ease 0.35s;border-radius: 3px;} .sp_nav span:nth-of-type(1){top:0px} .sp_nav span:nth-of-type(2){top:10px} .sp_nav span:nth-of-type(3){top:20px} .sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)} .sp_nav_se span:nth-of-type(2){width:0} .sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)} .sjj_nav{position:fixed;background:#fff;width:100%;height:calc(100% - 104px);font-size:14px;line-height:40px;top:-100%;left:0;display: block; overflow:auto;overflow-x:hidden;transition:top ease 0.35s;/*transition: all 0s;*/border-top:1px solid #ddd;z-index:9999999999999999999; } .nav_show{top:70px} .sjj_nav ul{transition: all 0s;} .sjj_nav ul li{transition: all 0s;} .sjj_nav>ul>li:first-child{overflow:hidden;border-top:0} .sjj_nav>ul>li:first-child>a{float:left;width:calc(100% - 70px)} .sjj_nav>ul>li:first-child .language{float:right;width:70px;overflow:hidden;line-height:30px;margin-top:10px} .sjj_nav>ul>li:first-child .language a{width:35px;float:left;border-left:1px #ddd solid;text-align:center;color:#999;outline: none;} .sjj_nav ul li i{position:absolute;top:7px;right:0px;border-left:1px #ddd solid;height:30px;padding:0px 7px 0 7px;} .sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s} .sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)} .sjj_nav ul li{border-top:1px #ddd solid;margin-left:20px;position:relative;line-height:50px;font-size:16px} .sjj_nav>ul >li:last-child{border-bottom:1px #ddd solid;} .sjj_nav ul li ul{display:none} .sjj_nav ul li a{color:#666;width:80%} .sjj_nav ul li ul li a{color:#999;display:block;text-align:left;} .sjj_nav ul li i svg{width:20px;height:30px;fill:#555;line-height: 40px;display: block;} .sjj_nav ul li .sjj_nav_i_se svg{fill:#ed3233} .sjj_nav ul li ul li>ul{margin-left:10px} .sjj_nav > ul > li:nth-of-type(7) .sp_nav_xjb {display: none;} .sjj_nav > ul > li:nth-of-type(8) .sp_nav_xjb {display: none;} /* sp_header end! */ /* q_banner start! */ .q_banner{margin:0 auto;padding:70px 0 0;border-bottom: 2px solid #ea0b0c;} .q_banner .swiper-container-horizontal > .swiper-pagination-bullets {bottom: 10px;} .q_banner .swiper-pagination-bullet {width: 24px;height: 24px;line-height: 24px;font-size: 11px;} /* q_banner end! */ /* q_section start! */ .q_section{margin:25px auto 0;} .q_section_title_cn{font-size: 21px;line-height: 27px;} .q_section_title_en{font-size: 13px;line-height: 20px;} .q_section_title_span{width:25px;margin:5px auto 0;height:2px;} .q_section_title_p{margin:10px auto;font-size: 13px;line-height: 20px;} .q_section_more{margin:20px auto 0;} .q_section_more a{padding: 8px 35px;font-size: 11px;line-height: 20px;} /* q_section end! */ /* q_product start! */ .q_product_nav{margin:25px auto 25px auto;} .q_product_nav>li{width:23%;text-align:center;margin-bottom: 10px;} .q_product_nav>li a dt img{border-radius: 180px;transition: all 1.0s;border:1px solid #EFEFEF;padding:5px;} .q_product_nav>li a p {width:100%;text-align: center;font-size: 15px;color:#333;overflow: hidden;white-space: nowrap;line-height: 36px;height: 36px;border-bottom: 1px solid #EFEFEF;} .q_product_nav>li a dt img:hover{transform: rotatey(360deg);} /* q_product_list */ .q_product_list{margin:15px auto 0;} .q_product_item{width:49%;float:left;margin:0 2% 10px 0;} .q_product_item:nth-of-type(2n){margin:0 0 10px 0;} .q_product_item_txt{padding:10px 10px;} .q_product_item_txt_l{height:25px;font-size: 14px;line-height: 25px;} .q_product_item_txt_r{text-align: center;margin-top: 5px;vertical-align: middle;font-size: 15px;} .q_product_item_txt_r img{display: inline-block;vertical-align: middle;margin-right: 5px;width: 23px;height: 23px;} .q_product_item_txt_r .img2{display: none;} .q_product_item:hover{border:1px solid #ea0b0c;} .q_product_item:hover .q_product_item_txt_r{color: #fff;} .q_product_item:hover .q_product_item_txt_r .img1{display: none;} .q_product_item:hover .q_product_item_txt_r .img2{display: inline-block;} /* q_product end! */ /* q_case start! */ .q_case_list{margin:20px auto 0;} .q_case_item{width:49%;float:left;margin:0 2% 10px 0;} .q_case_item:nth-of-type(2n){margin:0 0 10px 0;} .q_mask_out{height:40px;position: absolute;left:0;bottom:0;} .q_mask_in{padding:10px 10px;position: absolute;left:0;bottom:0;} .q_mask_case_title_r{width:20px;height:20px;float:right;font-size: 19px;line-height: 20px;} .q_mask_case_title_l{width:calc(100% - 25px);height:20px;float:left;font-size: 14px;border-left:2px solid #ea0b0c;padding:0 0 0 7px; line-height: 20px; overflow: hidden;text-overflow: ellipsis;white-space: nowrap; } .q_mask_case_desc{margin:20px auto 0;font-size: 15px;line-height: 25px;} .q_case_item:hover .q_mask_in{padding:0 15px;} .q_case_item:hover .q_mask_in .q_mask_case_title:before{width: 30px;} .q_case_item:hover .q_mask_in .q_mask_case_title_l{font-size: 17px;} /* q_case end! */ /* q_about start! */ .q_about{background: #bd0708;background-size: 100% 100%;} .q_about_mask_out{height:auto;position: static;} .q_about_mask_in{position: static;top:0; transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); -ms-transform: translateY(0); } .q_about_main{width:100%;float:none;padding:35px 30px;} .q_about_mask_h1{font-size: 19px;font-weight: bold;line-height: 25px;} .q_about_mask_line{margin:10px auto 0;} .q_about_mask_p{margin:10px auto 0;font-size: 13px;line-height: 1.8;} .q_about_mask_more{margin:20px auto 0;} .q_about_mask_more a{padding:5px 25px;font-size: 13px;line-height: 20px;} /* q_about end! */ /* q_number start! */ .q_number{margin:20px auto 0;} .q_number_main{padding:15px 0;} .q_number_main hr{background: #bbb;color:#bbb;margin:0 auto;} .q_number_item{width:33%;float:left;padding:20px 5px;margin:15px 0 0;} .q_number_item:nth-of-type(1){width:50%;margin:0 0 15px 0;} .q_number_item:nth-of-type(2){width:50%;border-right:0px solid #bbb;margin:0 0 15px 0;} .q_number_item:nth-of-type(5){border-right:0px solid #bbb;} .q_number_top{font-size: 22px;line-height: 27px;font-weight: bold;} .q_number_top .sub{font-size: 13px;} .q_number_txt{margin:5px auto;font-size: 13px;line-height: 20px;height:20px;} /* q_number end! */ /* q_news start! */ .q_news_list{margin:20px auto 0;padding:0 15px;} .q_news_item{padding:20px 20px;} .q_news_item_number{margin:10px auto 0;font-size: 16px;} .q_news_item_h{margin:5px auto 0;} .q_news_item_h a{font-size: 16px;line-height: 25px;height:25px;} .q_news_item_p{margin:10px auto 0;font-size: 11px;line-height: 18px;height: 36px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden; } .q_news_item_more a{font-size: 21px;line-height: 26px;} .swiper-slide-active .q_news_item{background-color:#eee;} .swiper-slide-active .q_news_item_number{color:#919191;} .swiper-slide-active .q_news_item_h a{color:#585858;} .swiper-slide-active .q_news_item_p{color:#585858;} .swiper-slide-active .q_news_item_more a{color:#585858;} .swiper-slide-active .q_news_item_img a{box-shadow: 0 0 5px #ddd;} /* .swiper-button */ .swiper_button_news_prev,.swiper_button_news_next{width:46px;height:31px;margin-top:-15px;} .swiper_button_news_next{right:-10px;} .swiper_button_news_prev{left:-10px;} .swiper-button-next.swiper_button_news_next{background:url('../images/swiper_button_news_next.png') no-repeat center center;background-size: 46px 31px;} .swiper-button-prev.swiper_button_news_prev{background:url('../images/swiper_button_news_prev.png') no-repeat center center;background-size: 46px 31px;} .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:20px;} .q_contact_mask{height:auto;position: static;left:0;top:0;} .q_contact_mask .main1560{height:auto;} .q_contact_mask_body{width:100%;float:none;height:auto;padding:0;} .q_contact_content{height:auto;padding:30px 25px;} /* q_message_form */ .q_message_form{margin:20px auto 0;} .q_message_form .form-group{margin:0 auto 10px;} .q_message_form .form-button {margin:20px auto 0;} .q_message_form .form-button .button{padding:10px 30px;font-size: 15px;line-height: 25px} /* q_contact end! */ /* q_footer start! */ .q_footer{border-top:2px solid #eb1516;} .q_footer_t{padding:30px 0 30px;} .q_footer_t_logo{display: none;} .q_footer_t_wexin{width:100%;float:none;padding:0;margin:5px auto 0;text-align: center;} .q_footer_t_nav{width:100%;float:none;margin:0 auto;} .q_footer_item{width:100%;float:none;margin:0 0 12px 0;} .q_footer_item:nth-of-type(2){margin:0 0 0 0;} .q_footer_item_h{padding:0 10px;border-left: 0px solid #d50001;font-size: 17px;font-weight: bold;line-height: 25px;text-align: center;} .q_footer_item_h span{display: block; margin:0 auto;width:100%font-size: 13px;line-height: 20px;} .q_footer_item_main{margin:15px auto 0;padding:15px 0 0;border-top: 1px solid #ccc;} /* q_footer_list1 */ .q_footer_list1 ul li{width:32%;float:left;margin:0 2% 10px 0;border:1px solid #aaa;padding:5px 0;} .q_footer_list1 ul li:nth-of-type(4n){margin:0 2% 10px 0;} .q_footer_list1 ul li:nth-of-type(3n){margin:0 0 10px 0;} .q_footer_list1 ul li a{font-size: 12px;line-height: 20px;height:20px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} /* q_footer_list2 */ .q_footer_item_main.q_footer_list2{padding:15px 20px;} .q_footer_div{width:100%;float:none;margin:0 0 5px 0;font-size: 13px;height:20px;line-height: 20px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .q_footer_div span{color:#eee;} /* q_footer_b */ .q_footer_b{padding:20px 0;} .q_footer_b_l{width:100%;float:none;height:auto;font-size: 12px;text-align: center;} .q_footer_b_l span,.q_footer_b_l a{margin:0 3px;line-height: 20px;} .q_footer_b_r{width:100%;float:none;height:35px;line-height: 35px;text-align: center;margin:15px auto 0;} .q_footer_b_r span{width:35px;height:35px;margin:0 5px;position: static;} .q_footer_b_r span a{width:35px;height:35px;line-height: 35px;font-size: 16px;} .q_footer_weixin_div{width:104px;position: absolute;top:-124px;left:-69px;box-shadow: 0 0 10px #aaa;display: none;} .q_footer_b .q_footer_b_r{display: none;} /* q_footer end! */ /* q_banner_n start! */ .q_banner_n{margin:0 auto;padding:70px 0 0;border-bottom: 2px solid #ea0b0c;} /* q_banner_ end! */ /* q_position start! */ .q_position{padding:20px 0;} .q_position_title{width:100%;float:none; font-size: 18px;line-height: 25px;height:25px;border-left: 3px solid #ea0b0c;padding-left: 10px;} .q_position_title span{font-size: 14px;font-weight: 100;margin-left: 10px;} .q_position_main{display: none;} /* q_position end! */ /* q_main start! */ .q_main{margin:30px auto 0;} .q_main p{font-size: 15px;line-height: 1.8;} .q_main_catename span{padding:17px 35px;font-size: 17px;line-height: 25px;} /* q_main end! */ /* q_n_product start! */ .q_n_product_top{margin:15px auto 0;padding:0;background-color: #fff;border:0;} .q_n_product_top_img{width:100%;height:auto;float:none;} .q_n_product_top_txt{width:100%;float:none;margin:20px auto 0;} .q_n_product_top_txt h1{font-size: 18px;line-height: 25px;height:25px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-weight: bold;color:#444;} .q_n_product_top_txt_span{width:10%;height:3px;margin:10px 0 0 0;} .q_n_product_top_txt_h3{margin:20px auto 0;font-size: 16px;line-height: 25px;height:25px;} .q_n_product_top_txt_info{margin:8px auto;font-size: 15px;line-height:1.7;} .q_n_product_top_more{margin:25px auto 0;} .q_n_product_top_weixin{margin:20px auto 0;padding:10px 20px;background-color: #ea0b0c;color:#fff;line-height: 22px} .q_n_product_top_weixin .btn{background-color: #fff;border:1px solid #fff;line-height: 20px;color:#222;font-size: 12px;margin-left: 10px;} /* q_n_product_main */ .q_n_product_main{margin:25px auto 15px;} .q_n_product_main_title{height:36px;} .q_n_product_main_title span{padding:0 30px;height:36px;line-height: 36px;font-size: 15px;font-weight: normal} .q_n_product_body{padding:20px 0;} .q_n_product_group{margin:0 auto 12px;} .q_n_product_group_title{padding:0 0 0 12px;border-left:4px solid #ea0b0c;font-size: 20px;line-height: 25px;height:25px;} .q_n_product_group_main{margin:0 auto;padding:0;} .q_relation{margin:25px auto 0;} .q_relation_title span{padding:0 30px;height:36px;line-height: 36px;font-size: 15px;font-weight: normal} /* q_n_product end! */ /* q_n_case start! */ .q_n_case_item{width:100%;margin:0 0 15px 0;float:none;} .q_n_case_item:nth-of-type(3n){margin:0 0 15px 0;} .q_n_case_item_txt{padding:16px 0;} .q_n_case_item_txt a{height:30px;line-height: 30px;} .q_n_case_item_txt_squre{width:10px;height:10px;float:left;margin:10px 15px 0 0;} .q_n_case_item_txt_arrow{width:30px;float:right;text-align: right;font-size: 15px;} .q_n_case_item_txt_h{width:calc(100% - 60px);float:left;font-size: 15px;height:30px;line-height: 30px;} /* q_n_case_group_main */ .q_n_case_group_main{padding:0 25px;} .q_n_case_top{margin:25px auto 0;padding:25px 50px;} .q_n_case_top h1{width:calc(100% + 50px); font-size: 22px;line-height: 25px;height:25px;margin-left: -25px;} .q_n_case_top_span{width:15%;height:3px;margin:15px 0 0 0;margin-left: -25px;} .q_n_case_main{margin:25px auto 0;position: relative;} .swiper_button_case_next{background: url('../images/swiper_button_case_next.png') no-repeat center center;background-size: 30px 30px;right:-40px; width:30px;height: 30px;margin-top: -15px;} .swiper_button_case_prev{background: url('../images/swiper_button_case_prev.png') no-repeat center center;background-size: 30px 30px;left:-40px; width:30px;height: 30px;margin-top: -15px;} .q_n_case_main .swiper-container .swiper-slide{padding:0 5px;} /* q_n_case end! */ /* q_n_contact start! */ .q_n_contact_main{margin:15px auto 0;padding:20px 0 0 ;} .q_map{height:180px;} .q_n_contact_content{margin:15px auto 0;} .q_n_contact_wechat{display: none;} .q_n_contact_body{width:100%;height:auto;float:none;padding:20px;} .q_n_contact_img{width:100%;height:auto;float:none;} .q_n_contact_txt{width:100%;height:auto;float:none;padding:0 10px;margin:10px 0 0;border:0;} .q_n_contact_item{width:100%;float:none;line-height: 25px;height:25px;font-size: 14px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .q_n_contact_item:nth-of-type(1){width:100%;} .q_n_contact_item:nth-of-type(2){width:100%;} .q_n_contact_item:nth-of-type(3){width:100%;} /* q_n_contact end! */ /* q_n_about start! */ .q_n_about_main{margin:20px auto 0;padding:20px 0 0 ;} .q_n_about_main_h{font-size: 18px;line-height: 25px;height:25px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-weight: bold;color:#444;} .q_n_about_main_span{width:10%;height:3px;margin:10px 0 0 0;} .q_n_about_main_body{margin:20px auto 0;} .q_n_about_mask_in{padding:60px 50px 0;} .q_n_about_mask_in p{font-size: 22px;line-height: 35px;font-weight: lighter;} .q_n_about_mask_in p span{font-weight: normal;color:#222;} .q_n_about_txt{padding:20px 0;font-size: 15px;line-height: 1.7;} .q_n_about_txt span{font-weight: normal;} /* q_number start! */ .q_n_about_main.q_number_main{padding:15px 0;} .q_n_about_main .q_number_main hr{background: #bbb;color:#bbb;margin:0 auto;} .q_n_about_main.q_number_item{width:33%;float:left;padding:20px 5px;margin:15px 0 0;} .q_n_about_main.q_number_item:nth-of-type(1){width:50%;margin:0 0 15px 0;} .q_n_about_main.q_number_item:nth-of-type(2){width:50%;border-right:0px solid #bbb;margin:0 0 15px 0;} .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: 22px;line-height: 27px;font-weight: bold;} .q_n_about_main.q_number_top .sub{font-size: 13px;} .q_n_about_main.q_number_txt{margin:5px auto;font-size: 13px;line-height: 20px;height:20px;} .q_n_about_img .q_n_about_mask{display: none;} /* q_number end! */ /* q_n_about end! */ /* q_n_news start! */ .q_n_news_list{margin:20px auto 0;} .q_n_news_item{padding:15px 0;border-bottom: 1px solid #ddd;} .q_n_news_item:nth-of-type(1){border-top: 1px solid #ddd;} .q_n_news_item_img{width:135px;height:96px;float:left;} .q_n_news_item_txt{width:calc(100% - 145px);height:96px;float:right;padding:0;} .q_n_news_item_txt h3 a{font-size: 16px;line-height: 20px;height:20px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-weight: normal;color:#222;} .q_n_news_item_txt_date{margin:5px auto 0;font-size: 11px;line-height: 15px;} .q_n_news_item_txt p{margin:5px auto;font-size: 12px;line-height: 20px;height:40px;color:#888; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden; } .q_n_news_item:hover {background-color: #fff;border-bottom: 1px solid #ddd;} .q_n_news_item:hover .q_n_news_item_txt h3 a{color:#222;} .q_n_news_item:hover .q_n_news_item_txt_date{color:#a6a6a6;} .q_n_news_item:hover .q_n_news_item_txt p{color:#888;} /* q_n_news_content */ .q_n_news_content{margin:20px auto 10px;padding:20px 0;} .q_n_news_top h1{line-height: 25px;font-size: 18px;font-weight: bold;color:#444;} .q_n_news_top_span{margin:15px auto 0;padding:10px 15px;font-size: 11px;} .q_n_news_top_span span{margin:0 3px;} .q_n_news_body{margin:20px auto 0;padding:0;min-height: 90px;} /* q_n_news end! */ } @media(max-width: 400px){ /* q_number start! */ .q_n_about_main.q_number_item{width:33%;float:left;padding:20px 5px;margin:15px 0 0;} .q_n_about_main.q_number_top{font-size: 19px;line-height: 25px;font-weight: bold;} .q_n_about_main.q_number_top .sub{font-size: 12px;} .q_n_about_main.q_number_txt{margin:5px auto;font-size: 13px;line-height: 20px;height:20px;} /* q_number end! */ .sp_header{height:60px;} .sp_logo{padding:0 10px 0 20px;float:left;height:60px} .sp_nav{margin-top:20px} .nav_show{top:60px} .q_banner{padding:60px 0 0;} .q_banner_n{padding:60px 0 0;} } /* 移动端底部通用代码 footer 开始 */ .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: #ea0b0c;} .footer_m:after{content:"."; display:block; height:0; visibility:hidden; clear:both;} .footer_m_item {width:33.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%;} .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;} /* 移动端底部通用代码 footer 结束 */ .yqlj{display: none;}