/* CSS Document  */


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



}



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


}

@media screen and (max-width: 1800px) {
.about_num{margin-top: 60px;}	

	
}


/* 1680 */
@media screen and (max-width: 1680px) {
	
.about_num { margin-top: 50px;}
.section3 .section3Wrapper {padding: 60px 0 60px 3%;}
.section3 dl{height: 120px; margin: 0 0 30px 0;}
.section3 dl dt{ font-size:120px; line-height:120px;}
.section3 dl dd{ font-size:40px; left:40px;}
.section3 dl dd span{ font-size:50px; left:50px;}
.about_num_box1 strong{ font-size:48px;}
.about_num_box1 span{ font-size:20px;}
.abouthistory .container{width: 90%;}
.products-cate-box ul li{ font-size:16px;}
.xy-index-banner .b02 h2{ font-size:40px;}
.xy-index-banner .b02 p{ font-size:26px;}
	
} 


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

.yyui_tab_card ul .yyui_tab_title_this{height: 100px; line-height: 100px;}
.yyui_tab_card ul .yyui_tab_title{height: 100px; line-height: 100px;}
.zz_box_title{margin-top: 20px;}	
.about_num_box1 strong { font-size: 40px;}
.about_num_box1 span{font-size: 18px;}
.abouthistory_left ul li h4{font-size: 42px;}
.abouthistory_left ul li{margin-bottom: 10px;}
.abouthistory_right ul li h4{font-size: 42px;}
.abouthistory_right ul li{margin-bottom: 10px;}
.section3 dl{height: 100px;}
.section3 dl dt{font-size: 100px; line-height: 100px;}
.section3 dl dd{font-size: 40px; line-height: 40px;}
.section3 dl dd span{font-size: 50px; line-height: 50px;}

.about_num { margin-top: 20px;}
.section3 .section3Wrapper {padding: 80px 0 80px 3%;}

}



/* 1366 */
@media screen and (max-width: 1366px) {
	
.yyui_tab_card .yyui_tab_pro .proleft .proslogo{font-size: 16px;}
.about_num_box1 strong {font-size: 38px;}
.about_num_box1 span { font-size: 16px;}
.about_num_box1 em{margin-left: 6px;}
.zz_box_title{line-height: 28px;font-size: 14px;}
.abouthistory_left ul li h4{font-size: 38px; height: 40px; line-height: 40px;}
.abouthistory_left ul li{margin-bottom: 10px;}
.abouthistory_right ul li h4{font-size: 38px; height: 40px; line-height: 40px;}
.abouthistory_right ul li{margin-bottom: 10px;}
.abouthistory_left ul li p,.abouthistory_right ul li p{font-size: 16px; height: 40px; line-height: 40px;}
.contact-section1 .contact-section1Wrapper .contactlist ul li span{font-size: 15px;}
.xy-index-banner .b02{padding: 40px 120px;}
.xy-index-banner .b02 h2{ font-size:36px;}
.xy-index-banner .b02 p{ font-size:20px;}
 
}




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

.yyui_tab_card .yyui_tab_pro .proleft .proslogo{letter-spacing: 14px;}
.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;}
.yyui_tab_card ul .yyui_tab_title_this{height: 86px; line-height: 86px;}
.yyui_tab_card ul .yyui_tab_title{height: 86px; line-height: 86px;}
.yyui_tab_card .yyui_tab_pro .proleft .probtn { margin-top: 30px;}
.yyui_tab_card .yyui_tab_pro .proleft .num { font-size: 80px;line-height: 80px;}
.hls-index-about .abouttitle strong{font-size: 60px;}
.hls-index-about .abouttitle span{font-size: 30px;}
.hls-index-about .abouttitle{margin-bottom: 30px;}
.hls-index-about p{line-height: 28px;}
.about_num_box1 strong {font-size: 34px;}
.abouthistory_left ul li h4,.abouthistory_right ul li h4{font-size: 34px; line-height: 34px; height: 34px;}
.zz_box_title { line-height: 26px;}
.zz_box_sm { font-size: 36px;}
.section5 .partner ul li{margin: 0 6% 30px 0}
.section5 .partner ul li:nth-of-type(4n){margin: 0 0 30px 0}
.contact-section1 .contact-section1Wrapper .contactlist ul li span { font-size: 14px;height: 40px; word-break: break-all;}
.news-section3 .news-section3-box{ width:90%;}
.pinzhi-section1 .pinzhi-section1Wrapper{ width:90%;}

