@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) {
	

	
}



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

.about-section4{ min-height:790px; 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;}

	

}



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

 
}




/* 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;}
	
}




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



}


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

.ccsb_box_right{margin-top:100px;}


}



/* 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%;}

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

	.ccsb_box_left{width: 94%; margin: 30px 3%;}
	.ccsb_box_right{width: 100%; margin-top: 0px;}
	.ccsb_box{margin-top:50px;}
	.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%;}
	.about_num_box2 { width: 16%; margin-left: 2%;}
	
	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;}
	.cd-nav{margin-top:0px;}
	
	.inewslist .inews {width: 100%;float: none;margin-bottom:3%;}
	.inewslist .inews a .pic {width: 100%;float: none;}
	.inewslist .inews a .txt {position:relative;right:auto;top: auto;width: 90%;padding:5%;overflow: hidden;}
	.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;}

	.zypb_bg{padding: 30px;}
	.zypb_title{width: 100%;}
	.zypb_logo{width: 100%; padding-top: 20px;}

	/*.title {margin: 50px auto 50px;}*/
	.title h3 { font-size: 18px;}
	.hls-iproduct .iproduct { width: 33.33%;max-width: 33.33%;}
	.hls-iproduct .iproduct.ip4,.hls-iproduct .iproduct.ip5{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: 100%;}
    .zz_box_right {width: 100%;}
    .zz_box_title{margin-bottom: 20px; margin-top: 10px;}
    .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;}
   .product-list ul li{width: 100%;float: left;margin-left: 0;position: relative;overflow: hidden;}
   .productbg{display: none;}
   .ccsb_box_sm { font-size: 16px; line-height: 30px; color: #333;}
   .case-words img{width: 100%;}
   .case-fonts{width: 94%; position: relative; padding:20px 3%;  left: 0px;   display: table;}
   .case-fonts h6{font-size: 30px;}
   .case-fonts p { width: 100%; font-size: 16px;line-height: 30px;margin-top: 18px;}
   .case-fonts .pub-more { margin-top: 30px; margin-bottom: 20px; width: 158px; height: 32px; font-size: 16px; line-height: 32px;}
   .pub-title h6{font-size: 50px;}
   .pub-title .en{font-size: 40px;}
   .footer .footerBox1 { float: left; width: 100%; padding: 30px 0 0px 0px;}
   .footer .footerBox1 ul li { width: 50%; float: left;text-align: center;}
   .footer .footerBox2 { float: left; width: 100%; padding: 50px 0 0;}
   .footer .footerBox3 {  float: right;  width: 100%; padding: 0px 0 30px;}
   .footer .footer-copyright{padding: 12px 10px;}
   .footer .footer-search{margin: 30px auto 30px;}

   .breadmenu .container .smallname{width: 100%;}
   .breadmenu .container .smallname a{margin: 0; color: #000; font-size: 16px;}
   .product-section2 .product-section2-list ul li{width: 100%; margin-right: 0;}
   .product-section1 .product-section1-box .pic { float: left; width: 100%;}
   .product-section1 .product-section1-box .title{width: 100%; margin-left: 0;}
   .check{margin: 20px auto;}
   .check1{font-size: 30px; margin: 0 0 20px;}
   .proshow ul li .proshowc { width: 100%;}
   .qywh_box1{height: auto;}
   .qywh_box1 .qywh_box_img1{width: 100%;}
   .qywh_box1 .qywh_box_img1 img {width: 100%;}
   .qywh_box1 .qywh_box_c{width: 100%;}
   .qywh_box1 .qywh_box_img2{width: 100%;}
   .qywh_box_c_top span{width: 100%;}
   .qywh_box2{height: auto;}
   .qywh_box2_c {
   	display: table;
    position: relative;
    top: 0%;
    left: 0%;
    padding: 5%;
    width: 90%;}
    .news-section2 .news-section2Wrapper {
    width: 94%; padding: 50px 3%;}
    .news-section2 .news-section2-box .pic{width: 100%;    display: none;}
    .news-section2 .news-section2-box .news-section2-note{width: 90%;}
    .news-section2 .news-section2-box{margin-bottom: 30px;}
    .news-section2 .news-section2-box h3 { font-size: 18px;}
    .news-section3 .news-section3-box {  width: 92%;}
    .news-section3 .news-section3-box .title h1 {line-height: 32px; font-size: 20px;}
    .news-section3 .news-section3-desc{line-height: 30px;}
    .downlist ul li{width: 100%; overflow: visible; display: table; padding-left: 0;}
  .downt01{height: 62px; border-bottom: 1px solid #e8e8e8; width: 100%;}
  .downt02{width: 49%; border: 0px;}
  .downt03{width: 49%; height: auto;}
.contact-section2 .contact-section2-box .contact-section2-note{width: 100%;padding: 50px 0 50px 8%;height: 50vh;}
.contact-section2 .contact-section2-box .pic {
    float: left;
    width: 100%;
    height: 50vh;
}
.contact-section2 .contact-section2-box .contact-section2-desc {
    font-size: 22px;
    line-height: 30px;
    color: #fff;
    padding: 30px 0 0;
}
.contact-section6 .contact-section6Wrapper {
    width: 94%;
    padding: 60px 3%;
}
.contact-section6 .contcat_right{width: 100%;}
.contact-section6 .contcat_right .item .form li{width: 100%; margin-right: 0;}
.contact-section6 .contcat_right .form li .input2 {
    width: 100%;
}
.w3l-inner-banner-main{margin-top: 60px;}



}
 


/* 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) {

.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%; margin-bottom: 20px;}
.about_num_box2 { width: 98%; margin-left: 2%; margin-bottom: 20px;}
	
}


/* 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: 48%;margin-right: 2%; 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){

}