/*
 *  respon.css by 453883682@qq.com
 */
@media (max-width:1600px) {
    .banText{ bottom: 80px;}
    .banLeft{ width: 50px;}
    .banner-button{ width: 50px; height: 50px; line-height: 48px;}
    /* about */
    .about3-link{ padding: 1.6rem 0;}
    .about3-con{ padding: 1.2rem 10%;}
    .about4-item .swiper-container{ height: 400px;}
    /* prolist */
    .proBg .wrap{ max-width: 1470px;}
    /* product-04 */
    .pro4-box2-swiper .swiper-slide{ max-width: 1200px;}
    .pro4-box2-swiper .pro4-box2-prev { left: calc(50% - 580px); }
    .pro4-box2-swiper .pro4-box2-next { right: calc(50% - 580px);}
    /* serdetail */
    .ser-detail-img{ top: 100px;}
}
@media (max-width:1400px) {
    .banLeft{ width: 44px;}
    .banner-button{ width: 44px; height: 44px; line-height: 40px;}
    /* about */
    .about4-item .swiper-container{ height: 360px;}

	/*product*/
	.pro02-table-4 table{font-size: 14px;}
	.pro02-table-4 table td h5{font-size: 16px;}
	.bread-nav-marg{margin-top: 90px;}
    
    /* product-04 */    
    .pro4-box2-swiper .pro4-box2-prev { left: calc(5% + .2rem); }
    .pro4-box2-swiper .pro4-box2-next { right: calc(5% + .2rem);}
    /* solution */
    .solu-bot-link{ padding: .6rem;}
    /* service-03 */
    .service03-link{ padding: .2rem .4rem;}
	/* service-04 */
	.service04-list-text .service04-text-desc{line-height: 22px;}
    .service-more i{ font-size: 16px;}
    /* news */
    .rig-rec-box .new-date::after{ width: 8px; height: 8px; top: 3px;}
}
@media (max-width:1200px) {
    .banText{ bottom: 0;}
    .banLeft{ left: .3rem; width: 36px;}
    .banner-button{ width: 36px; height: 36px; line-height: 30px;}
    .banner-button i{ font-size: 12px;}
    .banLine{ display: none;}
    .banNum{ display: none;}
    .ban-bot{ display: none;}
    .banner .swiper-pagination{ right: .3rem;}
    /* about */
    .about-bg-1{ padding: .8rem 0;}
    .about2-item{ padding: 1.5rem .3rem;}
    .about3-link{ padding: 0;}
    .about3-img{ height: 100%; visibility: visible;}
    .about3-con{ padding: 1.2rem .3rem; margin-top: 0 !important;}
    .about3-title{ color: #FFFFFF;}
    .about3-line{ background-color: #FFFFFF;}
    .about3-des{ color: #FFFFFF;}
    .about3-swiper .swiper-slide + .swiper-slide .about3-link{ border-left: 1px solid #FFFFFF;}
    .about-bg-4{ padding: .6rem 0;}
    .about4-tab-list{ margin: .3rem 0;}
    .about4-item .swiper-container{ margin: .3rem 0;}
    .his-top{ padding: 0 40px;}
    /*.his-list{ padding-left: 30%;}*/
    .about-bg-5{ padding: .4rem 0;}
    .about5-swiper .swiper-container{ margin: .3rem 0;}
    .about5-swiper .swiper-slide{ padding: .15rem .15rem 0;}
    .about-bg-6{ padding: .4rem 0;}
    .about6-swiper .swiper-container{ margin: .3rem 0;}
    .about6-swiper .banner-button{ display: block;}
    .about6-swiper .swiper-pagination{ display: block;}
    /* product */
	/*product-01*/
	.pro01-bg-1{padding: .55rem 0;}
	.proTit h3{line-height: .4rem;margin-top: .1rem;}
	.pro01-cont{margin: .45rem 0 0 0;}
	.pro01-parameter{margin-top: .4rem;}
	.pro01-item-tit{padding: .25rem 0 .25rem .3rem;}
    /* product-02 */
    .pro02-mswiper{ height: 4.4rem;}
    .pro02-desc{ margin: .2rem 0 .3rem;}
	.pro02-bg-3,
    .pro02-bg-4{padding: .55rem 0;}
	.pro02-pic-3,
    .pro02-table-4{margin-top: .45rem;}
	.pro02-flavour{padding: .65rem 0;}
	.pro2-swiper-item{padding: .35rem .25rem;}
	.pro02-bg-1{padding: 0.55rem 0;}
    .pro2-swiper-item .swiper-item-ico{ width: 90px; height: 83px;}
	/*product-03*/
    .pro3-bg-1{ min-height: 0;}
    .pro3-bg-2{ padding: .4rem 0;}
    .pro3-box2{ padding: .3rem; margin: .3rem 0;}
    .pro3-box2-text{ margin: 0;}
    .pro3-bg-3{ padding: .4rem 0;}
    .pro3-box3-tab .swiper-slide span{ margin: 0 .2rem;}
    .pro3-box3-tab .swiper-slide span::after{ height: 2px;}
    .pro3-bg-4{ padding: .4rem 0;}
    .pro3-box4-title{ padding: .15rem 0;}
    .pro3-box4-text{ padding: .1rem 0 .3rem .3rem;}
    /* product-04 */
    .pro4-bg-1{ padding: .6rem 0;}
    .pro4-bg-3{ padding: .8rem 0;}
    .pro4-box4-con{ width: 100%;}
    /* solution */
    .solu-top-bg{ padding: .6rem .3rem;}
    .solu-top{ width: 100%; padding: 0;}
    .solu-bot-text{ padding: .3rem; margin: -.6rem .3rem 0;}
    .solu-bot-title{ display: flex; justify-content: space-between;}
    .solu-bot-h3{ flex: auto; width: 100%; overflow: hidden;}
    .solu-bot-num,
    .solu-bot-more{ position: static; flex-shrink: 0;}
    .solu-bot-num{ line-height: 30px; margin-right: .1rem;}
    .solu-bot-con{ width: 100%; margin: .4rem auto;}
    .solu-bot-line{ max-width: 50px; margin: .14rem .1rem;}
    .solu-bot-swiper .swiper-slide{ flex: none; width: 50%;}
    .solu-bot-link{ padding: .3rem;}
    .solu-bot-info{ line-height: 24px; height: 72px;}
    .solu-bot-btn{ left: auto; top: 0; right: 0; transform: translateY(-120%); width: 40px; max-width: .6rem; padding: .1rem 0; margin-top: 0; background: #FFFFFF; box-shadow: 0 0 .1rem rgba(0, 0, 0, 0.06);}
    .solu-bot-btn span{ line-height: .3rem;}
    .solu-bot-btn i{ margin: 5px auto;}
    /* case */
    .case-list li{ padding: .3rem 0;}
    .case-text{ padding-top: 0;}
    .case-text .box-more{ margin-top: .3rem;}
    /* casedetail */
	.case-detail{padding: .5rem 0;}
	.case-detail-tit{line-height: .4rem;}
	.case-detail-desc{margin: .3rem 0; padding-left: .2rem;}
	.case-detail-desc::after{width: 2px;}
    /* service */
    .service-text{ padding-top: 60px; width: 96%;}
    .service-name{ margin: .3rem 0 .2rem;}
    .service-con{ text-align: justify;}
    /* service-01 */
    .service01-bg{ padding: .6rem 0;}
    .service01-top{ margin-bottom: .4rem;}    
	/* service-02 */
	.service02-box-pic1{margin-top: .35rem;}
	.service02-box-item1{padding: .35rem .2rem;}
	.service02-box-item1 h4{ min-height: 0;}
	.service02-box-desc1{line-height: 28px; min-height:112px;}
	.service02-box-text{padding: .2rem .6rem;}
	.service-more, .service02-text-cont{margin-top: .35rem;}
	.service02-text-cont h5{margin-bottom: .2rem;}
	.service02-bg-1{padding: .55rem 0;}
	.service02-box-cont{margin-top: .3rem; line-height: 28px;}
	.service02-text-cont{line-height: 26px;}
    .service02-bg-3{ padding: .6rem 0;}
    /* service03 */
    .service03-link{ padding: .2rem .3rem;}
    .service03-icon{ width: 80px; height: 80px;}
	/* service-04 */
	.bread-nav-marg .bread-nav-list{padding: 0 .3rem;}
	.service04-list-bg{padding: .3rem .35rem;}
	.service04-bg-1{padding: .55rem 0 0 0;}
	.service04-list-ico{width: 90px;height: 90px;}
    .service-more{ width: 40px; height: 40px;}
	/*EPC*/
	.epc-bg-1, .epc-bg-2, .epc-bg-3{padding: .65rem 0;}
	.epc-box-text{width: 100%; margin: 1rem 0 0 0;}
	.epc-box-ico{width: 76px;height: 65px;}
	/* news */
	.news-box-1,
    .news-box{padding: 0.55rem 0;}
	.news-box-tab{margin: 0.2rem 0 0.05rem 0;}
	.news-list-text{padding: 0.3rem;}
	.news-list-desc{margin: 0.1rem 0 0.2rem 0;}
	.lef-rec-text h5{overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}
	.lef-rec-text .new-date{margin: 0.1rem 0;}
    .rig-rec-box li{ margin-bottom: .3rem;}
	
	.lef-news-detail{padding-top: 0.55rem;}
	.rig-new-detail{padding: 0.45rem 0 0 0.3rem;}
	.rec-dtlnews-lists li{padding-top: 0.15rem; margin-bottom: 0.15rem;}
	.rig-rec-firstnew{margin: 0.15rem 0;}
	.rig-rec-firstnew h5.MultiLine{margin: 0.1rem 0;}
	.rec-dtlnews-pic{width: 100px;margin-right: 0.12rem;}
	.rec-dtlnews-info h5.MultiLine{-webkit-line-clamp: 1;}
	.news-detail-tit{line-height: 34px;}
    /*join*/
	.join-bg-4,
    .join-bg-3,
    .join-bg-2,
    .join-bg-1{padding: 0.6rem 0;}
	.join-box-3{margin-top: 0.55rem;}
    .join-slide-item2{ padding: .3rem;}
    .join-box2-pic{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -1;}
    .join-box2-pic img{ height: 100%; object-fit: cover;}
    .join-box2-swiper{ position: relative; transform: translateY(0); padding: .6rem 0;}
    /* joinlist */
    .recruit_box{ padding: .3rem 0 .6rem;}
    .recruit_clear{ margin: 0 0 .2rem;}
    /* contact */
    .contact-bg{ padding: .6rem 0;}
    .con-left{ padding: .5rem .3rem; background-size: 30% auto;}
    .con-list{ line-height: 24px;}
    .con-list li{ margin-top: .2rem;}
    .con-icon{ width: 24px; height: 24px;}

    .pro-hover{ padding: .2rem .2rem .1rem;}
    .pro-more{ margin: .1rem 0;}
    .pro-list2 .service02-text-cont{ margin-top: .1rem;}
    .pro-list2 .service-more{ margin-top: .2rem;}
    .pro5-bg-3{ padding: .6rem 0;}
    .pro5-bg-4{ padding: .4rem 0;}
    .pro5-box4{ margin: .4rem 0;}
    .pro5-bg-6{ padding: .4rem 0;}
    .pro5-box6-swiper{ margin: .4rem 0;}
    .pro6-bg-2 .pro3-box3-swiper{ padding: .3rem;}
    .pro6-bg-2 .pro3-box3-text{ margin-top: 0;}
    .pro6-bg-2 .pro3-box3-title{ margin: 0 0 .2rem;}
    .pro7-bg-1{ padding: .4rem 0;}

    .ser-top{ min-height: 0;}
    .ser-list .case-text{ padding: .3rem 5%;}
    .ser-detail{ margin: .3rem 0 .6rem;}
    .ser-detail-img{ top: 80px;}
    .ser-detail-text .case-detail-cont h3{ margin: .1rem 0; font-size: 140%;}

    
}
@media (max-width:991px) {
    .banText{ bottom: 0;}
    /* about */    
    .about2-item{ padding: 1rem .3rem;}
    .about3-con{ padding: .8rem .3rem;}
    .about4-item .swiper-container::before{ left: 8px;}
    .about4-item .swiper-slide{ display: block;}
    .about4-item .swiper-slide::before{ left: 0; transform: translateX(0);}
    .about4-item .swiper-slide::after{ left: 6px; transform: translateX(0);}
    .about4-item .swiper-slide:first-child::after{ left: 0;}    
    .about4-text{ width: 100%; max-width: 100%; text-align: left !important; padding-left: 25px;}
    .about4-con{ margin: 0 0 .2rem;}
    .about4-item .swiper-slide:last-child .about4-con{ margin-bottom: 0;}
    /* product-02 */    
	.pro02-msmall{display: none;}
	.pro02-mbig{width: 100%;}
    /* product-04 */
    .pro4-bg-3{ padding: .6rem 0;}
    .pro4-box3{ display: block;}
    .pro4-box3-img,
    .pro4-box3-text{ width: 100%; max-width: 100%; margin: .15rem auto;}
    .pro4-box3-img{ max-width: 80%; text-align: center;}
    .pro4-box4{ position: relative; overflow: hidden;}
    .pro4-box4-text{ position: relative; width: 100%; min-height: 50vh; z-index: 1; background-color: rgba(0, 120, 221, 0.9);}
    .pro4-box4-img{ position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
    /* case */
    .case-link{ display: block;}
    .case-img{ width: 100%; margin: 0 auto .2rem !important;}
    /* service-02 */
	.service02-box-item{flex-wrap: wrap;}
	.service02-box-text, .service02-box-pic{width: 100%; max-width: 100%;}
	.service02-box-text{padding: .4rem .3rem;}
	.service02-box-1{width: 100%;}
	/*EPC*/
	.epc-box-text3{padding: 1rem .45rem;}
	.epc-box-list3 .box-more span{width: 150px;line-height: 36px;}
	.epc-box-text3 h5{margin: .2rem 0 .25rem 0;}
	.epc-box-text3 h5::after{bottom: -.1rem;}
	.epc-box-1{line-height: 26px;}
	/* news */
	.lef-rec-box, .rig-rec-box{width: 100%;}
	.rig-rec-box{margin-top: .6rem;}
	.news-tab-cont li{width: 48.3%;margin: 0.4rem 2.6% 0 0;}
	.news-tab-cont li:nth-child(2n){margin: 0.4rem 0 0 0!important;}
	.news-tab-cont li:nth-child(3n){margin: 0.4rem 2.6% 0 0;}
	.lef-news-detail{width: 63.2%;}
	.rig-new-detail{width: 31.96%;}
	.news-detail-tit{line-height: 28px;}
	/*join*/
	.join-box-3 .join-slide-ico1{width: 80px;height: 80px;}
	.join-slide-ico1{width: 60px;height: 63px;}
    .search-box{ height: 44px;}
    .search-box input{ line-height: 44px;}
    .search-box .search-btn{ width: 40px; height: 40px;}
    /* joinlist */
    .search{ max-width: 580px;}
    .sInput{ height: 44px; padding: 10px 20px; padding-right: 120px;}
    .sBtn{ width: 100px; height: 44px; line-height: 44px;}
    .sBtn i{ width: 16px; height: 16px;}
    .recruit_con{ display: block;}
    .recruit_left{ width: 100%; max-width: 100%; padding: 0 0 .2rem; border-right: none;}
    .recruit_filter_item{ padding: .1rem 0;}
    .recruit_filter_label{ display: none; margin: 0; padding: .1rem 0;}
    .recruit_tit strong{ position: relative; display: block; cursor: pointer;}
    .recruit_tit i{ position: absolute; right: 0; top: 0; display: block; font-size: 14px; color: #666666; font-weight: bold; transition: all .3s;}
    .recruit_filter_item.active .recruit_tit i{ transform: rotate(180deg);}
    .recruit_right{ width: 100%; padding: 0;}
    .recruit_link{ display: block; padding: 0.25rem 0.3rem;}
    .recruit_more{ margin-left: 0; margin-top: .1rem;}
    .recruit_list li:nth-child(odd) a{ background-color: #fafafa;}
    /* contact */
    .contact-box{ display: block;}
    .con-left{ border-right: none; border-bottom: 2px solid #FFFFFF;}
    .con-right{ width: 100%; max-width: 100%; height: 400px; max-height: 5rem;}
    /* pro */
    .pro-list li{ width: 50%;}
    /* service */
    .ser-top{ max-width: 100%;}
    .ser-list{ margin: .6rem 0;}
    .ser-list li{ margin: .3rem 0;}
    .ser-list .case-img{ margin: 0 !important;}
    .ser-list .case-text{ padding: .3rem;}
    .ser-detail{ display: block;}
    .ser-detail-img{ position: static; width: 100%; margin: 0 auto .3rem;}
    .ser-detail-text .case-detail-tit{ animation-name: fadeInUp;}
    .ser-detail-text .case-detail-desc{ animation-name: fadeInUp;}
    .ser-detail-text .case-detail-cont{ animation-name: fadeInUp;}
}
@media (max-width:767px) {
    .banLeft{ left: 0; right: 0; width: 100%; top: auto; bottom: 60px; display: flex; flex-direction: row-reverse; justify-content: center; align-items: center; display: none;}
    .banner-button{ margin: 0 .06rem;}
    /* about */
    .about2-box{ display: block;}
    .about2-box::before{ display: none;}
    .about2-item{ width: 100%; padding: .6rem .3rem;}
    /*.about2-item + .about2-item{ border-top: 1px solid rgba(255, 255, 255, 0.35);}*/
    .about-bg-4{ background-attachment: scroll; background-position: center center !important;}
    .his-list{ padding-left: 0;}
    /* product-01 */
	.pro01-item-tit{width: 100%;text-align: center;}
	.pro01-item-cont{text-align: center;width: 100%;}
    /* product-02 */
    .pro02-top-dtls{ display: block;}
    .pro02-dtls-pic,
    .pro02-dtls-text{ width: 100%;}
    .pro02-dtls-pic{ margin-bottom: .3rem;}
    .pro02-mswiper{ height: auto;}
    .pro02-mbig .swiper-container{ padding: .3rem; border: 1px solid #E2E2E2;}
    .pro02-mbig .mBigImg{ height: 0; padding-bottom: 50%;}
    /* product-03 */
    .pro3-box2{ display: block; padding: .1rem .3rem;}
    .pro3-box2-img{ width: 100%; max-width: 100%; margin: .2rem 0;}
    .pro3-box2-text{ margin: .2rem 0;}
    .pro3-box3-tab .swiper-slide span{ margin: 0;}
    .pro3-box3-tab .swiper-slide + .swiper-slide span{ margin: 0; margin-left: .2rem;}
    .pro3-box3-text{ width: 100%;}
    /* product-04 */
    .pro4-box1{ display: block;}
    .pro4-box1-img,
    .pro4-box1-text{ width: 100%; max-width: 100%; margin: .15rem auto;}
    .pro4-box1-img{ max-width: 80%; text-align: center;}
    /* solution */
    .solu-bot-img{ padding-bottom: 40%;}
    .solu-bot-title{ display: block;}
    .solu-bot-h3{ padding-right: 0; line-height: 1.2;}
    .solu-bot-more{ width: 100%;}
    .solu-bot-con{ margin: .3rem 0;}
    .solu-bot-swiper .swiper-slide{ width: 100%;}
    .solu-bot-mask{ opacity: 1; visibility: visible;}
    /* service-04 */    
	.service04-list-item{flex-wrap: wrap;}
	.service04-list .service04-list-in{width: 100%;}
	.service04-list-ico{width: 60px;height: 60px;}
	/*EPC*/
	.epc-box-text3{padding: .65rem .3rem;}
	.MultiLine{-webkit-line-clamp: 2;}
	.epc-box-list3 .epc-slide-box:hover .box-more{bottom: .55rem;}
	.epc-box-ico{width: 56px;height: 48px;}
	/*news*/
	.news-detail{flex-wrap: wrap;}
	.lef-news-detail, .rig-new-detail{width: 100%;}
	.rig-new-detail{border-left: none;padding: 0.45rem 0 0 0;}

    /* pro6 */
    .pro6-bg-2 .pro3-box3-swiper .swiper-slide{ display: block;}
    .pro6-bg-2 .pro3-box3-text{ width: 100%; margin: .2rem auto 0;}
}
@media (max-width:640px) {
    /* solution */
    .solu-bot-con{ display: block;}
    .solu-bot-line{ display: block; margin: .1rem 0;}
	/*news*/
	.news-detail-oth{ display: block;}
	.detail-oth-tips:nth-child(2)::after{height: 0;}
	.detail-oth-tips:last-child{width: 100%;margin-top: .2rem;}
    /* pro */
    .pro-hover{ font-size: 12px;}
    .pro-title{ font-size: 16px; font-weight: bold;}
    .pro-more i{ font-size: 12px;}
    /* prodetail */
    .pro-detail-swiper .banner-button{ transform: translateY(-50%);}
    .pro-detail-swiper .pro-detail-prev{ margin-left: -.3rem;}
    .pro-detail-swiper .pro-detail-next{ margin-right: -.5rem;}
    .pro-detail-swiper .banner-button{ width: .6rem; height: .6rem; line-height: .5rem;}
}
@media (max-width:460px) {
    /* about */
    .about3-con{ padding: 1.2rem .3rem;}
    .about3-swiper .swiper-slide + .swiper-slide .about3-link{ border: none;}
    .about4-tab-list{ font-size: 16px; margin: .3rem -.1rem;}
    .about4-tab-list li{ padding: 0 .1rem;}
    .about4-tab-list li img{ max-width: 16px; margin-right: 2px;}
    .about4-title{ font-size: 16px;}
    .about5-swiper .swiper-slide{ border-width: 2px;}
    /* product-04 */
    .pro4-box2-img{ margin: 0 1px;}
    /* case */
    .case-info span{ display: block;}
    /* service-03 */
    .service03-link{ padding: .2rem;}
    .service-more i{ font-size: 14px;}
	/*EPC*/
	.epc-box-text3{padding: 1.8rem .65rem;}
    .epc-box-text3 h5{margin: .4rem 0;}  
	.epc-box-list3 .epc-slide-box:hover .box-more{bottom: 1.05rem;}
	/*news*/
	.lef-rec-item{flex-wrap: wrap;}
	.lef-rec-pic, .lef-rec-text{width: 100%;}
	.rig-rec-box{padding-left: .5rem;}
	.rig-rec-box .new-date::after{left: -0.62rem;}
	.news-tab-item{margin: 0 0.2rem;}
	.tab-item-ico{width: 16px;height: 16px;}
    /* join */
    .join-box-3 .join-slide-ico1{ max-width: 1.6rem; max-height: 1.6rem;}        
}

@media (min-width:1200px) {    
    html{ font-size: 65px !important;}
}
@media (min-width:1400px) {
    html{ font-size: 80px !important;}
}
@media (min-width:1600px) {
    html{ font-size: 100px !important;}
}