﻿@charset "utf-8";
/* CSS Document  */


@media screen and (max-width: 2600px) {



}



@media screen and (max-width: 1920px) {
	


}

@media screen and (max-width: 1800px) {
	

	
}


/* 1680 */
@media screen and (max-width: 1680px) {
	

	
}
/* 1500 */
@media screen and (max-width: 1501px) {
.xy-index-banner .text h2{ font-size:40px; margin-bottom: 18px;}
.xy-index-banner .text h3{ font-size:40px;}
}



/* 1440 */
@media screen and (max-width: 1440px) {

.about-section4{ min-height:auto; background-size:contain;}
.about-section4 .about-section4Wrapper{ padding:60px 0 20px;}
.about-section4 .about-section4-box .title h4{ font-size:60px; line-height:70px;}
.about-section4 .about-section4-box .title h3{ font-size:38px; line-height:48px;}
.about-section4 .history-list{ font-size:14px; padding:0 60px; height:300px; overflow:hidden;}
.about-section4 .history-list h4{ font-size:36px; font-weight:normal;}
.products-class-box .products-class-box-right{ margin: 50px 5% 50px 5%;}
.products-class-box ul li:nth-child(2n) .products-class-box-right { float: right; margin: 50px 5% 50px 5%;}
.section5 .section5Wrapper{ padding:0 100px;}
.products-class-box .products-class-box-right .title strong{ font-size:38px;}

	
	
	
}



/* 1366 */
@media screen and (max-width: 1366px) {
	
.about_num_box1 strong {font-size: 45px;}
.about_num{padding: 80px 20px 40px;}
.hls-iproduct .iproduct .txt h3{ font-size:60px;}
.xy-index-banner .text h2{ font-size: 36px;margin-bottom: 15px;}
.xy-index-banner .text h3{ font-size:36px; margin-bottom: 15px;}
.xy-index-banner .text p{font-size: 20px;}
.xy-index-banner .text .ban-sc{padding-top: 4%;}
.inewslist .inews{padding: 10px 0px;}
.footer .footerBox3 ul li p, .footer .footerBox3 ul li div{ font-size:12px; }
.footer .footerBox1 ul li a{ font-size:12px;}
 
}




/* 1280 */
@media screen and (max-width: 1280px) {


.zslist_bg{ width: 96%;
    margin: 100px 2% 50px;
    padding: 50px 0 100px; }
.container{width: 96%;}
.hls-iproduct .iproduct .txt h5 { font-size: 24px;}
.zypb_bg{    margin: 100px 6%;}
.zxrzfw_c_left ul li.cur { font-size: 18px;}
.xy-index-banner .text h2{ font-size: 30px;margin-bottom: 10px;}
.xy-index-banner .text h3{ font-size:30px; margin-bottom: 10px;}
.xy-index-banner .text p{font-size: 16px;}
.section5 .section5Wrapper{ padding:0 70px;}
	
}




/* 1152 */
@media screen and (max-width: 1152px) {



}