.xy-index-banner .b02 h2{ font-size:30px;}
.xy-index-banner .b02 p{ font-size:18px;}
.xy-index-banner .b02 h2 strong{ font-size:80px !important;}
}




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



}


/* 1024 */
@media screen and (max-width: 1024px) {
.yyui_tab_card .yyui_tab_pro .proleft .proslogo {
    letter-spacing: 8px;
}
.iys .txt{padding: 20px 5%; width: 90%;}
.hls-index-about p {line-height: 28px; height: 82px; overflow: hidden;}
.ccsb_box_right{margin-top:100px;}
header .hls-header .right .hls-nav a{font-size: 14px;}
.zz_box_sm { font-size: 30px;}
.zz_box_title { line-height: 20px;}

.about_num_box1 em{font-size: 16px;}
.about_num_box1 strong { font-size: 26px;}
.about_num_box1 span { font-size: 14px;}
.abouthistory .title{margin: 30px auto;}
.abouthistory .title h4{ font-size: 42px; line-height: 50px;}
.abouthistory .title h3 { font-size: 26px; line-height: 30px; }
.abouthistory_left ul li h4, .abouthistory_right ul li h4 { font-size: 24px;line-height: 30px; height: 30px;}
.abouthistory_left ul li p, .abouthistory_right ul li p { font-size: 14px; height: 30px; line-height: 30px;}

.products-cate-section { width: 80%; margin: 50px auto; min-width: 900px;}
.products-class-box { width: 80%;margin: 0px auto; display: table; min-width: 900px; margin-bottom: 12px;}
.products-cate-box ul li{font-size: 14px; height: 50px; line-height: 50px;}
.classname_box h2 { color: #656565; font-size: 42px; background: url(../image/classico.png) left top no-repeat;line-height: 42px; background-size: 8%; font-weight: normal;}
.classname_box h1 { font-size: 30px; line-height: 30px;}

.liyou-box { width: 80%;  min-width: 900px;}
.liyou-box .liyou-box-content ul li .liyou-b-c-text .liyou-b-c-text-right strong{font-size: 15px;}
.liyou-box .liyou-box-content ul li .liyou-b-c-text .liyou-b-c-text-right p { font-size: 14px;line-height: 22px;}
.liyou-box .liyou-box-content{margin-bottom: 20px;}
.products-class-box .products-class-box-right .title strong{font-size: 20px;}
.liyou-box .title strong { font-size: 42px;line-height: 60px;}
.liyou-box .title span { font-size: 28px;}
.footer .footer-search .tint{width: 80%;}
.footer .footerBox1{width: 22%;}
.footer .footerBox1 ul li a{ height: 30px; line-height: 30px;}
.pinzhi-section1 .pinzhi-section1Wrapper{width: 90%;}
.pinzhi-section1 .pinzhi-section1Wrapper .pinzhilist ul li{width: calc(30% - 22px); margin-right: 5%;}
.pinzhi-section1 .pinzhi-section1Wrapper .pinzhilist ul li span{font-size: 16px;}
.jcbz {width: 70%;}
.jcbz span{line-height: 26px;}
.pzpic_box{width: 90%;}
.section5 .section5Wrapper{min-width: 300px;}
.service_box {width: 80%; min-width: 800px;}
.service_box_1 {width: 90%;}
.product-section1 .product-section1-box{width: 80%; min-width: 800px;}
.contact-section1 .contact-section1Wrapper{ width:90%;}
.contact-section2 .contact-section2Wrapper{ width:90%;}
.contact-section6 .contact-section6Wrapper{ width:90%;}
.xy-index-banner .b02 {padding: 36px 80px;}
.xy-index-banner .b02 h2 {font-size: 28px;}

}



/* 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%;}
	.zz_box{padding: 60px 0 20px 0;}
	.zz_box_title{ font-size:16px; line-height:34px;}
	.about_num_box1 strong{ font-size:40px;}
	.about_num_box1 em{ font-size:20px;}
	.about_num_box1 span { font-size:16px;}
	.abouthistory .title{margin: 90px auto;}
	.abouthistory_right ul li{ text-align:left;}

    .xy-index-banner .b02 h2{ color: #fff; }
    .xy-index-banner .b02 p{ color:#fff;}

	.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: 100%;}
	.ccsb_box_right{width: 100%; margin-top: 50px;}
	.ccsb_box{margin-top:0px;}
	.hls-page-about .ptitle h3{margin-top:40px;}
	.hls-page-about .ptitle h2{font-size: 12px;}
	.new_content{width: 90%; }
	.r_news ul li{width: calc(100% - 30px); margin-right: 0; margin-bottom: 20px;}
	.about_num_box1 { width: 22%; margin-right: 0; margin-bottom: 50px;}
	.about_num_box2 { width: 16%; margin-left: 2%;}
	
	.yyui_tab_card ul .yyui_tab_title:nth-child(6n){border-bottom: 1px solid #ddd;}
	
	header,.pcshow,.suspension { display:none!important;}
	.mbshow,.nav_mobile {display:block!important; }
	.rolling-top {display: none!important;}
	.cd-nav{margin-top:0px;}
	.rolling{ display:none;}

	.footer .footer-nav ul li a{ padding:0 20px;}
	.footer .footerBox1{ width:40%; padding: 50px 0 30px 40px;}
	.footer .footerBox1 ul li{ text-align:left;}
	.footer .footerBox2{ display:none; width:100%; padding:60px 40px 0;}
	.footer .footer-search{ width:100%;}
	.footer .footer-search .tint{ width:85%;}
	.footer .footer-search .bint{ width:15%;}
	.footer .footer-intro{ letter-spacing:0;}
	.footer .footer-contactTitle{ font-style:normal; font-style: normal;}
	.footer .footerBox3{ width:40%;  text-align:left;    padding: 60px 30px 30px 0;}
	.footer .footerBox3 ul{ text-align:left;}
	.footer .footerBox3 .c1{ display:inline-block;width: 100%;}
	.footer .footer-copyright{ padding:12px 45px;}
	.contact-section6 .contcat_right .item{ width:100%;}
	
	.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: 100%;padding:5% 0;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;}

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

    .w3l-inner-banner-main{margin-top: 50px;}

.section7Wrapper{margin: 0 auto 20px;}
    .yyui_tab_card ul{width: 100%; float: left; margin-top: 0; box-shadow: none; margin-bottom: 10px; border-right: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8;}
.yyui_tab_card .yyui_tab_content_this{width: 100%;}
.yyui_tab_card ul .yyui_tab_title{width: calc(33.333% - 1px); float: left; border-right: 0px; border-bottom: 0px;}
.yyui_tab_card ul .yyui_tab_title_this{width: calc(33.333% - 1px); float: left; margin-left: 0px; height: 87px;background: #00ac16 url(../image/proclassico.png) left 10px center no-repeat;}
.yyui_tab_card .yyui_tab_pro .proright{width: calc(100% - 0px);padding: 0px;}
.yyui_tab_card .yyui_tab_pro .proleft{width: 100%; margin-left: 0; display:none;}
.iys { width: calc(100% - 22px); margin-bottom: 20px;}
.section3 dl dd span { font-size: 34px; line-height: 50px;}
.hls-index-about .hls-index-about-left{width: 90%; margin-bottom: 50px;}
.hls-index-about .hls-index-about-right{width: 100%;}

.honor-page-container .honorlist { width: 90%;  margin: 0 5% 50px;}
.abouthistory_left{width: 100%;margin-bottom: 0px;}
.abouthistory_right{width: 100%;margin-bottom: 0px;}
.abouthistory_right ul li h4 { color: #00ac16;background:url(../image/fzline-green.png) left bottom no-repeat;}
.abouthistory_right ul li p{color: #666;}
.products-cate-section { width: 90%; margin: 50px auto;  min-width: auto;}
.products-cate-box ul li { width: 47%; margin: 0 3% 10px 0;}
.products-cate-box ul li:nth-child(2n+2){margin-right: 0px;}
.products-class-box { width: 90%; min-width: auto;}
.products-class-box .products-class-box-right .title{ text-align:center;}
.liyou-box { width: 90%; min-width: auto;}
.liyou-box .liyou-box-content ul li { width: 100%; margin-right: 0; margin-bottom: 50px;}
.product-section1 .product-section1-box { width: 90%;min-width: auto;}
.section5 .partner ul li{width: 48%; margin-right: 4%; margin-bottom: 20px; }
.section5 .partner ul li:nth-child(2n+2){margin-right: 0px;}
.network_left{width: 100%;margin: 10px 0;}
.network_right{width: 100%;}
.service_box { width: 90%; min-width: auto;margin: 50px auto;}
.service_box_2{ padding-top: 50px; margin-top: 50px;}
.contact-section1 .contact-section1Wrapper .contactlist ul li { width: calc(48% - 22px); margin-right: 4%; margin-bottom: 20px;}
.contact-section1 .contact-section1Wrapper .contactlist ul li:nth-child(2n+2){margin-right: 0;}
.contact-section1 { display: flex; margin-top: 30px;}
.contact-section6 .contcat_left{width: 100%;}
.contact-section6 .contcat_right { width: 100%; margin-left: 0;}
.contact-section6 .contcat_left h3{margin-top: 20px;}
.xy-index-banner .text h2{font-size: 30px;}
.xy-index-banner .text.left { left: 9%; top: 15%;}
.xy-index-banner .text p{font-size: 12px;}
.jcbz{    margin: 0px auto 20px;}
.iys .txt .d-icon{ width:30px;}
.iyslist{margin: 0px auto 0px;}
.news-section3 .news-section3-box p{ line-height:2;}
.zzwz{ padding:20px 0 30px 0;}
.pinzhi-section1 .pinzhi-section1Wrapper .pinzhilist ul li span{ font-size:14px;}

.xy-index-banner .b02{ width:60% !important; top:10% !important; padding:0 20px 10px 20px; border-radius:0 150px 150px 0; left:0 !important;}
.xy-index-banner .b02 h2{ font-size:22px; margin-bottom: 10px;}
.xy-index-banner .b02 h2 strong{ font-size:48px !important;}
.xy-index-banner .b02 p{font-size:13px;}

}
 
@media screen and (max-width: 414px) {
  
  .section7Wrapper .title{margin-top: 50px; margin-bottom: 10px;}
  .section7Wrapper .title strong{font-size: 60px;}
  .yyui_tab_card ul .yyui_tab_title { width: calc(50% - 1px); height: 60px; line-height: 60px;}
  .yyui_tab_card ul .yyui_tab_title_this { width: calc(50% - 1px);height: 61px; line-height: 60px;background: #00ac16;}
  .ystitle strong{font-size: 60px;}
  .ystitle span{margin-top: -40px;}
  .section3 dl{height: 60px;}
  .section3 dl dt { font-size: 60px; line-height: 60px;}
  .section3 dl dd span { font-size: 18px; line-height: 22px;}
  .section3 dl dd { font-size: 16px; line-height: 16px; padding: 10px 0 0 6px;}
  .hls-index-about .more strong{ display:none;}
  .footer .footer-nav{ display:none;}
  .zz_box_sm { font-size: 24px;}
  .about_num_box1 { width: 48%; margin-bottom: 20px; float: left;}
  .about_num_box1:nth-child(2),.about_num_box1:nth-child(4) { margin-right: 0px;  border-right: 0px; padding-right: 0px;}
  .classname_box h2{font-size: 30px; line-height: 30px;}
  .classname_box h1 {font-size: 20px; line-height: 20px;}
  .products-cate-box ul li { width: 48%;}
  .liyou-box .liyou-box-content ul li .liyou-b-c-text .liyou-b-c-text-left{font-size: 18px;}
  .liyou-box .title strong {font-size: 38px;}
  .products-class-box .products-class-box-right .title{height: 30px; line-height: 30px;}
  .products-class-box .products-class-box-right .title strong { font-size: 16px;}
  .product-section1 .product-section1-box .xgbz{font-size: 14px;}
  .news-section3 .news-section3Wrapper { padding: 40px 0;}

  .pinzhi-section1 .pinzhi-section1Wrapper .pinzhilist ul li { width: calc(100% - 22px); margin-right: 0; margin-bottom: 20px; padding: 20px 10px 20px;}
  .jcbz{width: 84%;}
  .jcbz span { margin: 0 20px;}
  .pzpic_box ul li { width: 100%; margin-right: 0;}
  .service_box_1 .left{width: 100%;}
  .service_box_1 .left h1{margin-top: 0;}
  .service_box_1 .right{width: 100%;text-align: center;}
  .footer .footer-nav ul li a {padding: 0 15px;}
  .pinzhi-section1 .pinzhi-section1Wrapper .pinzhilist ul li span{ font-size:16px;}

}

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


	
}


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


}

/* 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) {
	.section3 .section3Wrapper {padding: 80px 0 80px 3%;}

}

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

}