.heavy01{ padding:50px 0}
.heavy02{ padding:0 0 50px; }
.shut01{ margin-top: 50px; background: url(../images/index/aboutbg.jpg) no-repeat; background-size: cover; }
.shut02{ position: relative; margin-top: 50px; background: url(../images/index/newbg.jpg) no-repeat; background-size: cover; }
.headtit{text-align: center; padding:20px 0; color: #333;}
.headtit h2{ font-size: 30px;}
.headtit span{  display: block; letter-spacing: 2px; font-family: arial; font-size: 14px; padding:20px 0 20px;}
.headtit p{position: relative; display: inline-block; font-size: 18px;letter-spacing: 10px; }
.headtit p::before{ content: ''; position: absolute; top: 12px; left: -140px; width: 100px; height: 2px; background-color: #ff0000;}
.headtit p::after{ content: ''; position: absolute; top: 12px; right: -130px; width: 100px; height: 2px; background-color: #ff0000;}

.large{ padding:20px 0 0; }
.large .layui-tab-content{ padding: 30px 0 0; margin: 0;}
.large .layui-tab-title {  border-bottom-width:0; text-align: center; }
.large .layui-tab-title li{font-size: 24px; font-weight: bold; position: relative;  padding: 0 35px;}
.large .layui-tab-title .layui-this:after{ content: ''; top: auto;  width: 49px; height: 2px;  background-color: #fa2b04; position: absolute; right: 0; left: 0; bottom: -5px; border:none; opacity: 1; margin: 0 auto;}
.large .layui-tab-title .layui-this{  color: #f10909;}

.creates img{width: 100%; }
.machine{overflow: hidden;}
.machine img{ transition: all 1s;}
.machine:hover img{ transform:scale(1.1);}

.creas01{ background: url(../images/index/pro_bgs.jpg) no-repeat; background-size:cover;}
.distilla{position: relative;}

.dry-dis{ position: absolute; top: 0; left: 0; padding:65px 0 0 80px; z-index: 66;}
.dry01{ background: url(../images/index/pro_icon01.png) no-repeat 50px top ;}
.dry01 a,.dry01{ color: #fff;}
.dry02{ color: #333; background: url(../images/index/pro_icon02.png) no-repeat 50px top ;}
.dry-dis h2{  text-transform: uppercase; line-height: 40px;}
.dry-dis h2 span{ font-size: 24px;}
.dry-dis h2 p{ font-size: 16px; line-height: 30px;}
.dry-dis h2 a{ font-size: 16px;margin-top: 15px; display: inline-block;}

.promore{ margin-top: 15px; float:right; width: 180px; border-top: 1px solid #333; text-align: center; line-height: 20px; padding:5px 0;  background: url(../images/index/jiantou.png) no-repeat 150px  center ;}
.promore span{ color: #333;}
.promore p{ color: #fff; font-weight: bold;}

.technology{ padding:50px 0 0;}
.technology img{ width: 100%;}
.technbox{ overflow: hidden; }
.skill{transition: all 1s; width: 100%; height: 100%; position: absolute; top: 0; left: 0; right: 0; bottom: 0;  background-color: rgba(255,4,0,0.8);  color: #fff; justify-content: center; align-items: center;display: flex;  opacity: 0; }
.skill span{ font-size: 22px; position: relative; display: inline-block; }
.skill span::before{ content: ''; position: absolute; top: -5px; left: -40px; width: 53px; height: 1px; background-color: #e9e9e9;}
.skill span::after{ content: ''; position: absolute; bottom: -5px; right: -40px; width: 53px; height: 1px; background-color: #e9e9e9;}
.technlist:hover .skill{opacity: 1;}


.introdu{padding:80px 0 100px; margin: 0 -20px; overflow:hidden; position: relative;}
.introdu .introimg{ padding:0 20px; position:static; }
.introdu .introimg h2{ }
.introdu .introimg h2 span{ font-size: 32px; color: #f10909; display: block; padding-bottom: 10px; }
.introdu .introimg h2 p{ font-size: 16px; position: relative; display: block; padding-left: 73px; }
.introdu .introimg h2 p font{color: #f10909;}
.introdu .introimg h2 p::before{ content: ''; position: absolute; top: 10px; left: 0px; width: 70px; height: 2px; background-color: #f10909;}
.introdu .introimg h3{ position:relative; font-size: 16px; line-height: 30px; margin-top: 40px; padding:10px 100px 0 0; }
.introdu .introimg h3 a{ width: 82px; height: 73px;  display: inline-block;  background: #f10909 url(../images/index/more_icon.png) no-repeat center  center; position: absolute; right: 0; top:0; }



.introimg div.videobox{
	transition: all 0.76s;
	/* margin-top: 50px; overflow: hidden; width: 100%; height: 300px; */
	 overflow: hidden; width: 48.6%;bottom: 90px; position: absolute; left: 0; z-index: 540; height:40%;
}
.introimg div.videobox video{     
    height: 100%;
		width: 100%;
		object-fit:fill;
}
.introdu.onthis .introimg{ position:static;}
.introdu.onthis .introimg div.videobox{
	 position: absolute;
	 width: 100%;
	 height: auto;
}
		
.introimg div .handbtn{ cursor: pointer; transition: all 2s;position: absolute; right: 35px; bottom: 15px;  z-index: 533;}
.introimg div:hover .handbtn{
	  -webkit-animation-name: enlarge;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-duration: 2s;
}
@keyframes enlarge {
    0% {
        transform: scale(1);
    }
    25% {
        transform: scale(1.1);
    }
    50% {
        transform: scale(1);
    }
    75% {
        transform: scale(1.1);
    }
	}
	
.introdu .introtxt{padding:0 20px;}
.introdu .introtxt h3{ text-align: center; }
.introdu .introtxt h3 img{max-width: 100%}
.introdu .introtxt h4{line-height: 32px; font-size: 16px; color: #333;}

.homenews{padding:70px 0 100px;}
.homenews .featimg{ overflow:hidden;}
.homenews .featimg img{width: 100%; transition: all 1s;}
.homenews .featimg:hover img{ transform: scale(1.08);}
.newfeature .feattxt{padding:0 0 0 35px;}
.newfeature .feattxt h2{ font-size: 20px; line-height: 40px; color: #333;font-weight: bold;
text-overflow: -o-ellipsis-lastline;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
line-clamp: 2;
-webkit-box-orient: vertical;
 }
.newfeature .feattxt span{font-size: 14px; padding:30px 0; display: block;}
.newfeature .feattxt p{font-size: 14px; line-height: 36px;
text-overflow: -o-ellipsis-lastline;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 4;
line-clamp: 4;
-webkit-box-orient: vertical;
}
.newfeature .feattxt a.featbtn{ background: #f10909; display: inline-block; color: #fff; padding:15px 25px; font-size: 16px; margin-top: 30px; }
.newfeature .feattxt a.featbtn img{ width: 18px; }

.newlist{ padding-left: 60px; }
.newlist a{ display: block; overflow: hidden;}
.newlist img{ width: 100%; transition: all 1s; }
.newlist .layui-row h2{ font-size: 16px; line-height: 30px; font-weight: bold;}
.newlist .layui-row h2 a{
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
}
.newlist .layui-row p{ font-size: 14px; padding-top: 10px; }
.newlist li{ padding:20px 0; border-bottom: 1px solid #f4f4f4; }
.newlist .layui-row  .newlistxt{ padding-left: 15px; }
.newlist li .layui-row:hover .newlistimg a img{ transform: scale(1.08); }


.realeng{ position:absolute; top: -29px; text-align: center; width: 100%; }
.realeng img{ max-width: 100%; }












/*==========================================设备分辨率 开始=============================================*/


@media screen and (max-device-width:1000px) {}

/*================设备小于760px=========================*/

@media (max-width: 767px){

.heavy01{ padding:30px 0}
.heavy02{ padding:0 0 30px; }
.shut01{ margin-top: 30px; }
.shut02{ margin-top: 30px; }
.headtit{ padding:10px 10px; }
.headtit h2{ font-size: 20px;}
.headtit span{  letter-spacing: 1px; font-size: 14px; padding:15px 0;}
.headtit p{ font-size: 12px;letter-spacing: 2px; }
.headtit p::before{top: 8px; left: -40px; width:30px; height: 1px}
.headtit p::after{ top: 8px; right: -35px; width: 30px; height: 1px;}

.dry-dis{ padding:20px 0 0 30px; }
.dry01{ background: url(../images/index/pro_icon01.png) no-repeat 15px -30px ;}
.dry02{ background: url(../images/index/pro_icon02.png) no-repeat 15px -30px ;}
.dry-dis h2{ line-height: 20px;}
.dry-dis h2 span{ font-size: 16px;}
.dry-dis h2 p{ font-size: 12px; line-height: 20px;}
.dry-dis h2 a{ font-size: 12px;margin-top: 15px; }

.technology{ padding:20px 0 0;}

.skill span{ font-size: 14px;}
.skill span::before{left: -20px; width: 30px; }
.skill span::after{right: -20px; width: 30px; }

.large .layui-tab-title li{ font-size: 12px;padding: 0 15px; }

.introdu{padding:30px 0 0px; margin: 0;}
.introdu .introimg{  padding:0 0px; position: relative; }
.introdu .introimg h2 span{ font-size: 20px;  padding-bottom: 10px; }
.introdu .introimg h2 p{ font-size: 12px;padding-left: 45px; }
.introdu .introimg h2 p::before{top: 8px; width: 40px; height: 1px;}
.introdu .introimg h3{ font-size: 12px; line-height: 18px; margin-top: 20px; padding:0px 70px 0 0; }
.introdu .introimg h3 a{ width: 62px; height: 53px; }
.introimg div{margin-top: 20px}
.introimg div.videobox{
	 overflow: hidden; width: 100%;bottom: auto; position: relative; left: auto; z-index: 540;
}
.introimg div .handbtn img{ width: 35px; }
.introimg div .handbtn{  right: 15px; bottom: 15px; }
.introdu .introtxt{padding:20px 0px;}
.introdu .introtxt h3{ padding: 10px 0 20px; }
.introdu .introtxt h4{line-height: 22px; font-size: 14px;}
.introdu .introtxt h3 img{ width: 70% }

.realeng{ top: -16px;}
.realeng img{width: 90%; }

.homenews{padding:30px 0 50px;}
.newfeature .feattxt{padding:20px 0 0 0px;}
.newfeature .feattxt h2{ font-size: 16px; line-height: 20px;}
.newfeature .feattxt span{font-size: 12px; padding:15px 0; display: block;}
.newfeature .feattxt p{font-size: 14px; line-height: 24px;}
.newfeature .feattxt a.featbtn{padding:10px 15px; font-size: 12px; margin-top: 20px; }
.newfeature .feattxt a.featbtn img{ width: 18px; }

.newlist{ padding-left: 0px; margin-top: 20px; }
.newlist .layui-row h2{ font-size: 14px; line-height: 18px; }
.newlist .layui-row p{ font-size: 12px; padding-top: 10px; }
.newlist li{ padding:10px 0;  }
.newlist .layui-row  .newlistxt{ padding-left: 15px; }

.homenews .featimg{ height: 282px;}
.newlist li .newlistimg a{ height:90px;}


}


/*1280分辨率以上（大于1700px）*/
@media screen and (min-width: 1700px){

}

/*XXX分辨率以上（大于1500px）*/
@media screen and (min-width: 1500px) and (max-width: 1699px){


}


/*1280分辨率以上（大于1400px）*/
@media screen and (min-width: 1400px) and (max-width: 1499px){

}




/*1280分辨率以上（大于1200px）*/
@media screen and (min-width: 1200px) and (max-width: 1399px) {
 
.dry-dis{ padding:50px 0 0 70px; }
.dry01{ background: url(../images/index/pro_icon01.png) no-repeat 38px -20px ;}
.dry02{ background: url(../images/index/pro_icon02.png) no-repeat 38px -20px ;}
.dry-dis h2{ line-height: 20px;}
.dry-dis h2 span{ font-size: 18px;}
.dry-dis h2 p{ font-size: 14px; line-height: 30px;}
.dry-dis h2 a{ font-size: 14px;margin-top: 15px; }
.introdu .introtxt h3 img{ width: 350px;}

.newfeature .feattxt span{padding:15px 0;}
.newfeature .feattxt p{ line-height: 30px;}
.homenews .featimg{ height: 334px;}
.newlist{padding-left:35px;}
.newlist li .newlistimg a{ height:83px;}
.newlist li{ padding:0px 0 35px;}
.newlist .layui-row h2{ font-size: 16px; line-height: 24px;}


}
/*1100分辨率（大于960px，小于1199px）*/
@media screen and (min-width: 992px) and (max-width: 1199px) {

.dry-dis{ padding:40px 0 0 50px; }
.dry01{ background: url(../images/index/pro_icon01.png) no-repeat 28px -30px ;}
.dry02{ background: url(../images/index/pro_icon02.png) no-repeat 28px -30px ;}
.dry-dis h2{ line-height: 20px;}
.dry-dis h2 span{ font-size: 18px;}
.dry-dis h2 p{ font-size: 14px; line-height: 30px;}
.dry-dis h2 a{ font-size: 14px;margin-top: 15px; }

.introdu{ position: relative;}
.introdu .introtxt h3 img{ width: 260px;}
.introimg div.videobox{
	 overflow: hidden; margin-top: 20px; height: 245px; width: 100%;bottom: auto; position: relative; left: auto; z-index: 540;
}

.homenews{padding:30px 0 50px;}
.newfeature .feattxt{padding:0px 0 0 20px;}
.newfeature .feattxt h2{ font-size: 16px; line-height: 20px;}
.newfeature .feattxt span{font-size: 12px; padding:15px 0; display: block;}
.newfeature .feattxt p{font-size: 14px; line-height: 24px;}
.newfeature .feattxt a.featbtn{padding:10px 15px; font-size: 12px; margin-top: 20px; }
.newfeature .feattxt a.featbtn img{ width: 18px; }

.newlist{ padding-left: 20px; margin-top: 0px; }
.newlist .layui-row h2{ font-size: 14px; line-height: 18px; }
.newlist .layui-row p{ font-size: 12px; padding-top: 10px; }
.newlist li{ padding:10px 0;  }
.newlist .layui-row  .newlistxt{ padding-left: 15px; }
.homenews .featimg{ height: 266px;}
.newlist li .newlistimg a{ height:68px;}

}

/*880分辨率（大于769px，小于991px）*/
@media screen and (min-width: 768px) and (max-width: 991px) {



.heavy01{ padding:30px 0}
.heavy02{ padding:0 0 30px; }
.shut01{ margin-top: 30px; }
.shut02{ margin-top: 30px; }
.headtit{ padding:10px 10px; }
.headtit h2{ font-size: 20px;}
.headtit span{  letter-spacing: 1px; font-size: 14px; padding:15px 0;}
.headtit p{ font-size: 12px;letter-spacing: 2px; }
.headtit p::before{top: 8px; left: -40px; width:30px; height: 1px}
.headtit p::after{ top: 8px; right: -35px; width: 30px; height: 1px;}

.dry-dis{ padding:20px 0 0 30px; }
.dry01{ background: url(../images/index/pro_icon01.png) no-repeat 15px -30px ;}
.dry02{ background: url(../images/index/pro_icon02.png) no-repeat 15px -30px ;}
.dry-dis h2{ line-height: 20px;}
.dry-dis h2 span{ font-size: 16px;}
.dry-dis h2 p{ font-size: 12px; line-height: 20px;}
.dry-dis h2 a{ font-size: 12px;margin-top: 15px; }

.technology{ padding:20px 0 0;}

.skill span{ font-size: 14px;}
.skill span::before{left: -20px; width: 30px; }
.skill span::after{right: -20px; width: 30px; }

.large .layui-tab-title li{ font-size: 12px;padding: 0 15px; }

.introdu{padding:30px 0 0px; margin: 0;}
.introdu .introimg{  padding:0 0px; position: relative; }
.introdu .introimg h2 span{ font-size: 28px;  padding-bottom: 10px; }
.introdu .introimg h2 p{ font-size: 16px;padding-left: 45px; }
.introdu .introimg h2 p::before{top: 8px; width: 40px; height: 1px;}
.introdu .introimg h3{ font-size: 14px; line-height: 26px; margin-top: 20px; padding:0px 80px 0 0; }
.introdu .introimg h3 a{ width: 62px; height: 53px; }
.introimg div{margin-top: 0px; padding-top: 40px;}
.introimg div.videobox{
	 overflow: hidden; width: 100%;bottom: auto; position: relative; left: auto; z-index: 540;
}
.introimg div .handbtn img{ width: 45px; }
.introimg div .handbtn{  right: 15px; bottom: 15px; }
.introdu .introtxt{padding:0px 0 0 0px;}
.introdu .introtxt h3{ padding: 10px 0 20px; }
.introdu .introtxt h4{line-height: 30px; font-size: 16px;}
.introdu .introtxt h3 img{ }

.realeng{ top: -26px;}
.realeng img{width: 80%; }

.homenews{padding:30px 0 50px;}
.newfeature .feattxt{padding:0px 0 0 20px;}
.newfeature .feattxt h2{ font-size: 16px; line-height: 20px;}
.newfeature .feattxt span{font-size: 12px; padding:15px 0; display: block;}
.newfeature .feattxt p{font-size: 14px; line-height: 24px;}
.newfeature .feattxt a.featbtn{padding:10px 15px; font-size: 12px; margin-top: 20px; }
.newfeature .feattxt a.featbtn img{ width: 18px; }

.newlist ul{ display: flex; }
.newlist{ padding-left: 0px; margin: 20px -5px 0; }
.newlist .layui-row{ padding:0 5px;}
.newlist .layui-row h2{ font-size: 14px; line-height: 18px; }
.newlist .layui-row p{ font-size: 12px; padding-top: 5px; }
.newlist li{ padding:10px 0; flex:1;  }
.newlist .layui-row  .newlistxt{ padding-left: 10px; }
.homenews .featimg{ height: 264px;}
.newlist li .newlistimg a{ height:54px;}




}


















/*720分辨率（大于480px，小于767px）*/
@media only screen and (min-width: 480px) and (max-width: 767px){


}

 /*440分辨率以下（小于479px）*/
@media only screen and (max-width: 479px) {



}

 
 @media screen and (min-width: 1160px){

}