/* 1024 */
@media screen and (max-width: 1024px) {
header .hls-header .right .hls-nav .nav-item{margin-right:30px;}
.hls-iproduct .iproduct .txt h3{ font-size:50px;}
.hls-iproduct .iproduct .txt h4{ font-size:20px;}
.inewslist .inews a .txt h3{ font-size:24px;}
.ccsb_box_right{margin-top:100px;}
.products-class-box .products-class-box-right{width: 90%; margin: 30px 5% 30px 5%;}
.products-class-box .products-class-box-right .title { height: 40px;line-height: 40px;}
.products-class-box .products-class-box-right .desc {font-size: 14px;line-height: 28px;}
.section5 .title h3 { font-size: 48px;}
.product-section2 .product-section2-list ul li .title span{font-size: 14px;}
.product-section2 .product-section2-list ul li .title p.title1 { line-height: 30px; height: 60px;}
.product-section1 .product-section1-box .xgbz { margin-top: 30px; font-size: 16px; line-height: 30px;}
.ccsb_box_sm {font-size: 14px; line-height: 28px;}
.ccsb_box_right img {margin-top: 0px;}
.ccsb_box_title{ font-size: 30px; line-height: 40px;}
.ccsb_box_left{margin: 10px 6% 10px 5%;}
.zz_box_left{margin-left: 3%; margin-right: 3%;}
.zz_box_sm{ font-size:30px;}
.about_num{ margin: 80px auto 80px;}
.about_num_box1 strong {font-size: 40px;}
.about_num_box1 span{font-size: 20px;}
.about-section4 .about-section4-box .title h4 {font-size: 50px; line-height: 50px;}
.footer .footerBox3{ width: 27%; padding: 0 0 0 5%;}
.footer .footer-logo img{width: 70px;}
.fuwubox1 ul li .li_c strong{font-size: 28px;}
.contact-section2 .contact-section2-box .contact-section2-desc { font-size: 20px; line-height: 36px;}
.contact-section2 .contact-section2-box .contact-section2-note { width: 39%; padding: 5vh 0 5vh 6%; height: 38vh;}
.contact-section2 .contact-section2-box .pic{height: 48vh;}
.contact-section6 .contcat_right .item h3 { font-size: 40px;}
.footer .footer-logo { margin-bottom: 10px;}
.breadmenu .container .bigname{display:none;}
.breadmenu{height:auto;float:left;}
.product-section2 .product-section2-list ul li .title{font-size:16px;    padding: 10px 5%;}
.product-section1 .product-section1-box{width:90%;}
.proshow ul li .proshowname{padding:0}
.proshow ul li .proshowc{padding:0}
.check{margin: 30px auto;}
.check1{font-size: 28px;}
.check2{font-size: 28px;}
.subMenu{left: 0%; width: 100%;}
.ccsb_box{margin: -30px auto 100px;}
.hls-iproduct .iproduct .txt{bottom: 12%;}
}



