@media screen and (max-width: 1500px){
	#nav ul li{margin-right: 0px;}
}

@media screen and (max-width: 1440px){
    .i-about .txt p{font-size: 12px;line-height: 1.6}
    .i-about .txt .more a{
        height: 35px;line-height: 35px;
        padding: 0 2.6em;font-size: 12px;
    }
    .tit-i span{font-size: 25px;}
    .i-about .txt .more{margin-top: 2em;}
    .ul-list1 li p{font-size: 12px;line-height: 1.8;}
	
	#nav ul li{margin-right: 0px;}
	#nav ul li .a1{padding: 50px 20px 23px 9px;}
    .seamless-pic-txt .txt-right dl{width: 90%;}
    
}

@media screen and (max-width: 1350px){
	#nav ul li .a1{padding: 50px 4px 5px 20px;}
	#nav ul li{max-width: 30%;}
	#hd{padding: 0 50px 0 30px;}
}

@media screen and (max-width: 1250px){
	
	.laser-pic-txt .laser2 .pic,
	.laser-pic-txt .laser1 .pic{float: none;position: static;width: 100%;}
	.laser-pic-txt .laser2 .txt,
	.laser-pic-txt .laser1 .txt{width: 100%;position: static;padding: 30px;}
	.laser-pic-txt .laser2 p,
	.laser-pic-txt .laser1 p{width: 100% !important;max-width: 6666px !important;}
}


@media screen and (max-width: 1200px){
	#hd{padding: 0 30px 0 20px;}
    #nav ul li .a1{padding: 50px 4px 5px 20px;}
    .technology-cont .cont{width: 80%;margin: 0 auto;padding: 5%;padding-bottom: 10%;}
    .map-txt{padding-left: 10px;}
    .row3 .wp{padding-left: 20px;padding-right: 20px;}
    .i-about .txt .tit-i{margin-bottom: 3em}

    .i-about .txt{padding-left: 3%;padding-right: 3%;padding-top: 4%;padding-bottom: 4%;}
    
    
    .tech-hd a{width: 130px;}
    .tech-hd a img{width: 40px;}
    .tech-hd .ico{height: 50px;line-height: 50px;}
    .tech-hd span, .tech-hd p{font-size: 13px;}
    .tech-hd{padding: 50px 0;}
    .hua-pic-txt{margin-top: 0;}
    
    
    .micro-texture .txt-right .wrap{padding: 24% 0;}
    .micro-texture .txt-right .txt{width: 56%;padding-right: 0;}
    .micro-texture .txt-right .pic{width: 40%;}
}

@media screen and (max-width: 1110px){
    #nav ul li{margin-right: 0;}
    #hd{    padding: 0 ;}
	#nav ul li .a1{padding: 50px 4px 5px 20px;}

    .tip_box .hide{position: relative;left: 10px !important;top: auto !important;display: block !important;margin-bottom: 5px;}
    .tip_box i{display: none;}
    .map-box .tab_box .s_company{padding-bottom: 25%;}

}

@media screen and (max-width: 950px){
    .layer-box .txt-l, .layer-box .txt-r{width: 25%;line-height: 1.8;}
    .layer-box .imgtxt-box{width: 50%;}
    .layer-box{height: 660px;}
}
@media screen and (max-width: 900px){
    .rapid-proto p{padding: 10px;}
}


@media screen and (max-height:760px ){
    #banner .dot .img{width: 200px;}

    
}



@media screen and (max-width: 930px){
    #hd{display: none;}
    .m-hd{display: block;}
    body{padding-top: 60px;}
    .i-about .txt .more{margin-top: 20px;}
    #banner{margin-top: 0;}
    #ban-in{margin-top: 0;}

    .suport-box li.s1,.suport-box li.s3,.suport-box li.s5{padding-left: 0;}
    .suport-box li.s2, .suport-box li.s6{padding-right: 0;}
    

}

