@charset "utf-8";

@media all and (max-width:1441px){/*1440 * 900*/
    .joinUs-tab li{width:32%;margin-bottom:15px;margin-right:1%;}
}

@media all and (max-width:1367px){/*1366 * 768*/

}

@media all and (max-width:1300px){
	.contain{width:100%;padding:0 4%;}
    .H-nav li{padding:0 15px;}
}

@media all and (max-width:1201px){ /*1200*/

}

/* ipad 及以下 */
@media all and (max-width:1023px){
    .pdtb60{padding:25px 0;}
	img{max-width:100%;}
	/*-- Header --*/
	.H-logo,.H-lang, .H-srch,.Hsrch-box{height:50px;}
	.H-logo,.H-lang .Hlang-menu,.H-srch .Hsrch-menu{line-height:50px;}
	.H-logo img{height:40px;}

	.Hsrch-box{width:100%;position:fixed;display:none;}
	.Hsrch-block .btn-seach{right:0px;top:0px;}
    .H-nav .Hnav-menu.cur:after, .H-nav .Hnav-menu:hover:after{display:none;}
	
	.H-nav{width:100%;background:#fff;position:absolute;top:50px;left:0px;margin:0px;float:none;}
	.H-nav>li{padding:0px;border-bottom:1px solid #ccc;float:none;}
	.H-nav .Hnav-menu{padding:0 4%;height:50px;line-height:50px;color:#333;font-size:14px;}
	.Hnav-menu i{display:block;}
	.Hnav-sub{padding:0;position:relative;top:0px;}
    .Hnav-sub li{text-align:left;padding:10px 6%;font-size:12px;}
	.H-action .split{margin:17px 0 0;}
	
	.Hmenu-btn.H-rMenu-btn{display:none;}
	.Hmenu-btn.Hmenu-web{display:block;}
	.H-nav{display:none;}	
	.Hsrch-box{top:50px;}
	.Hsrch-block{width:92% !important;padding:0px !important;margin:9px auto 0;}
	.H-lang{position:static;position:initial;}
	.Hlang-box{padding:5px;width:100%;top:50px;left:0px;}
	.Hlang-box:before{display:none;}
    .pages a{height:28px;line-height:28px;margin-bottom:10px;}	
	
	/*-- Footer --*/
	.F-nav,.F-nav.F-nav2{width:20%;}
	.F-ct{width:100%;margin:20px 0 0;}
	.F-coyright{padding:8px 0%;font-size:12px;line-height:18px;}
    .F-coyright .fl{width:100%;text-align:left;}
    .F-coyright .fr{width:100%;text-align:left;}
	.footer-container{padding:10px 0;}
	.F-nav{width:100% !important;border-bottom:1px solid rgba(255,255,255,.1);margin:0px;}
	.F-nav dt{height:50px;line-height:50px;}
	.F-nav dt i{display:block;}
	.F-nav dd{padding:0 0 10px;margin:0px;display:none;}
	.F-nav dd a{padding:0 4%;height:40px;line-height:40px;}

    .pub-tit{font-size:24px;}
    .pub-sub-tit{font-size:14px;margin:10px auto 20px;}
    .ind-pro-tit{font-size: 14px;margin:10px auto 20px;}

    .pub-bann{margin-top:50px;height:200px;}

    /* Index */
    .ind-video li{width:48%;margin-right:0;margin-bottom:20px;}
    .ind-video li:nth-child(2n){float:right;}
    .ind-about{padding:30px 0;}
    .ind-about-num li{width:50%;margin-bottom:20px;}
    .ind-about-num li span{font-size:32px;}
    .ind-aboutus-note{width:100%;}
    .ind-aboutus-img{width:100%;margin-top:20px;}
    .ind-aboutus-note .pub-tit{margin-top:10px;margin-bottom:20px;}
    
    .ind-brand .brand-note{width:100%;}
    .ind-brand .brand-cate{width:100%;}
    .F-logo{width:100%;margin-right:0;display:none;}
    .F-ct{display:none;}
    .F-logo img{top:0;margin-bottom:20px;}

    .ind-pro-style-one{width:100%;height:240px;margin-bottom:15px;}
    .ind-pro-style-two{width:100%;}
    .ind-pro-style-two li{height:240px;}
    .ind-characteristic li{width:100%;margin-bottom:15px;}
    
    .ind-news-tit{width:100%;}
    .ind-news-cate{width:100%;}
    .ind-news-pic{width:100%;height:200px;}
    .ind-news-note{width:100%;padding:15px;}
    .ind-pro-style .note h4{font-size:18px;margin-bottom:5px;}
    .ind-pro-style .note p{font-size:14px;}
    .ind-product ul{margin-bottom: 20px;}
    .ind-product li{font-size:18px;width:31%;height:40px;line-height: 40px;background-size:contain;margin-top:10px;}
    .ind-product .swiper-container .swiper-prev{width:40px;height:88px;margin-top: -44px;}
    .ind-product .swiper-container .swiper-next{width:40px;height:88px;margin-top: -44px;}
    .ind-characteristic .ind-pro-tit{font-size: 16px;margin-bottom:20px;}
    .ind-char-note{height:auto;padding:15px;}
    .ind-pro-style-box{padding:15px;}
    .ind-news-cate ul{margin-top:10px;}
    .ind-news-cate ul li{width:48%;background-size:contain;margin-bottom:15px;}
    .ind-news-cate ul li.cur{background-size:contain;}

    /* About */
    .pub-sub-nav{max-width:94%;padding:10px;top:-40px;}
    .about-main{padding-bottom:20px;}
    .about-wrap .about-img{width: 100%;height: auto;}
    .about-wrap .about-content{width: 100%;height: auto;color: #666666;font-size: 14px;padding:15px;line-height: 30px;}
    .about-wrap .about-content h4{font-size:24px;margin-bottom:15px;}
    .pub-sub-nav ul{flex-wrap: wrap;}
    .pub-sub-nav.nav-about li{font-size:16px;width:33.3333%;margin:10px 0;}
    .pub-sub-nav.nav-about li:nth-child(3n):after{background:none;}
    .pub-sub-nav li span{width:20px;height:20px;}
    .pub-list li{width:49%;margin-right:0;}
	.pub-list li:nth-child(2n){float:right;}

    /* About - honor */
    .about-honor li{width:49%;height:180px;padding:10px;}
    .about-main .pages{margin-top:20px;}

    /* About - team */
    .about-team{margin-top:20px;}
    .about-team .about-img{width:100%;height:200px;}
    .about-team .about-content{width:100%;height:auto;padding:20px;}
    .about-team .about-content h4{font-size:22px;}

    /* About videos */
    .about-brand-videos{margin-bottom:20px;}
    .about-brand-videos video{max-width:100%;margin: 20px auto;}
    .about-videos-list ul li{width:48%;margin-right: 0;}
    .about-videos-list ul li:nth-child(2n){float:right;}
    .about-videos-list .swiper-button-prev{left:0;width:40px;height:40px;background-size:cover;bottom:8px;}
    .about-videos-list .swiper-button-next{right:0;width:40px;height:40px;background-size:cover;bottom:8px;}
    .about-videos-list li .vplay{width:50px;height:50px;margin-left:-25px;margin-top:-25px;}
    .about-videos-list .swiper-scrollbar-drag:after{width:20px;height:20px;top:-9px;}

    .pub-sub-nav ul{justify-content: space-between;}

    /* About history */
    .his-main{padding:0 0 20px;background-size:contain;}
    .about-history .swiper-slide{height:280px;}
    .about-history{height:280px;padding:10px;}
    .about-history:after{bottom:91px;}
    .about-history span{width:80px;height:80px;font-size:28px;line-height:80px;}
    .about-history .hits-cont2:after{left:62px;}
    .about-history .hits-cont2 span{left:25px;}

    .about-history .hits-cont2{padding-top:100px;}
    .about-history .swiper-container .swiper-button-prev{margin-top:7px;background-size:35px auto;}
    .about-history .swiper-container .swiper-button-next{margin-top:7px;background-size:35px auto;}
    .about-history .swiper-slide:after{margin-left:-120px;margin-top:15px}
    .about-history .hits-cont2:after{top:30px;}
    .about-history .hits-cont1:after{left:60px;bottom:-20px;}
    .about-history .hits-cont1{bottom:auto;top:0;padding-top:100px;}
    .about-history .hits-cont1 span{left:22px;}
    .about-history .hits-cont1 span{bottom:auto;top:0px;}

    /* Server */
    .server-form{padding:10px;}
    .server-form dt{font-size:20px;}
    .server-form dd a{font-size:20px;width:120px;height:50px;line-height:50px;font-size:16px;}
    .server-form input[type="submit"]{font-size:20px;height:50px;}
    .server-form input[type="text"]{height:50px;}

    /* News */
    .news-list li{margin-top:20px;}
    .news-list li .about-img{width:100%;height:200px;}
    .news-list li .about-content{width:100%;height:auto;padding:15px;}

    /* News Content */
    .news-cont-fl{width:100%;}
    .news-cont-fl .content{padding:15px;}
    .news-cont-fr{width:100%;margin-top: 15px;}
    .new-news,.rec-product, .hot-tag{padding:15px;margin-bottom: 15px;}
    #news-cont h1{font-size: 22px;}
    .flip-page{margin: 15px auto;}

    /* Video List */
    .video-cmp-note{padding:20px;width:100%;height:auto;margin-top:20px;}
    .video-cmp-pic{width:100%;height:200px;}
    .videoWrap-list ul li{width:100%;margin-right:0;margin-top:20px;}

    /* Product List */
    .product-list ul li{width:100%;margin-top:20px;}
    .crumbs-box{margin-bottom:0px;}
    .crumbs-box .crumbs-menu{margin:20px auto 0;display:flex;width:100%;justify-content:space-around}
    .crumbs-box .crumbs-menu a{display:inline-block;margin-bottom:15px;font-size:16px;width:23%;height:40px;line-height:40px;color:#666;margin-left:0;}

    .pub-crumbs{margin-top:50px;}
    .mb90{margin-bottom:20px;}
    .dituMap{margin-top:20px;}
    #allmap{height:240px!important;}

    /* Join Us */
    .joinUs-tab{margin-bottom:20px;}
    .join-list dt{padding:15px;}
    .join-tit{font-size:16px;}
    .join-list dt span{font-size:16px;white-space:nowrap;text-overflow: ellipsis;overflow: hidden;}

    .map-list ul{padding:10px;}
    .map-list .com-img{width:100%;position: static;}
    .map-list .com-img img{width:100%;height:100%;object-fit: cover;}
    .map-list li{padding-left:0;margin-bottom:20px;padding-bottom:20px;}
    .map-list li .note{width:100%;}
    .map-list ul{margin:20px auto;}

    .nav-about li{padding:0 10px;}
    .nav-about ul{justify-content:flex-start}
    .video-cmp-note{box-shadow:0 0 0 0;border:1px solid #eee;margin-top:0;}
    .videoWrap-list li .vplay{width:60px;height:60px;margin-left:-30px;margin-top:-40px;}
    .join-more{height:20px;}
    
    .joinUs-tab li{height:50px;line-height:50px;}
    .join-list dl{margin-bottom:15px;}

    .map-box{height:300px;display:none;}
    .pdtb80{padding:20px 0;}
    .product-cont-pic{width:100%;}
    .product-cont-note{width:100%;margin-top:30px;}
    .product-cont-note .qrCode{position:static;margin-top:20px;}
    .product-cont-note h1{font-size:32px;}
    .product-cont-pic .big-photo{height:300px;}
    .product-cont-pic .small-photo .swiper-container{height:260px;}
    .product-cont-pic .small-photo{height:300px;}
    .pro-view video{width:100%;}
    .product-cont .rel-tit{margin:20px auto;}
    .rel-pro-list .swiper-button-prev{left:0;height:40px;}
    .rel-pro-list .swiper-button-next{right:0;height:40px;}
    .pro-inquiry{width:140px;height:40px;font-size:18px;line-height: 40px;background-size:container;}

    /* culture */
    .culture{margin-bottom:20px;}
    .culture-note{width:100%;}
    .culture-pic{width:100%;}
    .culture-core .culture-core-pic{width:100%;margin-bottom: 20px;}
    .culture-core .culture-core-note{width:100%;}
    .culture-core .culture-core-note h4{font-size:20px;margin-bottom:15px;}
    .culture-keys ul li{width:50%;margin-top:100px;}
    .culture-keys li h4{font-size:24px;}
    .culture-keys{margin:20px auto 20px;}
    .culture-keys .keys-note{width:100px;background-size:contain;margin-left:-50px;height:180px;}
    .culture-keys li span{font-size:14px;}
    
    .quailty{padding:20px 0;}
    .quailty h2,.culture-note h4{font-size:30px;}
    .quailty-note{width:100%;}
    .quailty-pic{margin-top:25px;}
    .quailty-pic{width:300px;height:300px;}
    .quailty-pic .quailty-key{width:100px;height:100px;margin:100px auto;padding-top: 5px;}
    .quailty-pic .quailty-key h6{font-size:16px;}
    .quailty-pic .quailty-key p{font-size:12px;}

    .quailty-pic .lines1{position:absolute;width:260px;height:260px;border:1px solid #d0d0d0;left:50%;top:50%;margin-left:-130px;margin-top:-130px;border-radius: 50%;animation: myMove1 5s linear infinite;}
    .quailty-pic .lines2{position:absolute;width:210px;height:210px;border:1px solid #d0d0d0;left:50%;top:50%;margin-left:-105px;margin-top:-105px;border-radius: 50%;animation: myMove2 6s linear infinite;}
    .quailty-pic .lines3{position:absolute;width:160px;height:160px;border:1px solid #d0d0d0;left:50%;top:50%;margin-left:-80px;margin-top:-80px;border-radius: 50%;animation: myMove3 7s linear infinite;}
    .quailty-pic .lines1:after{top:10px}
    .quailty-pic .lines2:after{top:6px;}
    .quailty-pic .lines3:after{bottom:7px;}
    .ind-position{height:300px;}
    .ind-video-pic img{height:150px;width:100%;object-fit:cover;}
    .ind-about-info{margin:30px auto;}
    .ind-about .play{width:60px;height:60px;}
    .ind-product .ind-pro-list img{height:184px;}
    #proVideo{height:240px;}

    .product-list .info{width:52%;}
    .product-list li h4{font-size:20px;}
}

/* Mobile */
@media all and (max-width:768px){

}



<!--0.0001671314239502-->