/* 860 */
@media screen and (max-width: 860px) {
	.xy-index-banner { margin-top: 50px;}
	.container{width: 94%;}
	.pathbg { margin-top: 50px; height: auto;}
	.hls-page-path{padding: 50px 0; font-size: 32px;}
	.sjtitle ul li span{font-size: 16px;}
	.sys_box_left { width: 100%; float: left; margin-right: 0;  margin-bottom: 20px;}
	.sys_box_right { width: 100%;}
	.zxrzfw_c_left { width: 100%;  margin-right: 0; float: left; margin-top: 20px; margin-bottom: 20px;}
	.zxrzfw_c_left ul li{width: 48%; margin-right: 4%; float:left;}
	.zxrzfw_c_left ul li:nth-child(2n+2){margin-right: 0px;}
	.zxrzfw_c_right {width: 90%;}
    .cma_box_left {width: 75%;}
	.cma_box_right { width: 20%;}
	.cmali strong{font-size: 16px;}
	.fuwu_c ul li{width: 48%;margin-right: 4%;}
	.fuwu_c ul li:nth-child(2n+2){margin-right: 0px;}
	.fgs_contact ul li { width: 48%;  margin-right: 2%; margin-bottom: 50px;}
	.fgs_contact ul li:nth-child(4){width: 48%;}
	
	.xy-index-banner .text { width:80%; top:10%;}
	.xy-index-banner .text.left{ left:10%;}
	.xy-index-banner .text h2{ font-size: 24px;margin-bottom: 10px;}
	.xy-index-banner .text h3{ font-size:24px; margin-bottom: 10px;}
	.xy-index-banner .text p, .xy-index-banner .text .ban-sc p{font-size: 16px;}
	.xy-index-banner .text .ban-sc p img{ padding:10px 0 0 0; width:26%;}

    .hls-search-title{ font-size:26px;}
	.rz_title ul li {width: calc(50% - 1px) !important;}
	.rz_title ul li:nth-child(2) { width: 50% !important; border-right: 0px;}

	.hls-iproduct .iproduct .txt h5 { font-size: 18px;}
	.map { margin: 20px auto 50px;}
	.aboutnav li { width: 32%;}

	.section5 .section5Wrapper { padding: 0px 5%;}
	.section5 .partner ul li { margin: 0 5% 50px 0; width: 21%;}
	.section5 .partner ul li:nth-of-type(5n) { margin: 0 5% 50px 0;}
	.section5 .partner ul li:nth-of-type(4n) { margin: 0 0 50px 0;}

	.products-class-section {margin: 80px auto 0px;}

	.product-section2 .product-section2-list ul li{ float:left; width:48%; margin:0 4% 26px 0;  overflow:hidden; outline:none;  background: #fff;}
    .product-section2 .product-section2-list ul li:nth-child(3n+3){margin:0 4% 26px 0;}
    .product-section2 .product-section2-list ul li:nth-child(2n+2){margin:0 0 26px 0;}
	.check1{ font-size:20px;}
	.check2{ font-size:24px;}

	.product .title {
    margin-bottom: 35px;
    padding-top: 30px;}

	.ccsb_box_left{width: 100%; margin:10px auto;}
	.ccsb_box_right{width: 100%; margin-top: 10px; text-align: center;}
	.ccsb_box_title { margin: 0 auto 30px;}
	.ccsb_box{margin-top:10px; width:85%; margin: -50px auto 60px;}
	.about_num { margin: 60px auto 60px;width: 86%;}
	.about_num_box1 strong {font-size: 40px;}
	.hls-page-about .ptitle h3{margin-top:40px;}
	.hls-page-about .ptitle h2{font-size: 12px;}
	.zz_box{margin-top:50px;}
	.new_content{width: 90%; }
	.r_news ul li{width: calc(100% - 30px); margin-right: 0; margin-bottom: 20px;}
	.about_num_box1 { width: 25%;margin-right: 2%;  margin-bottom: 60px;}
	.about_num_box2 { width: 16%; margin-left: 2%;}

	.zz_box_sm{margin-top: 0; font-size: 20px;} 
	.zz_box_right { width: 100%; margin-top: 30px; text-align: center;}
	.cslc img{ width:90%;}

	.contact-section2 .contact-section2-box .pic{height: 50vh; width: 100%;}
	.hls-search-box .tint{width: 45%; margin-bottom: 10px;}

	.hls-iproduct .iproduct .txt h3 { font-size: 36px;}
	.hls-iproduct .iproduct .txt h3 span { font-size: 45px; margin-left: 5px;}
	.hls-iproduct .iproduct .txt h4 { font-size: 20px;}

	.yanfabox1_c { width: 90%;}
	.yanfabox1_c3 ul li{margin-right: 30px;}
	.yanfabox1_c3 ul li:first-child {margin-left: 30px;}
	.yanfabox2 { width: 90%;}
	.yanfabox2_c { width: 100%;}
	.yanfabox2_c img{max-width: 100%;}
	.yanfabox3 ul li .li_c{width: 90%;}
	.zhizao_num ul li{width: 48%; margin-right: 4%; margin-bottom: 20px;}
	.zhizao_num ul li:nth-child(2n){margin-right: 0;}
	.zhizao_ico ul li span{font-size: 26px; line-height: 1.2;}
	.fuwubox1 ul li .li_c { width: 90%;}
	.news-section2 .news-section2Wrapper {  width: 90%;  padding: 95px 5%;}
	.news-section3 .news-section3-box{width: 90%;}
	header,.pcshow,.suspension { display:none!important;}
	.mbshow,.nav_mobile {display:block!important; }
	.rolling-top {display: none!important;}
	footer .hls-footer {padding: 10% 0 ;}
	footer .hls-footer .leftnav {display: none}
	footer .hls-footer .code{display: none;}
	footer .hls-footer .right {width: 100%;float: none;text-align: center;}
	footer .hls-footer .right ul {float: none;}
	footer .hls-footer .right ul a.flogo {margin: auto;}
	footer .hls-footer .right ul li {text-align: center; display: table;width: auto; margin: 0 auto;}
	footer .hls-footer .right ul:last-child a{display: block;}
	footer .hls-footer .right ul li a{float: left;}
	footer .footer_copy{text-align: center;}
	.contact-section6 .contcat_right .form li input, .contact-section6 .contcat_right .item .form li textarea{width: calc(100%);}
	.cd-nav{margin-top:0px;}
	.jysblist{ width:90%;}

	.product-xg-box ul li{width: 48%; margin-right: 0%; padding: 1%; float: left;}
   .product-xg-box ul li:nth-child(4n+4){margin-right: 0;}
	
	.indexnewslist{width: 90%;}
	.inewslist .inews {width: 100%;float: none; margin:3% 0; padding:0;}
	.inewslist .inews a .pic {width: 100%;float: none;}
	.inewslist .inews a .txt {position:relative;right:auto;top: auto;width: 90%;padding:10% 5%;overflow: hidden;}
	.inewslist .inews a .txt h4{ font-size:24px; padding: 0 0 10px 0;}
	.inewslist .inews a .txt h5 {display: block;}
	.inewslist .inews a .txt h6 {padding:0;}
	.inewslist .inews:nth-child(3) .txt, .inewslist .inews:nth-child(4) .txt {left: auto;right: auto;}

	.inewslist{margin:0 auto;}
	.hls-index-about p{margin: 30px 5%;}
	
	.lcpxt{ width:100%; padding: 50px 0%;}
	.ygjc_box{margin:70px auto 30px;}
	.jysb{ padding:0px;}

	

	.zypb_bg{padding: 30px;}
	.zypb_title{width: 100%;}
	.zypb_logo{width: 100%; padding-top: 20px;}
	.zhizao{padding: 40px 0 !important;}

	.product-section1 .product-section1-box .notice{padding: 0;margin-bottom: 10px;}
	.product-section1 .product-section1-box .xgbz {margin-top: 10px;}
	.product-section1 .product-section1-box .notice h3 { font-size: 24px;}
	.footer .footerBox1{width: 90%;}
	.footer .footerBox3 { width: 95%;}
	.footerBox3 ul{float:left; width:60%}
	.code{float:right; margin-right:5%;}

	/*.title {margin: 50px auto 50px;}
	.title h3 { font-size: 18px;}*/
	/*.hls-iproduct .iproduct { width: 50%;max-width: 50%;}*/
	/*.hls-iproduct .iproduct .pic img {height: 150px;}*/
	.newbg {padding-bottom: 50px; }
    .zypb_title strong { font-size: 24px;}
    .zypb_title span { font-size: 20px;}
    .zypb_bg { margin: 50px 6%;}
    .sjtitle ul{width: 90%;}
    .zz_box_left{width: 90%;text-align: center;}
    .zz_box_right {width: 100%;}
    .zz_box_title{margin: 10px auto;}
    .zz_box_jt { margin-top: 20px; margin-bottom: 20px;}
    .zslist_left{width: 100%;}
    .zslist_right{display: none;}
    .pdst_right{width: 100%;}
    .pdstr_title h1 {margin-top: 30px;}
    .ggxz {width: calc(100% - 40px); padding: 20px; margin-bottom: 50px;}
    .ggxz_title{margin-bottom: 20px;}
    .contact-section6 .contact-section6Wrapper { padding: 60px 5%;}
    .contact-section2 .contact-section2-box .contact-section2-note { width: 100%;  padding: 70px 0 70px 6%; height: 60vh;}
    .section2-box .pic {height: 50vh; width: 100%;}
    .hls-search-box {padding: 40px 10%;}
    .w3l-inner-banner-main{margin-top: 50px;}
    .hls-index-about h1 {font-size: 22px;  line-height: 30px;}
	.section5 .partner ul li strong { font-size: 12px;}
	.qysm{ width:90%;}
	.qywh_box2_img{ width:100%;}
	.indexnewslist .inews a .txt{padding:5%;width: 90%;}
    .product-section2 .product-section2-list ul li .title p.title1 { line-height: 22px; height: 60px;font-size: 14px;}
}
 
@media screen and (max-width: 414px) {
.aboutnav {width: 100%;}
	.aboutnav li {width: 40%;}
	.newslist .inews{width: 100%; margin-right: 0px;}
	.newslist .inews a .txt h4{line-height: 30px;}
.about_num_box1 { width: 98%;margin-right: 2%; border-right: 0;}
.about_num_box2 { width: 98%; margin-left: 2%; margin-bottom: 20px;}
.hls-iproduct .iproduct { width: 100%;max-width: 100%;}
.footer .footerBox3 {  width: 95%; margin: 30px 0; border-right: 0px solid #ccc;}
.footer .footerBox1 { width: 90%; padding: 0px 5% 30px; display:none;}
.footer .footer-copyright{padding: 12px 10px;}
.products-class-box .products-class-box-left { width: 100%;}
.products-class-box ul li{margin-bottom: 30px;}
.products-class-box .products-class-box-right .title strong { font-size: 26px;}
.breadmenu .container .smallname a {    line-height: 30px;  padding: 0 10px 0 14px; float: left; font-weight: 500;  margin: 0 7px; color: #fff; font-size: 16px;}
 .products-class-section { margin: 0px auto 0px;}
 .section5 .title h3 {font-size: 26px; line-height: 40px;}
 .section5 .partner ul li { margin: 0 3% 50px 0; width: 31.3%;}
 .section5 .partner ul li:nth-of-type(4n) { margin: 0 3% 50px 0;}
 .section5 .partner ul li:nth-of-type(5n) { margin: 0 3% 50px 0;}
 .section5 .partner ul li:nth-of-type(3n) { margin: 0 0 50px 0;}
 .footer .footerBox1 ul li h3 {margin-bottom: 0px;}
 .ccsb_box_right img { margin-top: 0px; width: 60%;}
 .about-section4 .about-section4-box .title { padding: 0 10px 100px 0;}
 .about-section4 .about-section4-box .title h4 { font-size: 30px; line-height: 30px;}
 .about-section4 .about-section4-box .title h3 { font-size: 28px;}
 .about-section4 .history-list{height: auto;}
 .about_num_box1 strong {}
 .about_num_box1 span { font-size: 18px;}
 .about-section4 .history-list{padding: 0 20px;}
 .about-section4 .about-section4-box .title { padding: 0 10px 30px 0;}
 .yanfabox1_c_left { float: left;  width: 1000%; font-size: 24px; color: #fff; line-height: 40px; margin-top: 0px; font-weight: bold;}
 .yanfabox1_c2 { margin: 30px auto 40px; font-size: 16px; line-height: 28px;}
 .yanfabox1_c3 ul li { width: 80px; height: 80px;}
 .yanfabox1_c3 ul li span { margin: 10px; font-size: 12px; line-height: 60px; height: 60px; width: 60px;}
 .yanfabox1_c3 ul li:first-child { margin-left: 7px;}
 .yanfabox1_c3 ul li { margin-right: 7px;}
 .yanfabox1_c3 { margin-bottom: -45px;}
 .yanfabox2 { margin: 100px auto 50px;}
 .yanfabox3 ul li{padding: 30px 0;}
 .yanfabox3 ul li .li_c .title { font-size: 26px;}
 .yanfabox3 ul li .li_c .li_text { font-size: 16px; line-height: 26px;}
 .ygjc_box strong { font-size: 26px;}
 .ygjc_box span { font-size: 16px; line-height: 26px;}
 .ygjc_box img { width: 100%;}
 .inewslist .inews a .txt h6 { font-size: 16px; line-height: 26px; margin-top: 10px; float: left;}
 .ygjc_box { width: 90%;}
 .hls-inews{width: 90%;}
 .jysbsm {width: 90%;}
 .bigtitle h2 { font-size: 26px;}
 .cslc h3 {font-size: 26px; margin-bottom: 0;}
 .cslc h4 { width: 90%; margin: 30px auto;  font-size: 16px; line-height: 26px; text-align: center;}
 .zhizao_ico ul li span { font-size: 16px; margin-top: 10px;}
 .zhizao_ico ul li .liimg img {max-width: 65%;}
 .zhizao_num ul li { width: 100%;}
 .fuwubox1 ul li .li_c .li_text {font-size: 16px; line-height: 26px;}
 .news-section2 .news-section2-box .pic{display: none;}
 .news-section2 .news-section2-box .news-section2-note{width: 90%;}
 .news-section2 .news-section2-box h3{font-size: 20px;}
 .news-section3 .news-section3-box .title h1{    font-size: 22px; line-height: 30px;}
 .news-section3 .news-section3-desc { font-size: 16px; line-height: 30px;}
 .news-section3 .news-section3Wrapper{ padding: 50px 0;}
 .contact-section2 .contact-section2-box .contact-section2-note {}
 .bigtitle {margin: 30px auto 30px;}
/* .product-section2 .product-section2-list ul li {width: 100%; margin: 0 0 26px 0;}*/
 .product-section1 .product-section1-box .pic{width: 100%;}
 .product-section1 .product-section1-box .title { width: 100%; margin-left: 0;}
 .proshow ul li .proshowname { width: 100%; float: left;margin-right: 2%;padding: 0px 0;}
 .proshow ul li .proshowc {width: 100%;float: left;padding: 0px 0;}
 .product-section1 .product-section1-desc {  font-size: 16px; line-height: 30px;}
 .product-section1 .product-section1-box .xgbz { margin-top: 10px; margin-bottom: 20px;}
 .footer .footerBox1 ul li a:hover{ font-size:14px; color:#dd6d25; font-weight:bold;}
 .news-section2 .news-section2Wrapper{padding: 55px 5%;}
 .news-section2 .news-section2-box{margin: 0 0 30px;}
 .contact-section2 .contact-section2-box h4{font-size: 28px;}
 .contact-section2 .contact-section2-box .contact-section2-desc { font-size: 18px; line-height: 30px;}
 .contact-section6 .contcat_right .item h3 { font-size: 34px; margin: 20px 0 30px;}
 .contact-section6 .contcat_right .item .form li{width: 100%;}
 .contact-section6 .contcat_right .form li .input2 { width: 100% ;}
 .contact-section6 .contcat_right .form .send {padding: 10px 0;width: 180px;}
 .lcpxt h3 {font-size: 26px;}
 .lcpxt p img { width: 94%;height: auto; padding: 0 3%;}
 .product .title span{font-size:38px;}
 .product_box a .text span{display: none !important;}
.product_box a .text p{padding: 0 5px !important;font-size: 12px;height: 30px !important;line-height: 30px !important;}
.left_1{width:100%;}
.mid_1{width:100%; margin-left:0px; margin-bottom:10px;}
.right_1{width:100%; margin-left:0px;}
.product_box .pic-box{width: 100% !important;padding-top: 100% !important;}
.product_box .text{padding: 0 !important;position: static !important;width: 100% !important;text-align: center;}
.product_box  a .bg{display: none !important;}
 .product_box a{width: 49% !important;margin: 0 2% 2% 0 !important;}
 .product_box a:nth-child(3n){margin-right: 2% !important;}
 .product_box a:nth-child(2n){position: static !important; margin-right: 0% !important;}
 .mid_1 a{width:100% !important; margin: 0 0 2% 0 !important;}
}

@media screen and (max-width: 375px) {
	.yanfabox1_c3 ul li { margin-right: 0px;}
	.yanfabox1_c3 ul li:first-child { margin-left: 0px;}
	.fuwubox1 ul li{padding: 30px 0;}
}

/* iphone5 */
@media only screen and (min-device-width : 320px) and (max-device-width : 568px) {


}

/* phone 678 */
@media only screen and (device-width : 375px) and (device-height : 667px) and (-webkit-device-pixel-ratio : 2) {
	.title h2{font-size: 30px;}
	.title h3 { font-size: 16px;}
}

/* phone 678 plus*/
@media only screen and (device-width : 414px) and (device-height : 736px) and (-webkit-device-pixel-ratio : 3) {


}


/* phone x 和 微信内高*/
@media only screen and (device-width : 375px) and (device-height : 812px) {
	
}


/* phone x */
@media screen and (max-width : 736px) and (orientation: landscape) {
}


/* all iPad */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px)  {
.about_num_box1 { width: 31%;margin-right: 0; margin-bottom: 20px;}
.about_num_box2 { width: 48%; margin-left: 2%; margin-bottom: 20px;}

}

/* iPad x */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {




}

/* iPad y */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {




}


/* all iPad pro */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (-webkit-min-device-pixel-ratio: 2) {

}

/* x iPad pro */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 2) {


}

/* y iPad pro */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio: 2) {

}

/*兼容IE11*/
@media screen and(-ms-high-contrast:active),(-ms-high-contrast:none){

}