@media screen and (max-width: 830px){
    .suport-box li{height: 162px;}
    .map-txt{float: none;width: 100%;}
}


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

	
	.hua-box .imgtxt .txt{width: 50%;}
    .seamless-pic-txt .txt-left dl{width: 90%;}
    .ul-list1 li a{padding:20% 5%;}
    .i-about .pic{width: 100%;float: none;}
    .i-contact .form{position: static;width: 100%;margin-bottom: 30px;}
    .i-contact .txt{width: 100%;}
    .i-contact .txt .icon{margin-top: 20px;margin-bottom: 20px;}
    .i-contact{margin-top: 30px;}
    .error .cont{padding-left: 30px;text-align: center;}
    .error .cont h3{float: none;}
    .error .cont em{right: 9%;}
    .error .cont a.back{margin-left: 0;}
    .ul-list2 li{width: 50%;margin-bottom: 20px;}
    .list-job a{padding: 20px;}
    #banner h3{font-size: 24px;}

    .pop .pop-con{width: 90%;}
    .pop-pad{padding: 30px;}
    #banner .dot .img{display: none !important;}

    #banner a{
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        background-position: 50% 50%;
        background-repeat: no-repeat;
        padding-top: 44%;
    }
    #banner{position: static;}
    .banner-holder{height: auto;}

    .contact-box{padding: 60px 0;}
    .map-box .tab_box .s_company{padding-bottom: 0;}

    #banner .dot{display: none !important;}
    
    /**/
    .hua-pic-txt .txt-right p{width: 72%;}
    .hua-pic-txt .txt-right .txt h3{font-size: 20px;width: 72%;}
    .laser-pic-txt h3,
    .seamless-pic-txt dl dt,
    .pic-txt dt,
    .txt-u1 h3{font-size: 26px;}
    .seamless-pic-txt dl dt{margin-bottom: 15px;}
    .mn-pic-txt .txt-left p{width: 70%;}
    .t-r1{font-size: 26px;}
    .grain-ban{padding-top: 60%;}
    .grain-box .t-r1-box{padding-right: 10px;padding-left: 10px;}
    .grain-tag a{font-size: 12px;}
    .list-adv span img{width: 50px;}
    .list-adv p{font-size: 16px;margin-top: 10px;}
    .transfor-ban .txt-u1{width: 47%;}
    .micro-texture .txt-left .txt{padding-left: 0;padding-right: 20px;}
    .hua-box .pic-right{width: 170px;}
    .hua-crafts{padding-right: 170px;}

	.laser-pic-txt .laser2 .pic,
	.laser-pic-txt .laser1 .pic{float: none;position: static;width: 100%;}
	/*.laser-pic-txt .laser2 .txt,*/

	.laser-pic-txt .laser1 .pic{padding-top: 41%;}
	.laser-pic-txt .laser2 .pic{padding-top: 51%;
		-webkit-background-size: 59%;
		background-size: 59%;
	}
	.laser-pic-txt .laser2 .txt{background: none;}

	.laser-pic-txt .laser2 p, .laser-pic-txt .laser2 h3{
		max-width: 710px;
		width: 74%;
	}
	.laser-box{padding-top: 68%;}

	.layer-box .box{height: 510px;}
	.row2-layer .txt-black dl:first-child dd{padding-left: 0}
	.row2-layer .txt-black dl dd{width: 90%;}
	
	.row3-layer .txt-black{float: none;width: 100%;height: auto;padding:29px 4%;}
	.row4-layer .txt{padding: 4%;}
	.row3-layer .txt-black{line-height: 2.1;}
	.row2-layer .txt-black{line-height: 1.6;}
	.row1-layer p,
	.row1-layer .txt-r,
	.row1-layer .txt-l{line-height: 2 !important;}
	
	
	.chem-pic-txt dl{width: 100%;transform: translateX(0);text-align: center;}
	.chem-box dl{width: 100%;text-align: left;padding: 0 20px;}
    .laser-pic-txt .laser4 p, .laser-pic-txt .laser4 h3{width: 90%;}
    .pic-txt .txt{font-size: 12px;}
}


