@media (min-width:1441px){/* DESKTOPS */
.popvideo{display:none;position:absolute;z-index:11;top:50%;left:50%;transform:translate(-50%,-50%);width:800px;}
	.video{padding-top:100px;position:relative;}
	.video video{width:100%;}
	.video span{position:absolute;top:100px;right:0;display:block;width:50px;height:50px;text-align:center;line-height:50px;background:#c00;color:#fff;cursor:pointer;}
.videomask{display:none;position:absolute;z-index:10;top:0;left:0;bottom:0;right:0;background:rgba(0,0,0,0.5);}


/* .banner图 */
.banner{height:80%;}
.banner .swiper-container{height:100%;}
.banner figure{overflow:hidden;position:relative;height:100%;}
.banner img{position:absolute;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;}
.banner section{position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);margin-top:200px;padding:0 5%;}
	.banner section dl{width:60%;text-shadow:0 0 5px rgba(0,0,0,0.5);}
	.banner section dt{color:#fff;font-size:40px;line-height:50px;margin-bottom:20px;}
	.banner section dd{color:#fff;font-size:22px;line-height:30px;margin-bottom:60px;}
	.banner section a{display:block;}
	.banner .iconfont{font-size:60px;}
	.banner .swiper-button-prev{left:5%;}
	.banner .swiper-button-next{right:5%;}



.title{margin-bottom:40px;overflow:hidden;line-height:30px;border-bottom:1px solid #eee;padding-bottom:20px;text-align:center;}
	.title h2{font-size:22px;}
	.title span{text-transform:uppercase;color:#999;}

	/* 关于我们 */
.about{overflow:hidden;background:#fff url(../images/bgabout.png) no-repeat center center;width:100%;height:100%;}
	.about .w{position:relative;z-index:1;}
		.abouttitle{position:absolute;bottom:100%;left:50%;transform:translateX(-50%);font-size:24px;line-height:40px;text-align:center;margin-bottom:0;opacity:0;transition:all 0.5s ease-out;}
		.aboutinfo{position:absolute;bottom:40%;margin-bottom:80px;left:100%;transform:translateX(-50%);font-size:16px;line-height:30px;width:70%;opacity:0;transition:all 0.6s ease-out;}
	
		.aboutnav{position:absolute;top:100%;left:50%;transform:translateX(-50%);width:80%;opacity:0;transition:all 0.8s ease-out;}
			.aboutnav ul {
				width: 890px;
				margin: 0 auto;
			}
			.aboutnav ul li {
				float: left;
				margin: 0px 25px;
			}
			.aboutnav ul li a {
				width: 128px;
				height: 128px;
				display: block;
				-moz-border-radius: 50%;
				-webkit-border-radius: 50%;
				border-radius: 50%;
				overflow: hidden;
				background: rgba(30,81,164,1);
				text-align: center;
			}
			/*.aboutnav ul li a:hover {
				background: rgba(163,210,16,0.5);
			}*/
			.aboutnav ul li a span {
				width: 100%;
				height: 54px;
				display: block;
				margin: 0 auto;
				font-size: 18px;
				font-weight: normal;
			}
			.aboutnav .p1, .aboutnav .p2 {
				width: 128px;
				height: 108px;
				padding-top: 20px;
				transition: 0.5s;
			}
			.aboutnav .p1 span {
				color: #fff;
			}
			.aboutnav .p2 span {
				color: #f08300;
			}
			.aboutnav .p1 .lvrun_icon1 {
				background: url(../images/icon1_0.png) center top no-repeat;
			}
			.aboutnav .p1 .lvrun_icon2 {
				background: url(../images/icon2_0.png) center top no-repeat;
			}
			.aboutnav .p1 .lvrun_icon3 {
				background: url(../images/icon3_0.png) center top no-repeat;
			}
			.aboutnav .p1 .lvrun_icon4 {
				background: url(../images/icon4_0.png) center top no-repeat;
			}
			.aboutnav .p1 .lvrun_icon5 {
				background: url(../images/icon5_0.png) center top no-repeat;
			}
			.aboutnav .p2 .lvrun_icon1 {
				background: url(../images/icon1_1.png) center top no-repeat;
			}
			.aboutnav .p2 .lvrun_icon2 {
				background: url(../images/icon2_1.png) center top no-repeat;
			}
			.aboutnav .p2 .lvrun_icon3 {
				background: url(../images/icon3_1.png) center top no-repeat;
			}
			.aboutnav .p2 .lvrun_icon4 {
				background: url(../images/icon4_1.png) center top no-repeat;
			}
			.aboutnav .p2 .lvrun_icon5 {
				background: url(../images/icon5_1.png) center top no-repeat;
			}
			.aboutnav ul li a:hover .p1 {
				margin-top: -128px;
			}
	
		.active .abouttitle{bottom:55%;margin-bottom:140px;opacity:1;}
		.active .aboutinfo{left:50%;opacity:1;}
		.active .aboutinfomore{left:50%;opacity:1;}
		.active .aboutnav{top:70%;opacity:1;margin-top:-80px;}

/* 产品中心 */

.machineclass{overflow:hidden;width:100%;height:100%;background: #f7f7f7;}
    .machineclasstitle{position:absolute;opacity:0;bottom:50%;left:50%;transform:translateX(-50%);font-size:24px;line-height:40px;text-align:center;margin-bottom:180px;opacity:1;transition:all 0.3s ease-out;}
    .machineslide {position:absolute;opacity:0;top:60%;left:50%;transform:translate(-50%,-50%);width:80%;}
		.machineclass {}
		.machineclass>ul {}
		.machineclass>ul>li {float: left;width: 13.78%;margin: 0 5px 30px 0;text-align: center;}
		.machineclass>ul>li>h3>a {
				display: block;
				text-align: center;
				font-size: 14px;
				line-height: 40px;
				background: #fff;
		}
		.machineclass>ul>li {}
		.machineclass>ul>li:hover a {background: #1e51a4;color: #fff;}
		.machineclass>ul>li>span {display: inline-block;background: #1e4a71;color: #fff;line-height: 40px;padding: 0 20px;margin: 0 0 30px;position: relative;cursor: pointer;}
		.machineclass>ul>li>span:after {content: '';display: block;position: absolute;top: 40px;left: 50%;transform: translateX(-50%);width: 1px;background: #1e4a71;height: 15px;}
		.machineclass>ul>li>ul {display: flex;}
		.machineclass>ul>li>ul>li {flex: 1;}
		.machineclass>ul>li>ul>li>span {position: relative;}
		.machineclass>ul>li>ul>li>span:before {content: '';display: block;position: absolute;top: -15px;left: 0;width: 120%;height: 1px;background: #1e4a71;}
		.machineclass>ul>li>ul>li>span:after {content: '';display: block;position: absolute;top: -15px;left: 50%;transform: translateX(-50%);width: 1px;background: #1e4a71;height: 15px;}
		.machineclass>ul>li>ul>li:first-child>span:before {left: 50%;}
		.machineclass>ul>li>ul>li:last-child>span:before {right: 50%;left: auto;}
		.machineclass>ul>li:nth-of-type(2n+1)>ul>li>span {display: inline-block;background: #F7FAFC;line-height: 40px;padding: 0 33px;}
		.machineclass>ul>li:nth-of-type(2n)>ul>li>span {display: inline-block;background: #F7FAFC;line-height: 40px;padding: 0 23px;}
		.machinemain {margin: 0 -10px;}
		.machinemainslide {}
		.machinemainslide .bd {}
		.machinemainslide .bd ul {}
		.machinemainslide .bd li {float: left;width: 24%;margin: 0 0.5%;}
		.machinemainslide .bd li a{display:block;background:#fff;}
		.machinemainslide .bd dl{text-align:center;padding:20px 20px 0;position:relative;}
			.machinemainslide .bd dl:before{content:'';display:block;position:absolute;top:60px;left:50%;transform:translateX(-50%);width:30px;height:2px;background:#333;}
			.machinemainslide .bd dt{font-size:18px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;line-height:30px;padding-bottom:30px;}				
			.machinemainslide .bd dd{}
			.machinemainslide .bd dd:nth-of-type(1){color:#999;height:40px;overflow:hidden;}
			.machinemainslide .bd dd:nth-of-type(2){display:none;}
			.machinemainslide .bd dd:nth-of-type(3){display:none;}
		.machinemainslide .bd h3{font-size:14px;font-weight:normal;padding:5px;line-height:30px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
		.machinemainslide .bd figure{padding: 0 5px;}
		.machinemainslide .bd figure img{width:100%;}
		.active .machineclasstitle{opacity:1;}
		.active .machineslide {opacity:1;padding-top:0;}


		/* 案例展示 */
.pclass{overflow:hidden;width:100%;height:100%;background: #f7f7f7;}
		.pclasstitle{position:absolute;bottom:50%;left:50%;transform:translateX(-50%);font-size:24px;line-height:40px;text-align:center;margin-bottom:180px;opacity:0;transition:all 0.3s ease-out;}
		.pclasslist{position:absolute;top:60%;left:50%;transform:translate(-50%,-50%);width:80%;}
			.pclasslist ul{}
			.pclasslist li{float:left;width:25%;height: 460px;text-align:center;padding-top:50px;opacity:0;}
			.pclasslist li:nth-of-type(1){transition:all 0.3s ease-out 0s;}
			.pclasslist li:nth-of-type(2){transition:all 0.3s ease-out 0.1s;}
			.pclasslist li:nth-of-type(3){transition:all 0.3s ease-out 0.2s;}
			.pclasslist li:nth-of-type(4){transition:all 0.3s ease-out 0.3s;}
			.pclasslist li:nth-of-type(5){transition:all 0.3s ease-out 0.4s;}
			.pclasslist li a{display:block;position:relative;height: 100%;}
			.pclasslist li a:after{content:'';display:block;position:absolute;top:0;left:0;bottom:0;right:0;background: rgba(0,0,0,0.6);transition:all 0.3s ease-out 0s;}
			.pclasslist li figure{overflow:hidden;height: 100%;}
			.pclasslist li figure img{height: 100%;}
			.pclasslist li section{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;padding:120px 30px;color:#fff;transition:all 0.3s ease-out 0s;}
			.pclasslist li section i{display:block;margin-bottom:20px;}
			.pclasslist li section dl{position:relative;padding-top:20px;}
			.pclasslist li section dl:before{content:'';display:block;position:absolute;top:-10px;left:50%;transform:translateX(-50%);width:50px;height:3px;border-radius:5px;background:#fff;}
			.pclasslist li section dt{font-size:24px;line-height:30px;margin-bottom:20px;}
			.pclasslist li section dd{opacity:0;transition:all 0.3s ease-out 0s;}
			.pclasslist li a:hover:after{background:rgba(30,81,164,0.6);}
			.pclasslist li a:hover figure img{transform:scale3d(1.05, 1.05, 1);}
			.pclasslist li a:hover section{padding:80px 30px;}
			.pclasslist li a:hover section dd{opacity:0.6;}
		.pclassmore{display: none;position:absolute;top:50%;left:50%;transform:translateX(-50%);text-align:center;opacity:0;margin-top:240px;transition:all 0.3s ease-out;}
			.pclassmore a{display:inline-block;position:relative;line-height:40px;background:#1E51A4;color:#fff;border:1px solid #1E51A4;border-radius:40px;overflow:hidden;padding:0 20px;}
			.pclassmore a:hover{background:none;color:#333;border:1px solid #333;border-radius:40px;overflow:hidden;padding:0 30px;}
		.active .pclasstitle{opacity:1;}
		.active .pclasslist li{opacity:1;padding-top:0;}

/* 新闻中心 */
.news{overflow:hidden;width:100%;height:100%;}
	.newstitle{position:absolute;top: 50%;left:50%;transform:translateX(-50%);font-size:24px;line-height:40px;margin-top: -200px;}
		.newstitle a{margin:0 20px;}
		.newstitle a:hover{color:#1E51A4;}
	.newslist{position:absolute;top:60%;left:50%;transform:translate(-50%,-50%);width:80%;}
		.newslist ul{overflow:hidden;margin:0 -1%;}
		.newslist li{float:left;width:23%;margin:0 1%;opacity:0;padding-top:50px;}
		.newslist li:nth-of-type(1){transition:all 0.3s ease-out 0s;}
		.newslist li:nth-of-type(2){transition:all 0.3s ease-out 0.1s;}
		.newslist li:nth-of-type(3){transition:all 0.3s ease-out 0.2s;}
		.newslist li:nth-of-type(4){transition:all 0.3s ease-out 0.3s;}
		.newslist li a{display:block;}
		.newslist li section{position:relative;min-height:80px;}
		.newslist li figure{overflow:hidden;height: 216px;width: 288px;}
		.newslist li figure img{height:100%;width: 100%;}		
		.newslist li dl{transition:all ease-out 0.3s;padding:20px 0;}
		.newslist li dt{font-size:16px;margin-bottom:10px;transition:all ease-out 0.3s;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
		.newslist li time{display:block;font-size:13px;transition:all ease-out 0.3s;margin-bottom:5px;color:#999;}
		.newslist li dd{color:#999;height:40px;overflow:hidden;}
		.newslist li i{display:inline-block;font-size:12px;font-style:normal;background:#1E51A4;color:#fff;padding:0 20px;border-radius:20px;line-height:30px;}
		.newslist li a:hover img{transform:scale3d(1.05, 1.05, 1);}
		.newslist li a:hover dl{}
		.newslist li a:hover dt{color:#1E51A4;}
	.active .newstitle{opacity:1;padding-top:0;}
	.active .newslist li {opacity:1;padding-top:0;}

/* 联系我们 */
.contact{overflow:hidden;width:100%;height:100%;background:#fff url(../images/bgcontact.png) no-repeat center center;}
   .contactwcl {
	    opacity:0;
    	position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        width: 80%;
    }
    .contactimg{
		float: left;
		width: 46%;
		padding-top: 20px;
	}
	.contacttxt{
		float: right;
		width: 46%;
		padding-top: 20px;
	}
	.prolist h2 {
		color: #616161;
        font-size: 22px;
        line-height: 28px;
        margin-bottom: 25px;
	}
	.prolist ul {
		margin-top: 30px;
        border-bottom: 1px solid rgb(115, 114, 114);
        padding-bottom: 30px;
	}
	.prolist ul li{
		display: inline-block;
		color: #616161;
		margin-right: 18px;
		font-size: 16px;
	}
	.contacttel {
		padding: 46px 0px 72px;
	}
	.contacttel p{
		color: #616161;
        font-size: 16px;
        line-height: 24px;
	}
    .contactwechat{
		position: relative;
    	margin-left: 45px;
		padding: 0 0 50px 106px;
        max-width: 316px;
    }
	.contactwechat img{
	    position: absolute;
        left: 0px;
        top: 0px;
	    width: 90px;
	}
	.contactwechat p{
		font-size: 14px;
		line-height: 30px;
	}

	.active .contactwcl {padding-top:0;opacity:1;}


	.mousetip{position:fixed;bottom:0;left:50%;transform:translateX(-50%);margin-bottom:0;width:60px;height:60px;text-align:center;}
	.mousetip i{display:inline-block;width:10px;height:10px;transform:rotate(45deg) translatex(-50%);border-bottom:2px solid #1E51A4;border-right:2px solid #1E51A4;position:absolute;left:50%;}
	.mousetip i{top:25px;animation:mousetipmc 1s infinite ease-in-out;-webkit-animation:mousetipmc 1s infinite ease-in-out;}
	@keyframes mousetipmc{
		0%{top:25px;opacity:0;}
		50%{top:35px;opacity:1;}
		100%{top:45px;opacity:0;}
	}
	.mousetip span{white-space:nowrap;text-align:center;color:#1E51A4;}

.flink{padding:20px 0;background:#f6f6f6;}

}
@media (min-width:1025px) and (max-width:1440px){/* LAPTOPS */
	.popvideo{display:none;position:absolute;z-index:11;top:50%;left:50%;transform:translate(-50%,-50%);width:800px;}
		.video{padding-top:100px;position:relative;}
		.video video{width:100%;}
		.video span{position:absolute;top:100px;right:0;display:block;width:50px;height:50px;text-align:center;line-height:50px;background:#c00;color:#fff;cursor:pointer;}
	.videomask{display:none;position:absolute;z-index:10;top:0;left:0;bottom:0;right:0;background:rgba(0,0,0,0.5);}
	
	
	/* .banner图 */
	.banner{height:80%;}
	.banner .swiper-container{height:100%;}
	.banner figure{overflow:hidden;position:relative;height:100%;}
	.banner img{position:absolute;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;}
	.banner section{position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);margin-top:200px;padding:0 5%;}
		.banner section dl{width:60%;text-shadow:0 0 5px rgba(0,0,0,0.5);}
		.banner section dt{color:#fff;font-size:40px;line-height:50px;margin-bottom:20px;}
		.banner section dd{color:#fff;font-size:22px;line-height:30px;margin-bottom:60px;}
		.banner section a{display:block;}
		.banner .iconfont{font-size:60px;}
		.banner .swiper-button-prev{left:5%;}
		.banner .swiper-button-next{right:5%;}
	
	
	
	.title{margin-bottom:40px;overflow:hidden;line-height:30px;border-bottom:1px solid #eee;padding-bottom:20px;text-align:center;}
		.title h2{font-size:22px;}
		.title span{text-transform:uppercase;color:#999;}
	
		/* 关于我们 */
.about{overflow:hidden;background:#fff url(../images/bgabout.png) no-repeat center center;width:100%;height:100%;}
		.about .w{position:relative;z-index:1;}
			.abouttitle{position:absolute;bottom:100%;left:50%;transform:translateX(-50%);font-size:24px;line-height:40px;text-align:center;margin-bottom:0;opacity:0;transition:all 0.5s ease-out;}
			.aboutinfo{position:absolute;bottom:20%;margin-bottom:80px;left:100%;transform:translateX(-50%);font-size:16px;line-height:30px;width:70%;opacity:0;transition:all 0.6s ease-out;}
		
			.aboutnav{position:absolute;top:100%;left:50%;transform:translateX(-50%);width:80%;opacity:0;transition:all 0.8s ease-out;}
				.aboutnav ul {
					width: 890px;
					margin: 0 auto;
				}
				.aboutnav ul li {
					float: left;
					margin: 0px 25px;
				}
				.aboutnav ul li a {
					width: 128px;
					height: 128px;
					display: block;
					-moz-border-radius: 50%;
					-webkit-border-radius: 50%;
					border-radius: 50%;
					overflow: hidden;
					background: rgba(30,81,164,1);
					text-align: center;
				}
				/*.aboutnav ul li a:hover {
					background: rgba(163,210,16,0.5);
				}*/
				.aboutnav ul li a span {
					width: 100%;
					height: 54px;
					display: block;
					margin: 0 auto;
					font-size: 18px;
					font-weight: normal;
				}
				.aboutnav .p1, .aboutnav .p2 {
					width: 128px;
					height: 108px;
					padding-top: 20px;
					transition: 0.5s;
				}
				.aboutnav .p1 span {
					color: #fff;
				}
				.aboutnav .p2 span {
					color: #f08300;
				}
				.aboutnav .p1 .lvrun_icon1 {
					background: url(../images/icon1_0.png) center top no-repeat;
				}
				.aboutnav .p1 .lvrun_icon2 {
					background: url(../images/icon2_0.png) center top no-repeat;
				}
				.aboutnav .p1 .lvrun_icon3 {
					background: url(../images/icon3_0.png) center top no-repeat;
				}
				.aboutnav .p1 .lvrun_icon4 {
					background: url(../images/icon4_0.png) center top no-repeat;
				}
				.aboutnav .p1 .lvrun_icon5 {
					background: url(../images/icon5_0.png) center top no-repeat;
				}
				.aboutnav .p2 .lvrun_icon1 {
					background: url(../images/icon1_1.png) center top no-repeat;
				}
				.aboutnav .p2 .lvrun_icon2 {
					background: url(../images/icon2_1.png) center top no-repeat;
				}
				.aboutnav .p2 .lvrun_icon3 {
					background: url(../images/icon3_1.png) center top no-repeat;
				}
				.aboutnav .p2 .lvrun_icon4 {
					background: url(../images/icon4_1.png) center top no-repeat;
				}
				.aboutnav .p2 .lvrun_icon5 {
					background: url(../images/icon5_1.png) center top no-repeat;
				}
				.aboutnav ul li a:hover .p1 {
					margin-top: -128px;
				}
		
			.active .abouttitle{bottom:55%;margin-bottom:140px;opacity:1;}
			.active .aboutinfo{left:50%;opacity:1;}
			.active .aboutinfomore{left:50%;opacity:1;}
			.active .aboutnav{top:83%;opacity:1;margin-top:-80px;}
	
	/* 产品中心 */
	
.machineclass{overflow:hidden;width:100%;height:100%;background: #f7f7f7;}
		.machineclasstitle{position:absolute;opacity:0;bottom:50%;left:50%;transform:translateX(-50%);font-size:24px;line-height:40px;text-align:center;margin-bottom:160px;opacity:1;transition:all 0.3s ease-out;}
		.machineslide {position:absolute;opacity:0;top:60%;left:50%;transform:translate(-50%,-50%);width:80%;}
			.machineclass {}
			.machineclass>ul {}
			.machineclass>ul>li {float: left;width: 13.75%;margin: 0 5px 20px 0;text-align: center;}
			.machineclass>ul>li>h3>a {
					display: block;
					text-align: center;
					font-size: 14px;
					line-height: 40px;
					background: #fff;
			}
			.machineclass>ul>li {}
			.machineclass>ul>li:hover a {background: #1e51a4;color: #fff;}
			.machineclass>ul>li>span {display: inline-block;background: #1e4a71;color: #fff;line-height: 40px;padding: 0 20px;margin: 0 0 30px;position: relative;cursor: pointer;}
			.machineclass>ul>li>span:after {content: '';display: block;position: absolute;top: 40px;left: 50%;transform: translateX(-50%);width: 1px;background: #1e4a71;height: 15px;}
			.machineclass>ul>li>ul {display: flex;}
			.machineclass>ul>li>ul>li {flex: 1;}
			.machineclass>ul>li>ul>li>span {position: relative;}
			.machineclass>ul>li>ul>li>span:before {content: '';display: block;position: absolute;top: -15px;left: 0;width: 120%;height: 1px;background: #1e4a71;}
			.machineclass>ul>li>ul>li>span:after {content: '';display: block;position: absolute;top: -15px;left: 50%;transform: translateX(-50%);width: 1px;background: #1e4a71;height: 15px;}
			.machineclass>ul>li>ul>li:first-child>span:before {left: 50%;}
			.machineclass>ul>li>ul>li:last-child>span:before {right: 50%;left: auto;}
			.machineclass>ul>li:nth-of-type(2n+1)>ul>li>span {display: inline-block;background: #F7FAFC;line-height: 40px;padding: 0 33px;}
			.machineclass>ul>li:nth-of-type(2n)>ul>li>span {display: inline-block;background: #F7FAFC;line-height: 40px;padding: 0 23px;}
			.machinemain {margin: 0 -10px;}
			.machinemainslide {}
			.machinemainslide .bd {}
			.machinemainslide .bd ul {}
			.machinemainslide .bd li {float: left;width: 24%;margin: 0 0.5%;}
			.machinemainslide .bd li a{display:block;background:#fff;}
			.machinemainslide .bd dl{text-align:center;padding:20px 20px 0;position:relative;}
				.machinemainslide .bd dl:before{content:'';display:block;position:absolute;top:60px;left:50%;transform:translateX(-50%);width:30px;height:2px;background:#333;}
				.machinemainslide .bd dt{font-size:18px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;line-height:30px;padding-bottom:30px;}				
				.machinemainslide .bd dd{}
				.machinemainslide .bd dd:nth-of-type(1){color:#999;height:40px;overflow:hidden;}
				.machinemainslide .bd dd:nth-of-type(2){display:none;}
				.machinemainslide .bd dd:nth-of-type(3){display:none;}
			.machinemainslide .bd h3{font-size:14px;font-weight:normal;padding:5px;line-height:30px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
			.machinemainslide .bd figure{padding: 0 5px;}
			.machinemainslide .bd figure img{width:100%;}
			.active .machineclasstitle{opacity:1;}
			.active .machineslide {opacity:1;padding-top:0;}
	
	
			/* 案例展示 */
	.pclass{overflow:hidden;width:100%;height:100%;background: #f7f7f7;}
			.pclasstitle{position:absolute;bottom:55%;left:50%;transform:translateX(-50%);font-size:24px;line-height:40px;text-align:center;margin-bottom:120px;opacity:0;transition:all 0.3s ease-out;}
			.pclasslist{position:absolute;top:57%;left:50%;transform:translate(-50%,-50%);width:80%;}
				.pclasslist ul{}
				.pclasslist li{float:left;width:25%;height: 330px;text-align:center;padding-top:50px;opacity:0;}
				.pclasslist li:nth-of-type(1){transition:all 0.3s ease-out 0s;}
				.pclasslist li:nth-of-type(2){transition:all 0.3s ease-out 0.1s;}
				.pclasslist li:nth-of-type(3){transition:all 0.3s ease-out 0.2s;}
				.pclasslist li:nth-of-type(4){transition:all 0.3s ease-out 0.3s;}
				.pclasslist li:nth-of-type(5){transition:all 0.3s ease-out 0.4s;}
				.pclasslist li a{display:block;position:relative;height: 100%;}
				.pclasslist li a:after{content:'';display:block;position:absolute;top:0;left:0;bottom:0;right:0;background: rgba(0,0,0,0.6);transition:all 0.3s ease-out 0s;}
				.pclasslist li figure{overflow:hidden;height: 100%;}
				.pclasslist li figure img{height: 100%;}
				.pclasslist li section{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;padding:120px 30px;color:#fff;transition:all 0.3s ease-out 0s;}
				.pclasslist li section i{display:block;margin-bottom:20px;}
				.pclasslist li section dl{position:relative;padding-top:20px;}
				.pclasslist li section dl:before{content:'';display:block;position:absolute;top:-10px;left:50%;transform:translateX(-50%);width:50px;height:3px;border-radius:5px;background:#fff;}
				.pclasslist li section dt{font-size:24px;line-height:30px;margin-bottom:20px;}
				.pclasslist li section dd{opacity:0;transition:all 0.3s ease-out 0s;}
				.pclasslist li a:hover:after{background:rgba(30,81,164,0.6);}
				.pclasslist li a:hover figure img{transform:scale3d(1.05, 1.05, 1);}
				.pclasslist li a:hover section{padding:80px 30px;}
				.pclasslist li a:hover section dd{opacity:0.6;}
			.pclassmore{display: none;position:absolute;top:50%;left:50%;transform:translateX(-50%);text-align:center;margin-top:240px;opacity:1;transition:all 0.3s ease-out;}
				.pclassmore a{display:inline-block;position:relative;line-height:40px;background:#1E51A4;color:#fff;border:1px solid #1E51A4;border-radius:40px;overflow:hidden;padding:0 20px;}
				.pclassmore a:hover{background:none;color:#333;border:1px solid #333;border-radius:40px;overflow:hidden;padding:0 30px;}
			.active .pclasstitle{opacity:1;}
			.active .pclasslist li{opacity:1;padding-top:0;}
	
	/* 新闻中心 */
	.news{overflow:hidden;width:100%;height:100%;}
		.newstitle{position:absolute;top: 55%;left:50%;transform:translateX(-50%);font-size:24px;line-height:40px;margin-top: -210px;}
			.newstitle a{margin:0 20px;}
			.newstitle a:hover{color:#1E51A4;}
		.newslist{position:absolute;top:60%;left:50%;transform:translate(-50%,-50%);width:80%;}
			.newslist ul{overflow:hidden;margin:0 -1%;}
			.newslist li{float:left;width:23%;margin:0 1%;opacity:0;padding-top:50px;}
			.newslist li:nth-of-type(1){transition:all 0.3s ease-out 0s;}
			.newslist li:nth-of-type(2){transition:all 0.3s ease-out 0.1s;}
			.newslist li:nth-of-type(3){transition:all 0.3s ease-out 0.2s;}
			.newslist li:nth-of-type(4){transition:all 0.3s ease-out 0.3s;}
			.newslist li a{display:block;}
			.newslist li section{position:relative;min-height:80px;}
			.newslist li figure{overflow:hidden;height: 180px;width: 240px;}
			.newslist li figure img{height:100%;width: 100%;}		
			.newslist li dl{transition:all ease-out 0.3s;padding:20px 0;}
			.newslist li dt{font-size:16px;margin-bottom:10px;transition:all ease-out 0.3s;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
			.newslist li time{display:block;font-size:13px;transition:all ease-out 0.3s;margin-bottom:5px;color:#999;}
			.newslist li dd{color:#999;height:40px;overflow:hidden;}
			.newslist li i{display:inline-block;font-size:12px;font-style:normal;background:#1E51A4;color:#fff;padding:0 20px;border-radius:20px;line-height:30px;}
			.newslist li a:hover img{transform:scale3d(1.05, 1.05, 1);}
			.newslist li a:hover dl{}
			.newslist li a:hover dt{color:#1E51A4;}
		.active .newstitle{opacity:1;padding-top:0;}
		.active .newslist li {opacity:1;padding-top:0;}
	
	/* 联系我们 */
	.contact{overflow:hidden;width:100%;height:100%;background:#fff url(../images/bgcontact.png) no-repeat center center;}
	.contactwcl {
		opacity: 0;
		 position: absolute;
		 top: 52%;
		 left: 50%;
		 transform: translate(-50%,-50%);
		 width: 80%;
	 }
	 .contactimg{
		 float: left;
		 width: 46%;
		 padding-top: 20px;
	 }
	 .contacttxt{
		 float: right;
		 width: 46%;
		 padding-top: 20px;
	 }
	 .prolist h2 {
		 color: #616161;
		 font-size: 22px;
		 line-height: 28px;
		 margin-bottom: 25px;
	 }
	 .prolist ul {
		 margin-top: 20px;
		 border-bottom: 1px solid rgb(115, 114, 114);
		 padding-bottom: 20px;
	 }
	 .prolist ul li{
		 display: inline-block;
		 color: #616161;
		 margin-right: 18px;
		 font-size: 16px;
	 }
	 .contacttel {
		 padding: 25px 0px;
	 }
	 .contacttel p{
		 color: #616161;
		 font-size: 16px;
		 line-height: 24px;
	 }
	 .contactwechat{
		 position: relative;
		 margin-left: 30px;
		 padding: 0 0 10px 106px;
		 max-width: 316px;
	 }
	 .contactwechat img{
		 position: absolute;
		 left: 0px;
		 top: 0px;
		 width: 90px;
	 }
	 .contactwechat p{
		 font-size: 14px;
		 line-height: 30px;
	 }
		.active .contactwcl {padding-top:0;opacity:1;}
	
	
		.mousetip{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:60px;height:50px;text-align:center;}
		.mousetip i{display:inline-block;width:10px;height:10px;transform:rotate(45deg) translatex(-50%);border-bottom:2px solid #1E51A4;border-right:2px solid #1E51A4;position:absolute;left:50%;}
		.mousetip i{top:20px;animation:mousetipmc 1s infinite ease-in-out;-webkit-animation:mousetipmc 1s infinite ease-in-out;}
		@keyframes mousetipmc{
			0%{top:20px;opacity:0;}
			50%{top:25px;opacity:1;}
			100%{top:30px;opacity:0;}
		}
		.mousetip span{white-space:nowrap;text-align:center;color:#1E51A4;}
	
	.flink{padding:20px 0;background:#f6f6f6;}
	
	}


@media (max-width:1024px){/* MOBILE */
.banner{}
	.banner figure{overflow:hidden;position:relative;height:180px;}
	.banner img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);height:180px;}
	.banner section{position:absolute;left:20px;right:20px;bottom:20px;}
		.banner section dl{text-shadow:0 0 5px rgba(0,0,0,0.5);}
		.banner section dt{color:#fff;font-size:17px;margin-bottom:10px;}
		.banner section dd{color:#fff;font-size:12px;}
		.banner section a{display:block;}
		.banner .iconfont{font-size:60px;color:#fe0007;}
		.banner .swiper-button-prev{left:0;}
		.banner .swiper-button-next{right:0;}


.title{margin-bottom:40px;overflow:hidden;line-height:30px;border-bottom:1px solid #eee;padding-bottom:20px;text-align:center;}
	.title h2{font-size:22px;}
	.title span{text-transform:uppercase;color:#999;}


.about{overflow:hidden;background:#fff url(../images/bgabout.png) no-repeat center center;padding:30px 20px;}
	.about .w{position:relative;z-index:1;}
		.abouttitle{font-size:18px;text-align:center;margin-bottom:10px;transition:all 0.5s ease-out;font-weight:bold;}
		.aboutinfo{font-size:13px;transition:all 0.6s ease-out;margin-bottom:20px;}
		.aboutinfomore{margin-bottom:80px;transition:all 0.7s ease-out;text-align:center;}
			.aboutinfomore a{display:inline-block;position:relative;line-height:40px;background:#1E51A4;color:#fff;border:1px solid #1E51A4;border-radius:40px;overflow:hidden;padding:0 20px;}
			.aboutinfomore a:hover{background:none;color:#333;border:1px solid #333;border-radius:40px;overflow:hidden;padding:0 30px;}
	
		.aboutnav{transition:all 0.8s ease-out;display: none;}

	/* 产品中心 */
	
.machineclass{overflow:hidden;padding:20px 10px 10px;background: #f7f7f7;}
	.machineclasstitle{font-size:18px;line-height:40px;text-align:center;transition:all 0.3s ease-out;font-weight: bold;}
	.machineslide {

	}
		.machineclass>ul>li {float: left;width: 47.75%;margin: 0 5px 20px 0;text-align: center;}
		.machineclass>ul>li>h3>a {
				display: block;
				text-align: center;
				font-size: 14px;
				line-height: 40px;
				background: #fff;
		}
		.machineclass>ul>li {}
		.machineclass>ul>li:hover a {background: #1e51a4;color: #fff;}
		.machineclass>ul>li>span {display: inline-block;background: #1e4a71;color: #fff;line-height: 40px;padding: 0 20px;margin: 0 0 30px;position: relative;cursor: pointer;}
		.machineclass>ul>li>span:after {content: '';display: block;position: absolute;top: 40px;left: 50%;transform: translateX(-50%);width: 1px;background: #1e4a71;height: 15px;}
		.machineclass>ul>li>ul {display: flex;}
		.machineclass>ul>li>ul>li {flex: 1;}
		.machineclass>ul>li>ul>li>span {position: relative;}
		.machineclass>ul>li>ul>li>span:before {content: '';display: block;position: absolute;top: -15px;left: 0;width: 120%;height: 1px;background: #1e4a71;}
		.machineclass>ul>li>ul>li>span:after {content: '';display: block;position: absolute;top: -15px;left: 50%;transform: translateX(-50%);width: 1px;background: #1e4a71;height: 15px;}
		.machineclass>ul>li>ul>li:first-child>span:before {left: 50%;}
		.machineclass>ul>li>ul>li:last-child>span:before {right: 50%;left: auto;}
		.machineclass>ul>li:nth-of-type(2n+1)>ul>li>span {display: inline-block;background: #F7FAFC;line-height: 40px;padding: 0 33px;}
		.machineclass>ul>li:nth-of-type(2n)>ul>li>span {display: inline-block;background: #F7FAFC;line-height: 40px;padding: 0 23px;}
		.machinemain {margin: 0 -10px;}
		.machinemainslide {padding: 0 10px;}
		.machinemainslide .bd {}
		.machinemainslide .bd ul {}
		.machinemainslide .bd li {float: left;width: 49%;margin: 0 0.5% 10px;}
		.machinemainslide .bd li a{display:block;background:#fff;}
		.machinemainslide .bd dl{text-align:center;padding:20px 20px 0;position:relative;}
			.machinemainslide .bd dl:before{content:'';display:block;position:absolute;top:60px;left:50%;transform:translateX(-50%);width:30px;height:2px;background:#333;}
			.machinemainslide .bd dt{font-size:12px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;line-height:30px;padding-bottom:30px;}				
			.machinemainslide .bd dd{}
			.machinemainslide .bd dd:nth-of-type(1){color:#999;height:40px;overflow:hidden;}
			.machinemainslide .bd dd:nth-of-type(2){display:none;}
			.machinemainslide .bd dd:nth-of-type(3){display:none;}
		.machinemainslide .bd h3{font-size:14px;font-weight:normal;padding:5px;line-height:30px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
		.machinemainslide .bd figure{padding: 0 5px;}
		.machinemainslide .bd figure img{width:100%;}



.pclass{padding:30px 20px;}
	.pclasstitle{font-size:18px;line-height:30px;text-align:center;font-weight:bold;margin-bottom:20px;}
	.pclasslist{margin-bottom:20px;}
		.pclasslist ul{}
		.pclasslist li{float:left;width:50%;text-align:center;}
		.pclasslist li:nth-of-type(1){width:50%;transition:all 0.3s ease-out 0s;}
		.pclasslist li:nth-of-type(2){width:50%;transition:all 0.3s ease-out 0.1s;}
		.pclasslist li:nth-of-type(5){display:none;width:33.33%;transition:all 0.3s ease-out 0.4s;}
		.pclasslist li a{display:block;position:relative;}
		.pclasslist li a:after{content:'';display:block;position:absolute;top:0;left:0;bottom:0;right:0;background:rgba(0,0,0,0.6);transition:all 0.3s ease-out 0s;}
		.pclasslist li figure{overflow:hidden;}
		.pclasslist li figure img{width:100%;}
		.pclasslist li section{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;color:#fff;transition:all 0.3s ease-out 0s;padding:50px 0;}
		.pclasslist li section i{display:block;margin-bottom:20px;}
		.pclasslist li section i img{width:60px;}
		.pclasslist li section dl{position:relative;padding-top:20px;}
		.pclasslist li section dl:before{content:'';display:block;position:absolute;top:-10px;left:50%;transform:translateX(-50%);width:50px;height:3px;border-radius:5px;background:#fff;}
		.pclasslist li section dt{font-size:14px;margin-bottom:20px;}
		.pclasslist li section dd{display:none;transition:all 0.3s ease-out 0s;}
	.pclassmore{text-align:center;opacity:1;transition:all 0.3s ease-out;}
		.pclassmore a{display:inline-block;position:relative;line-height:40px;background:#1E51A4;color:#fff;border:1px solid #1E51A4;border-radius:40px;overflow:hidden;padding:0 20px;}
		.pclassmore a:hover{background:none;color:#333;border:1px solid #333;border-radius:40px;overflow:hidden;padding:0 30px;}



	


.news{padding:30px 20px;}
	.newstitle{font-size:18px;text-align:center;margin-bottom:20px;}
		.newstitle a{font-size:16px;margin:0 10px;}
		.newstitle a:hover{color:#1E51A4;}
	.newslist{margin-bottom:20px;}
		.newslist ul{overflow:hidden;margin:0 -1%;}
		.newslist li{float:left;width:48%;margin:0 1% 20px;}
		.newslist li:nth-of-type(1){transition:all 0.3s ease-out 0s;}
		.newslist li:nth-of-type(2){transition:all 0.3s ease-out 0.1s;}
		.newslist li:nth-of-type(3){transition:all 0.3s ease-out 0.2s;}
		.newslist li:nth-of-type(4){transition:all 0.3s ease-out 0.3s;}
		.newslist li a{display:block;}
		.newslist li section{position:relative;min-height:80px;overflow: hidden;}
		.newslist li figure{overflow:hidden;height: 165px;width: 165px;}
		.newslist li figure img{width:100%;height: 100%;}		
		.newslist li dl{transition:all ease-out 0.3s;padding:20px 0;}
		.newslist li dt{font-size:13px;margin-bottom:5px;transition:all ease-out 0.3s;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
		.newslist li time{display:block;transition:all ease-out 0.3s;margin-bottom:5px;color:#999;}
		.newslist li dd{color:#999;height:40px;overflow:hidden;}
		.newslist li i{display:inline-block;font-size:12px;font-style:normal;background:#1E51A4;color:#fff;padding:0 20px;border-radius:20px;line-height:30px;}
		.newslist li a:hover img{transform:scale3d(1.05, 1.05, 1);}
		.newslist li a:hover dl{}
		.newslist li a:hover dt{color:#1E51A4;}

/* 联系我们 */
	.contact{overflow:hidden;background:#fff url(../images/bgcontact.png) no-repeat center center;}
	.contactwcl {
		padding:0 10px 30px;
	 }
	 .contactimg{
		 padding-top: 20px;
	 }
	 .contactimg img {width: 100%;}
	 .contacttxt{
		 padding-top: 20px;
	 }
	 .prolist h2 {
		 color: #616161;
		 font-size: 18px;
		 line-height: 28px;
		 margin-bottom: 25px;
	 }
	 .prolist ul {
		 margin-top: 20px;
		 border-bottom: 1px solid rgb(115, 114, 114);
		 padding-bottom: 20px;
	 }
	 .prolist ul li{
		 display: inline-block;
		 color: #616161;
		 margin-right: 18px;
		 font-size: 16px;
	 }
	 .contacttel {
		 padding: 25px 0px;
	 }
	 .contacttel p{
		 color: #616161;
		 font-size: 16px;
		 line-height: 24px;
	 }
	 .contactwechat{
		 position: relative;
		 margin-left: 30px;
		 padding: 0 0 10px 106px;
		 max-width: 316px;
	 }
	 .contactwechat img{
		 position: absolute;
		 left: 0px;
		 top: 0px;
		 width: 90px;
	 }
	 .contactwechat p{
		 font-size: 12px;
	 }

.mousetip{display:none;position:fixed;bottom:0;left:50%;transform:translateX(-50%);margin-bottom:0;width:60px;height:60px;text-align:center;}
	.mousetip i{display:inline-block;width:10px;height:10px;transform:rotate(45deg) translatex(-50%);border-bottom:2px solid #1E51A4;border-right:2px solid #1E51A4;position:absolute;left:50%;}
	.mousetip i{top:25px;animation:mousetipmc 1s infinite ease-in-out;-webkit-animation:mousetipmc 1s infinite ease-in-out;}
	@keyframes mousetipmc{
		0%{top:25px;opacity:0;}
		50%{top:35px;opacity:1;}
		100%{top:45px;opacity:0;}
	}
	.mousetip span{white-space:nowrap;text-align:center;color:#1E51A4;}

.flink{padding:20px 0;background:#f6f6f6;}
}

.popvideo{display:none;position:absolute;z-index:11;top:50%;left:50%;transform:translate(-50%,-50%);width:800px;}
	.video{padding-top:100px;position:relative;}
	.video video{width:100%;}
	.video span{position:absolute;top:100px;right:0;display:block;width:50px;height:50px;text-align:center;line-height:50px;background:#c00;color:#fff;cursor:pointer;}
.videomask{display:none;position:absolute;z-index:10;top:0;left:0;bottom:0;right:0;background:rgba(0,0,0,0.5);}