@media screen and (max-width: 680px){
    .suport-box li{width: 100%;float: none;height: 130px;}
    .suport-box{background: none;}
    .suport-box li.s3{padding-right: 42px;}
    .suport-box li.s4{padding-left: 42px;}
    .suport-box{padding: 30px 0;}
    #banner .dot .img{display: none !important;}

    #banner .slick-arrow{display: none !important;}
    

    .tech-hd a{width: 100px;}
    .tech-hd{padding: 30px 0;}
    
    
    .shell-box{padding:10px;}
    .shell-box dl dt,
    .shell-pic-txt .txt-right .txt h3{font-size: 24px;}
    .mn-row2 .txt-u1{width: 60%;}
    .mn-row2 .wrap{padding: 0 9%;}
    .grain-list,
    .layer-box .box,
    .layer-box .box .txt-l, .layer-box .box .txt-r,
    .layer-box .box .pic_txt,
    .transfor-ban .txt-u1,
    .grain-ban .txt-u1,
    .rapid-proto .img,
    .rapid-proto .txt,
    .rtp-list .s2 .img,
	.row3-layer .box .txt-pic .pic, .row3-layer .box .txt-pic .txt,
    .micro-texture .pic,
    .rtp-list li,
    .shell-pic-txt .pic,
    .shell-pic-txt .txt,
    .txt-pic,
    .row4-layer .txt,
    .row4-layer .pic,
    .mn-row1 .txt-u1,
    .mn-pic-txt .txt,
    .laser-pic-txt .laser3 .img,
    .laser-pic-txt .laser3 .txt,
    .micro-texture .pic,
    .laser-pic-txt .laser2 .txt, .laser-pic-txt .laser1 .txt,
    .micro-texture .txt,
    .mn-pic-txt .img{width: 100% !important;float: none !important;position: static;}
    .mn-pic-txt p{width: 100% !important;}
    .rapid-proto .txt,
    .mn-pic-txt .txt{padding: 24px;}
    .rapid-proto p{padding: 0;}
    .rtp-list  { vertical-align: bottom;display: table;width: 100%; background-color: #000;}
    .grain-ban{padding: 20% 4%;}
    .rtp-list .s2{ display: table-header-group; }
    .rtp-list .img{height: 180px !important;}
    .rtp-list .txt{height: auto !important;font-size: 14px;}
    .rtp-list b{font-size: 50px;}
    .t-r1-box{padding: 0 16px;}
    .rapid-proto .t-r1{font-size: 24px;}
    .big-img{margin: 0 -40%;}
    .txt-u1 h3{font-size: 24px;}
    .grain-list{border-bottom: 1px solid #fff;}
    .grain-list h3{font-size: 22px;}
    .list-adv p{font-size: 12px;margin-top: 5px;}
    .grain-adv h3{font-size: 26px;}
    .list-adv span{height: 70px;line-height: 70px;}
    .micro-texture  .txt{transform: translateY(0px);}
    .grain-box .txt-u1 h3{font-size: 21px;}
    .transfor-ban{height: auto;padding: 20% 4%;background-position: 32% 50%;}
    .transfor-table td{height: 50px;font-size: 12px;}
    .transfor-ban p{margin-top: 0;}
    .micro-texture .pic{margin-bottom: 20px;}
    .pic-txt dt, .txt-u1 h3{font-size: 24px;}
    .micro-texture .wrap{width: 90%;}
    .hua-pic-txt .txt-right .txt h3{width: 100%;}
    .hua-crafts{padding-right: 0;}
	.layer-box .box .txt-l{height: auto;padding-bottom: 5%;}
	 .hua-crafts .imgtxt .txt{padding: 20px;}
	 .seamless-row1 .txt-u1,
	 .hua-crafts .imgtxt .txt,
	 .hua-crafts .imgtxt .pic{float: none;width: 100%;position: static;
	 	transform: translateY(0);
	 }
	.seamless-row1{padding: 11% 0;}
	.hua-box .imgtxt .pic{padding-top: 53%;}
	.laser-pic-txt h3,
	.laser-pic-txt p{width: 100% !important;}
	.laser-box p{left: 0;margin-left: 0;padding-left: 20px;padding-right: 20px;}
	
    .laser-pic-txt .laser1 .txt{background: #1b1b1b;}
    .laser-pic-txt .txt{padding: 30px;}
    .laser-pic-txt .laser2 .pic{padding-top: 73%;-webkit-background-size: 80%;
    background-size: 80%;}
    .laser-pic-txt .laser1 .pic{padding-top: 73%;}
    .laser-box{padding-top: 108%;}
    
    .laser-pic-txt .laser5 h3,
	.laser-pic-txt .laser4 h3{font-size: 15px;margin-bottom: 5px;}
	.laser-pic-txt .laser5 p,
	.laser-pic-txt .laser4 p{font-size: 12px;line-height: 1.3;}
	/*.laser-pic-txt .txt{padding: 15px;}*/
	.laser-pic-txt .laser5 .txt,
	.laser-pic-txt .laser4 .txt{padding: 15px;}
	
	
	.row2-layer .txt-black dl:first-child dd{padding-left: 0;}
	.row1-layer .t-r1{font-size: 22px;padding: 0 10px;}
	.layer-box .box .pic_txt .pic{padding-top: 70%;}
	.layer-box .box{height: auto;}
	.layer-box .box .pic_txt .txt{padding: 20% 0;}
	.row2-layer .txt-black dl{width: 100%;float: left;margin: 10px 0;}
	.row3-layer br{display: none;}
	.row2-layer .txt-pic .txt{padding: 4% 0;}
	.row4-layer .box{padding-top: 0;}
	.row4-layer .pic{padding-top: 75%;}

    .layer-box .txt-l, .layer-box .txt-r,.layer-box .imgtxt-box{width: 100%;float: none;}
    .layer-box .txt-l, .layer-box .txt-r{height: auto;padding: 20px;}
    
    .layer-box{height: auto;}
    .layer-box .imgtxt .pic,.layer-box .imgtxt .txt,
    .row3-layer .box .txt-pic .pic,.row3-layer .box .txt-pic{width: 100%;float: none;}
    .layer-box .imgtxt .pic{height: auto;padding-top: 100%;}
    .layer-box .imgtxt .txt{padding: 10% 0;}
    .row3-layer .box{height: auto;}
    .row3-layer .box .txt-pic .pic{padding-top: 87%;height: auto;}
    .row3-layer .box .txt-pic .txt{padding: 10% 0;}
 
    .row2-layer .t-r1{padding: 10px 0;}
    .shell-pic-txt .pic{padding-top: 62%;}
    .pic-txt .pic,.pic-txt .txt{width: 100%;float: none;}
    
    
    .laser4 .txt,
    .laser5 .txt{width: 50%;}
    .tech-hd a{padding: 0 5px;vertical-align: top;}

    
}


@media screen and (max-width: 640px){
	.laser5 .txt h3,
	.laser4 .txt h3{line-height: 1;}
    .suport-box .ico{
        -webkit-transform: scale(0.7);
        -moz-transform: scale(0.7); 
        -ms-transform: scale(0.7); 
        -o-transform: scale(0.7); 
        transform: scale(0.7);
        transform-origin: 50% 50%;
    }
    .suport-box .txt{padding: 0 20px;}
    .suport-box li{padding: 0 !important;margin-bottom: 0;}
    .suport-box .txt{padding-left: 0;}
    .suport-box li.s1 .txt, .suport-box li.s3 .txt, .suport-box li.s5 .txt{padding-right: 0;}
    .x-btn{right: 0;top: 0;}
    .pop-pad{padding: 20px;}
    .i-contact .tit-i{text-align: center;}
    .i-contact .tit-i span:after{left: 30px;}
    .ul-list1 li{width: 50%;}
    .i-about .pic ul li{float: left;width: 33.333%;padding: 0 10px;}
    .i-about .pic ul li img{width: 50%;}
    #banner .slick-dots li{padding-right: 0;margin: 0 10px;}
    #banner .slick-dots li:after{display: none;}
    #banner .slick-arrow{-webkit-background-size: 55%;
    background-size: 55%;}
    .row1{padding-top: 30px;}
    .row1 .tit-i{margin-bottom: 40px;}
    .i-about .txt{margin-top: 30px;}
    .i-contact{padding-top: 30px;padding-bottom: 0;}
    .i-contact .wp{padding: 0 10px;}
    /*.ul-list1 li a{padding: 30px 5px;}*/
    .ul-list1 li {overflow: hidden;}
    .ul-list1 li a{
    	height: 320px;
    }
    .list-parter .item{width: 33.3333%;}
    .type-name h3{font-size: 40px;}
    .type-name h4{font-size: 14px;}
    .technology-slider{padding: 30px 80px;}
    .error .cont h3{font-size: 20px;}
    .technology-cont .cont{width: 90%;}
    .ul-list2{padding: 30px 0;}
    .ul-list2{margin: 0;}

    .tip_box{position: relative;top:auto;}
    .tip_box .hide{width: 95%;}
    .about-top{padding-top: 30px;}
    .about-top .tit-i{margin-bottom: 50px;}
    #ban-in{padding: 60px 0;}
    .about-desc ul li b{font-size: 36px;}
    .about-desc ul{padding-bottom: 0;}
    .about-desc ul li{padding: 20px !important;margin: 0 !important;width: 100%;text-align: center;}
    .about-desc .pic img{display: none;}
    .about-culture{padding: 40px 0;
        background-image: none;
    }
    .tit-i span{font-size: 26px;}
    .tit-i span:after{bottom: 10px;}
    #hb-nav span{font-size: 20px;padding-top: 70px;}
    #hb-nav span:before{
        -webkit-transform: scale(0.7);
        -moz-transform: scale(0.7); 
        -ms-transform: scale(0.7); 
        -o-transform: scale(0.7); 
        transform: scale(0.7);
        transform-origin: 50% 50%;
    }
    .ul-list1 li a span{
        -webkit-transform: scale(0.8);
        -moz-transform: scale(0.8); 
        -ms-transform: scale(0.8); 
        -o-transform: scale(0.8); 
        transform: scale(0.8);
    }
    .ul-list1 li a h3{padding:6px 0 20px 0;}
    .history-box .item{padding-bottom: 10px;}
    .history-box .item p{margin-top: 0;width: 80%;border-bottom: none;}

    #hb-nav{padding: 0;}
    .about-culture{margin-top: 40px;}
    .history-box{padding-top: 50px;}
    .about-culture ul li{width: 100%;margin-bottom: 0;}
    .about-culture ul li h3{padding: 18px 0;}
  
  .about-culture ul li span{
    -webkit-transform: scale(0.6);
      transform: scale(0.6);
      margin-bottom: -36px;
    }
    .list-job .item{width: 100%;}
    .list-job{padding: 30px 0;}
    .about-recruit{padding: 50px 0;}
    .list-job{padding: 10px 0;}
    .list-job b{display: none;}

    .pop .pop-con{height: 70%;}
    .tit-u1{padding: 60px 0 30px 0;}
    .tit-u1 a{width: 140px;height: 40px;line-height: 40px;font-size: 14px;}
    .contact-box{padding-top: 50px;padding-bottom: 30px;}
    .map-box .tab_box .s_company{padding-bottom: 0;}

    .ul-list1 li{padding: 0 5px;}
    .i-contact .txt{padding-top: 30px;}

    #fd p{font-size: 12px;}


    .i-contact .txt p{padding-bottom: 10px;}
    .i-contact .txt p a{margin-right: 30px;}
    .about-culture ul{padding-top: 20px;}
    .about-desc{margin-top: 40px;padding: 10px 0;}
    .about-top .txt{padding-bottom: 0;}
    .map-txt .txt{padding: 20px 0;}

    #banner h3{font-size: 14px;}
    #banner h3:after{border-top-width: 2px;margin-top: 4px;}

    .h135{height: 30px;}
    .ul-list1 li{margin-bottom: 10px;}
    .ul-list1 li p{height: 42px;}

}

@media screen and (max-width: 480px){
    .list-parter .item{width: 100%;}
}


@media screen and (max-width: 460px){
    .ul-list1 li p{height: 62px;}
}

@media screen and (max-width: 360px){
    .suport-box li.s1 .txt, .suport-box li.s3 .txt, .suport-box li.s5 .txt{padding-right: 10px;padding-left: 10px;}
    .suport-box li.s1, .suport-box li.s3, .suport-box li.s5{padding-right: 10px;}
    .suport-box li.s2, .suport-box li.s6,.suport-box  li.s4{padding-left: 10px;}
    .suport-box  li.s2 .txt,.suport-box  li.s6 .txt,.suport-box  li.s4 .txt{padding-left: 10px;}
    
    
 
}