* 
{
	padding: 0;
	margin: 0;
	box-sizing: border-box;
}
@media (min-width:1025px){/* DESKTOPS */
.banner{position:relative;}
	.banner a{display:block;}
	.banner figure{}
	.banner img{width: 100%;}
	.banner section{position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);-webkit-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 .iconfont{font-size:50px;}
		.banner .swiper-button-prev{left:5%;}
		.banner .swiper-button-next{right:5%;}

.title{margin-bottom:40px;overflow:hidden;text-align:center;color: #fff;}
	.title h2{font-size:32px;line-height:40px;font-weight:normal;position:relative;margin-bottom:10px;}
	.title h2 span{position:relative;display:inline-block;}

	.title p{opacity:0.8;font-size:12px;text-transform:uppercase;}

.about{padding:80px 0 0;position:relative;background:#b9b9b9;}
	.aboutmix{}
		.aboutmixcover{float:right;}
			.aboutmixcover figure{overflow:hidden;}
			.aboutmixcover img{width:100%;}
		.aboutmixinfo{float:left;}
			.aboutmain{}
				.aboutmaintitle{margin-bottom:40px;}
					.aboutmaintitle h2{
						font: 26px "Microsoft YaHei UI";
                        font-weight: normal;
                        color: #fbf3f1;
                        padding-bottom: 10px;
						letter-spacing: 3px;
						line-height: 50px;
					}
					.aboutmaintitle h2 em {
						display: block;
						text-transform: uppercase;
						font: 78px Arial, Helvetica, sans-serif;
						font-weight: bold;
						color: #e7e7e7;
					}
					.aboutmaintitle h2 b {
						color: #0050be;
					}
					.aboutmaintitle p{font-size:12px;text-transform:uppercase;}
				.aboutmaininfo{}
					.aboutmaininfo h2{font-size:36px;line-height:40px;margin-bottom:40px;position:relative;}
					.aboutmaininfo h2:after{content:'';display:block;position:absolute;top:60px;left:0;width:50px;height:2px;background:#fff;}
					.aboutmaininfo dl{margin-bottom:20px;}
					.aboutmaininfo dt{font-size:24px;line-height:30px;margin-bottom:30px;color:#0050be;}
					.aboutmaininfo dd{font-size:15px;line-height:25px;display: inline-block;padding:10px 20px;background: #2d2d2d;color: #fff;letter-spacing: 3px;}
				.aboutnumlist{margin-top:30px;}
					.aboutnumlist ul{overflow:hidden;}
					.aboutnumlist li{float:left;width:25%;padding:15px 0 15px 40px;box-sizing:border-box;position:relative;}
					.aboutnumlist li:before{content:'';display:block;position:absolute;top:0;left:0;bottom:0;width:1px;background:#ccc;}
					.aboutnumlist li:after{content:'';display:block;position:absolute;top:0;left:0;height:30px;width:2px;background:#0050be;}
					.aboutnumlist li strong{font-family:'sysfont';font-size:55px;line-height:60px;color:#0050be;}
					.aboutnumlist li p{margin-top:0;}
					.aboutnumlist li i{}
				.aboutnav{margin-top:40px;}
					.aboutnav ul{display:flex;margin:0 -1%;}
					.aboutnav li{flex:1;margin:0 1%;}
					.aboutnav li a{display:block;text-align:center;background:#eef2f6;padding:20px 0;border-bottom:2px solid #0050be;border-radius:3px;}
					.aboutnav li figure svg{font-size:40px;}
					.aboutnav li h3{font-size:14px;font-weight:normal;}



.product{padding:80px 0;background:#b9b9b9;}
.productlist {
	position: relative;
    width: 100%;
    max-width: 1600px;
    margin: 0 auto;
    padding: 0px;
    display: flex;
    flex-wrap: wrap;
}

.productlist .showImgBox{
	position: relative;
	position: static;
    width: 50%;
    height: 100%;
	border: 5px solid #b9b9b9;
    right: 1rem;
    top: 1rem;
    overflow: hidden;
}
.showImgBox a {
	display: block;
}
.showImgBox img {
	width: 100%;
}
.showImgBox:hover img {
	transform: translate(5%,-5%) ;
	/* box-shadow:5px 10px 20px 5px rgba(0,0,0,0.1); */
}
.productlist .contentBox {
    width: 50%;
	
}
.content {
	padding:  45px;
}
.contentBox .proTitle {
    font-size: 25px;
    color: #fff;
    margin-bottom: 20px;
}
.contentBox .proMs {
    width: 100%;
    font-size: 0.875rem;
    overflow: hidden;
    line-height: 2rem;
    color: #e3e1de;
}
.more {
    width: 120px;
    height: 50px;
    text-align: center;
    background-color: #4e4e4e;
    color: rgba(255, 255, 255, 1);
    margin-top: 40px;
    transition: all 0.3s ease;
}
.more:hover {
	border-radius: 10px;
}

.more a {
	display: block;
	text-align: center;
    font-size: 16px;
	line-height: 50px;
	color: #fff;
}
	.producttab{
		position: relative;
		width: 100%;
		margin: 0 auto;
		height: auto;
		padding: 0px;
		margin-top: 50px;
	}
	.producttab .swiper-slide {
		width: calc(100% / 5) !important;
        height: 100%;
        float: left;
        /* opacity: 0.5; */
        transition: all .5s ease;
	} 
	.producttab .swiper-slide a{
		display: block;
		width: 100%;
        padding: 0 10px;
		
	}
	.producttab .swiper-slide img{
		width: 100%;
    height: auto;
	border: 5px solid #fff;

	}
		.producttab h3{text-align:center;}
		.producttab h3 a{display:inline-block;font-size:18px;line-height:40px;position:relative;}
		.producttab h3 a:before{content:'';display:block;position:absolute;top:0;left:0;right:0;bottom:0;background:#fff;transform:skewX(-15deg);border:1px solid #eee;transition:all 0.3s ease-out 0s;}
		.producttab h3 a span{display:inline-block;position:relative;z-index:1;padding:0 50px;transition:all 0.3s ease-out 0s;}
		.producttab h3 a:hover,.productclass .swiper-slide-active h3 a{color:#fff;}
		.producttab h3 a:hover:before,.productclass .swiper-slide-active h3 a:before{background:#0050be;border:1px solid #0050be;}
		.producttab h3 a:hover span,.productclass .swiper-slide-active h3 a span{padding:0 60px;}
		.producttab .swiper-pagination{display:none;}
	.productcon {width: 100%;margin: 0 auto;}
	.productcon .swiper-pagination{display:none;}
		.productcon ol{overflow:hidden;border-top:1px solid #eee;border-left:1px solid #eee;margin-bottom:40px;}
		.productcon ol li{float:left;width:55.7%;box-sizing:border-box;border-right:1px solid #eee;border-bottom:1px solid #eee;}
		.productcon ol li:first-child{width:44.3%;}
		.productcon ol a{display:block;padding:40px;background:#fff;overflow:hidden;}
		.productcon ol figure{float:left;width:212px;margin-bottom:1px;position:relative;background:#000;overflow:hidden;margin-bottom:20px;margin-right:40px;}
		.productcon ol figcaption{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0;transition:all 0.3s ease-out 0s;}
		.productcon ol figcaption i{font-size:30px;display:inline-block;background:#0050be;width:30px;height:30px;border-radius:30px;line-height:30px;color:#fff;padding:10px;}
		.productcon ol img{width:100%;}
		.productcon ol section{}
		.productcon ol h3{font-size:22px;line-height:40px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;color:#0050be;}
		.productcon ol h4{font-weight:normal;font-size:14px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;margin-bottom:20px;}
		.productcon ol p{overflow:hidden;color:#999;}
		.productcon ol span{}
		.productcon ol a:hover figcaption{opacity:1;}
		.productcon ol a:hover img{opacity:0.5;transform:scale3d(1.05, 1.05, 1);}
		.productcon ol li:first-child figure{float:none;width:100%;}
		.productcon ul{overflow:hidden;margin:0 -1%;}
		.productcon ul li{float:left;width:23%;margin:0 1%;}
		.productcon ul li a{display:block;}
		.productcon ul li figure{position:relative;overflow:hidden;margin-bottom:10px;border:1px solid #eee;}
		.productcon ul li figcaption{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0;transition:all 0.3s ease-out 0s;}
		.productcon ul li figcaption i{font-size:30px;display:inline-block;background:#0050be;width:30px;height:30px;border-radius:30px;line-height:30px;color:#fff;padding:10px;}
		.productcon ul li img{width:100%;}
		.productcon ul li h3 i{float:right;}
		.productcon ul li a:hover figcaption{opacity:1;}
		.productcon ul li a:hover img{opacity:0.8;}
.xNewBox {
color: #fff;
}
		.p_news {
			padding: 0px;
			background: #2d2d2d;
			margin: 0;
            width: inherit;
            height: auto;
            overflow: hidden;
		}
		.xNewList {
			position: relative;
			border-bottom: 0px solid #f2f2f2;
			background: #2d2d2d;
			width: 100%;
			height: 0px;
			padding-bottom: 28%;
			transition: all 600ms ease;
		}
		.lineRed{ position:absolute; left:0px; bottom:0px; width:0px; height:5px; background:#c7000a; transition:all 600ms ease; }
		.xNewList:hover .lineRed{ width:100%; }
		.xNewList:hover .pic{ transform:scale(1.1); } 
		.listContents {
			position: absolute;
			left: 0px;
			top: 0px;
			width: 100%;
			height: 100%;
			display: flex;
			flex-wrap: nowrap;
		}
		.newPic {
			width: 50%;
			overflow: hidden;
			position: relative;
		}
		 .pic {
			width: 100%;
			height: 100%;
			transition: all 600ms ease;
		}
		.listContent {
			position: relative;
			width: 50%;
			padding: 4vw 7vw;
			text-align: center;
			letter-spacing: 2px;
		}
		.part1 .biaoti {
			line-height: 50px;
			font-size: 20px;
			margin-bottom: 80px;
		}
		.part2 .biaoti {
			line-height: 50px;
			font-size: 20px;
			margin-bottom: 40px;
		}
		.listContent .shuzi span {
			padding: 0 15px;
		}
		.listContent .shuzi span i {
			font-size: 40px;
			font-style: normal;
		}
		.listContent .wenzi {
			line-height: 40px;
		}
		.xNewList:nth-child(2n) .listContents {
			flex-direction: row-reverse;
		}
		.part1:hover {
			box-shadow: 4px 20px 40px 5px rgba(0,0,0,0.1);
		}

.advan{padding:80px 0;background:#333 url(../images/bgadvan.jpg) no-repeat center center;background-size:cover;position:relative;}
		.advan .wcol{position:relative;z-index:2;}
			.advan .title{color:#fff;}
			.advannav{}
				.advannav ul{overflow:hidden;margin:0 -1%;}
				.advannav li{float:left;width:23%;margin:0 1%;text-align:center;}
				.advannav li a{display:block;color:#fff;padding:30px;border-radius:10px;}
				.advannav li a:hover{background:rgba(0,80,190,0.4);color:#fff;transform:translateY(5px);}
				.advannav li figure{width: 150px;margin: auto;}
				.advannav li figure img {width: 100%;}
				.advannav li dl{}
				.advannav li dt{font-size:18px;position:relative;margin-bottom:40px;}
				.advannav li dt:after{content:'';display:block;position:absolute;top:40px;left:50%;transform:translateX(-50%);width:30px;height:1px;background:#fff;opacity:0.5;}
				.advannav li dd{height:60px;overflow:hidden;opacity:0.7;}
				.advannav li span{opacity:0.6;text-transform:uppercase;font-size:12px;}
.catalogue{padding:80px 0;}
	.cataloguelist{}
		.cataloguelist>ul{border-top:1px solid #ddd;}
		.cataloguelist>ul>li{display:flex;border-bottom:1px solid #ddd;border-right:1px solid #ddd;align-content:center;transition:all 0.3s ease-out 0s;}
		.cataloguelist>ul>li:hover{background:#eee;}
		.cataloguelist>ul>li>h3{flex:0 0 200px;background:#ccc;text-align:center;position:relative;}
		.cataloguelist>ul>li>h3>span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
		.cataloguelist>ul>li>ul{flex:1;padding:10px 20px;}
		.cataloguelist>ul>li>ul>li{float:left;width:12.5%;text-align:center;position:relative;padding:5px 0;}
		.cataloguelist>ul>li>ul>li>span{display:block;border-right:1px solid #ddd;}
		.cataloguelist>ul>li>ul>li:hover>span{background:#0050be;color:#fff;}
		.cataloguelist>ul>li>ul>li:nth-of-type(8n) span{border-right:none;}
		.cataloguelist>ul>li>ul>li ul{position:absolute;display:none;z-index:1;top:30px;left:0;width:300px;background:#0050be;padding:5px 0;}
		.cataloguelist>ul>li>ul>li:hover ul{display:block;}
		.cataloguelist>ul>li>ul>li li{text-align:left;float:left;width:50%;padding:0 0 0 40px;box-sizing:border-box;font-size:12px;line-height:30px;color:#fff;position:relative;}
		.cataloguelist>ul>li>ul>li li:before{content:'';display:block;position:absolute;top:50%;transform:translateY(-50%);left:20px;width:6px;height:6px;border-radius:4px;background:#fff;}
		

.partners{padding:80px 0;background:#b9b9b9;}
	.partnersslide{width:100%;margin:0 auto;}
		.partnersslide .swiper-slide {text-align:center;font-size:18px;background:#fff;height:calc((100% - 30px) / 2);/* Center slide text vertically */display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;}
		.partnersslide ul{overflow:hidden;}
		.partnersslide li{float:left;width:16.66%;}
		.partnersslide a{display:block;position:relative;text-align:center;background:#fff;border:1px solid #ddd;box-sizing:border-box;}
		.partnersslide figure{position:relative;overflow:hidden;}
		.partnersslide figure:before{content:'';display:block;position:absolute;z-index:1;top:50%;left:0;right:0;border-left:2px solid transparent;border-right:2px solid transparent;height:0;transition:all 0.3s ease-out 0s;}
		.partnersslide figure:after{content:'';display:block;position:absolute;z-index:1;top:0;left:50%;bottom:0;border-top:2px solid transparent;border-bottom:2px solid transparent;width:0;transition:all 0.3s ease-out 0s;}
		.partnersslide figure img{width:100%;}
		.partnersslide section{color:#999;margin-bottom:40px;height:100px;overflow:hidden;}
		.partnersslide span{display:inline-block;color:#ccc;border:1px solid #ccc;padding:5px 10px;border-radius:5px;transition:all 0.3s ease-out 0s;}
		.partnersslide span i{padding-left:5px;}
		.partnersslide a:hover{box-shadow:0 0 20px rgba(0,0,0,0.1);}
		.partnersslide a:hover img{transform:scale3d(1.05, 1.05, 1);-webkit-filter:grayscale(0);filter:grayscale(0);}
		.partnersslide a:hover span{background:#2d2d2d;color:#fff;border:1px solid #2d2d2d;padding:5px 20px;}
		.partnersslide a:hover figure:before{top:0;border-left:2px solid #2d2d2d;border-right:2px solid #2d2d2d;height:100%;}
		.partnersslide a:hover figure:after{left:0;border-top:2px solid #2d2d2d;border-bottom:2px solid #2d2d2d;width:100%;}




.news {
	position: relative;
	padding: 80px 0 60px;
	background:#b9b9b9;
	color: #fff;
}
		.newsindustry {
			float: left;
            width: 50%;
			padding: 20px;
		}
		.newsindustry .box {
			display: block;
			width: 100%;
			height: 100%;
			position: relative;
			transition: all .5s ease;
		}
		.box .pic_box {
			width: 100%;
			height: 100%;
			position: static;
			padding-bottom: 0;
			overflow: hidden;
		}
		.pic_box .pic {
			position: static;
			width: 100%;
			height: 20vw;
			top: 0px;
			left: 0px;
		}
		.box .content {
			width: 100%;
			height: 150px;
			padding: 20px 10px;
		}
		.content .time {
			color: #fff;
		}
		.content .title1 {
			height: 40px;
			line-height: 40px;
			font-weight: 200;
			color: #fff;
			font-size: 1.125rem;
			overflow: hidden;
			text-overflow: ellipsis;
			white-space: nowrap;
		}
		.content .p_FLine {
			border-top-color: #dfdcd9;
			border-top-width: 1px;
			border-top-style: solid;
			margin: 10px 0;
			width: 5%;
			transition: all .5s ease;
		}
		.content .sunmry {
			font-size: 0.875rem;
			display: -webkit-box;
			overflow: hidden;
			-webkit-line-clamp: 2px;
			-webkit-box-orient: vertical;
			text-overflow: ellipsis;
			line-height: 2em;
			color: #dddad6;
			height: 26px;
		}
		.col:hover .box{ transform:translateY(-15px); } 
		.col:hover .p_FLine{ width:100%; }
	
		.news .more1 {
			text-align: center;
		}
		.more1 a {
			display: inline-block;
			text-align: center;
			font-size: 16px;
			width: 120px;
			line-height: 50px;
			color: #fff;
			background-color: #aa9a8a;
		}

.flink{padding:10px 0;}
}



@media (min-width:1025px) and (max-width:1440px){/* LAPTOPS */
	.listContent {
		position: relative;
		width: 50%;
		padding: 4vw 7vw;
		text-align: center;
		letter-spacing: 2px;
	}
	.part1 .biaoti {
		line-height: 50px;
		font-size: 20px;
		margin-bottom: 80px;
	}
	.part2 .biaoti {
		line-height: 50px;
		font-size: 20px;
		margin-bottom: 40px;
	}
	.listContent .shuzi span {
		padding: 0 15px;
	}
	.listContent .shuzi span i {
		font-size: 36px;
		font-style: normal;
	}
	.listContent .wenzi {
		line-height: 40px;
	}
}

@media (max-width:1024px){/* MOBILE */
.banner{position:relative;}
	/* .banner figure{overflow:hidden;position:relative;height:220px;} */
	.banner img{width: 100%;}
	.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:40px;}
		.banner .swiper-button-prev{left:0;}
		.banner .swiper-button-next{right:0;}

.title{text-align:center;margin-bottom:10px;color: #fff;}
	.title h2{font-size:17px;margin-bottom:10px;position:relative;display:inline-block;}

	.title h2 span{color:#fff;}
	.title p {
		opacity: 0.8;
		font-size: 12px;
		text-transform: uppercase;
	}



	.about{padding:20px 15px;position:relative;background:#b9b9b9;}
	.aboutmix{}
		.aboutmixcover{}
			.aboutmixcover figure{overflow:hidden;}
			.aboutmixcover img{width:100%;}
		.aboutmixinfo{}
			.aboutmain{}
				.aboutmaintitle{margin-bottom:20px;}
					.aboutmaintitle h2{
						font: 20px "Microsoft YaHei UI";
                        font-weight: normal;
                        color: #fbf3f1;
                        padding-bottom: 10px;
						letter-spacing: 2px;
						line-height: 40px;
					}
					.aboutmaintitle h2 em {
						display: block;
						text-transform: uppercase;
						font: 78px Arial, Helvetica, sans-serif;
						font-weight: bold;
						color: #e7e7e7;
					}
					.aboutmaintitle h2 b {
						color: #0050be;
					}
					.aboutmaintitle p{font-size:12px;text-transform:uppercase;}
				.aboutmaininfo{}
					.aboutmaininfo h2{font-size:36px;line-height:40px;margin-bottom:40px;position:relative;}
					.aboutmaininfo h2:after{content:'';display:block;position:absolute;top:60px;left:0;width:50px;height:2px;background:#fff;}
					.aboutmaininfo dl{margin-bottom:20px;}
					.aboutmaininfo dt{font-size:24px;line-height:30px;margin-bottom:30px;color:#0050be;}
					.aboutmaininfo dd{font-size:15px;line-height:25px;display: inline-block;padding:10px 20px;background: #2d2d2d;color: #fff;letter-spacing: 3px;}
				.aboutnumlist{margin-top:30px;}
					.aboutnumlist ul{overflow:hidden;}
					.aboutnumlist li{float:left;width:25%;padding:15px 0 15px 40px;box-sizing:border-box;position:relative;}
					.aboutnumlist li:before{content:'';display:block;position:absolute;top:0;left:0;bottom:0;width:1px;background:#ccc;}
					.aboutnumlist li:after{content:'';display:block;position:absolute;top:0;left:0;height:30px;width:2px;background:#0050be;}
					.aboutnumlist li strong{font-family:'sysfont';font-size:55px;line-height:60px;color:#0050be;}
					.aboutnumlist li p{margin-top:0;}
					.aboutnumlist li i{}
				.aboutnav{margin-top:40px;}
					.aboutnav ul{display:flex;margin:0 -1%;}
					.aboutnav li{flex:1;margin:0 1%;}
					.aboutnav li a{display:block;text-align:center;background:#eef2f6;padding:20px 0;border-bottom:2px solid #0050be;border-radius:3px;}
					.aboutnav li figure svg{font-size:40px;}
					.aboutnav li h3{font-size:14px;font-weight:normal;}

.product{padding:20px 0;background:#b9b9b9;}
	.productlist {
		position: relative;
		width: 100%;
		max-width: 1600px;
		margin: 0 auto;
		padding: 0px;
		display: flex;
		flex-wrap: wrap;
	}
	
	.productlist .showImgBox{
		position: relative;
		position: static;
		height: 100%;
		border: 5px solid #b9b9b9;
		right: 1rem;
		top: 1rem;
		overflow: hidden;
	}
	.showImgBox a {
		display: block;
	}
	.showImgBox img {
		width: 100%;
	}
	.showImgBox:hover img {
		transform: translate(5%,-5%) ;
		/* box-shadow:5px 10px 20px 5px rgba(0,0,0,0.1); */
	}
	.productlist .contentBox {
	
		
	}
	.content {
		padding:  20px;
	}
	.contentBox .proTitle {
		font-size: 18px;
		color: #fff;
		margin-bottom: 20px;
	}
	.contentBox .proMs {
		width: 100%;
		font-size: 0.775rem;
		overflow: hidden;
		line-height: 2rem;
		color: #e3e1de;
	}
	.more {
		width: 80px;
		height: 40px;
		text-align: center;
		background-color: #4e4e4e;
		color: rgba(255, 255, 255, 1);
		margin-top: 20px;
		transition: all 0.3s ease;
	}
	.more:hover {
		border-radius: 10px;
	}
	
	.more a {
		display: block;
		text-align: center;
		font-size: 12px;
		line-height: 40px;
		color: #fff;
	}
		.producttab{
			position: relative;
			width: 100%;
			margin: 0 auto;
			height: auto;
			padding: 0px;
		}
		.producttab .swiper-slide {
			width: calc(100% / 5) !important;
			height: 100%;
			float: left;
			/* opacity: 0.5; */
			transition: all .5s ease;
		} 
		.producttab .swiper-slide a{
			display: block;
			width: 100%;
			padding: 0 7px;
			
		}
		.producttab .swiper-slide img{
			width: 100%;
		height: auto;
		border: 2px solid #fff;
	
		}
		.productcon .swiper-pagination {
			display: none;
		}

.xNewBox {
			color: #fff;
			position: relative;
			display: block;
			}
					.p_news {
						padding: 0px;
						background: #2d2d2d;
						margin: 0;
						width: inherit;
						height: auto;
						overflow: hidden;
					}
					.xNewList {
						margin-bottom: 0px;
                        background: #fff;
					}
					.lineRed{ position:absolute; left:0px; bottom:0px; width:0px; height:5px; background:#c7000a; transition:all 600ms ease; }
					.xNewList:hover .lineRed{ width:100%; }
					.xNewList:hover .pic{ transform:scale(1.1); } 
					.listContents {

						width: 100%;
						height: 100%;
						flex-wrap: nowrap;
					}
					.newPic {
						position: relative;
                        overflow: hidden;
                        width: 100%;
                        height: 0;
                        padding-bottom: 55%;
					}
					 .pic {
						position: absolute;
                        top: 0;
                        left: 0;
                        width: 100%;
                        height: 100%;
					}
					.listContent {
						width: 100%;
                        padding: 40px 5% 40px 5%;
                        background: #1f1f1f;
					}
					.part1 .biaoti {
						line-height: 40px;
						font-size: 16px;
						margin-bottom: 20px;
						text-align: center;
					}
					.part2 .biaoti {
						line-height: 40px;
						font-size: 16px;
						margin-bottom: 20px;
						text-align: center;
					}
					.listContent .shuzi {
						text-align: center;
					}
					.listContent .shuzi span {
						padding: 0 15px;
					}
					.listContent .shuzi span i {
						font-size: 25px;
						font-style: normal;
					}
					.listContent .wenzi {
						line-height: 25px;
					}

					.part1:hover {
						box-shadow: 4px 20px 40px 5px rgba(0,0,0,0.1);
					}



.catalogue{padding:40px 20px;}
		.cataloguelist{}
			.cataloguelist>ul{border-top:1px solid #ddd;}
			.cataloguelist>ul>li{display:flex;border-bottom:1px solid #ddd;border-right:1px solid #ddd;align-content:center;transition:all 0.3s ease-out 0s;}
			.cataloguelist>ul>li:hover{background:#eee;}
			.cataloguelist>ul>li>h3{flex:0 0 60px;background:#ccc;text-align:center;position:relative;}
			.cataloguelist>ul>li>h3>span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
			.cataloguelist>ul>li>ul{flex:1;padding:10px 20px;}
			.cataloguelist>ul>li>ul>li{float:left;width:48%;text-align:center;position:relative;padding:5px 0;}
			.cataloguelist>ul>li>ul>li>span{display:block;}
			.cataloguelist>ul>li>ul>li:hover>span{background:#0050be;color:#fff;}
			.cataloguelist>ul>li>ul>li:nth-of-type(8n) span{border-right:none;}
			.cataloguelist>ul>li>ul>li ul{position:absolute;display:none;z-index:1;top:30px;left:0;width:150px;background:#0050be;padding:5px 0;}
			.cataloguelist>ul>li>ul>li:hover ul{display:block;}
			.cataloguelist>ul>li>ul>li li{text-align:left;padding:0 0 0 40px;box-sizing:border-box;font-size:12px;line-height:30px;color:#fff;position:relative;}
			.cataloguelist>ul>li>ul>li li:before{content:'';display:block;position:absolute;top:50%;transform:translateY(-50%);left:20px;width:6px;height:6px;border-radius:4px;background:#fff;}


.partners{padding:20px 15px;background: #b9b9b9;}
	.partnersslide{}
		.partnersslide .swiper-slide {text-align:center;font-size:18px;background:#fff;height:calc((100% - 30px) / 2);/* Center slide text vertically */display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;}
		.partnersslide ul{overflow:hidden;}
		.partnersslide li{float:left;width:16.66%;}
		.partnersslide a{display:block;position:relative;text-align:center;background:#fff;border:1px solid #ddd;box-sizing:border-box;}
		.partnersslide figure{position:relative;overflow:hidden;}
		.partnersslide figure:before{content:'';display:block;position:absolute;z-index:1;top:50%;left:0;right:0;border-left:2px solid transparent;border-right:2px solid transparent;height:0;transition:all 0.3s ease-out 0s;}
		.partnersslide figure:after{content:'';display:block;position:absolute;z-index:1;top:0;left:50%;bottom:0;border-top:2px solid transparent;border-bottom:2px solid transparent;width:0;transition:all 0.3s ease-out 0s;}
		.partnersslide figure img{width:100%;}
		.partnersslide section{color:#999;margin-bottom:40px;height:100px;overflow:hidden;}
		.partnersslide span{display:inline-block;color:#ccc;border:1px solid #ccc;padding:5px 10px;border-radius:5px;transition:all 0.3s ease-out 0s;}
		.partnersslide span i{padding-left:5px;}
		.partnersslide a:hover{box-shadow:0 0 20px rgba(0,0,0,0.1);}
		.partnersslide a:hover img{transform:scale3d(1.05, 1.05, 1);-webkit-filter:grayscale(0);filter:grayscale(0);}
		.partnersslide a:hover span{background:#0050be;color:#fff;border:1px solid #0050be;padding:5px 20px;}
		.partnersslide a:hover figure:before{top:0;border-left:2px solid #0050be;border-right:2px solid #0050be;height:100%;}
		.partnersslide a:hover figure:after{left:0;border-top:2px solid #0050be;border-bottom:2px solid #0050be;width:100%;}


.news {
			position: relative;
			padding: 20px 15px;
			background:#b9b9b9;
			color: #fff;
		}
				.newsindustry {
					padding: 20px;
				}
				.newsindustry .box {
					display: block;
					width: 100%;
					height: 100%;
					position: relative;
					transition: all .5s ease;
				}
				.box .pic_box {
					width: 100%;
					height: 100%;
					position: static;
					padding-bottom: 0;
					overflow: hidden;
				}
				.pic_box .pic {
					position: static;
					width: 100%;
					height: 20vw;
					top: 0px;
					left: 0px;
				}
				.box .content {
					width: 100%;
					height: 150px;
					padding: 20px 10px;
				}
				.content .time {
					color: #fff;
				}
				.content .title1 {
					height: 40px;
					line-height: 40px;
					font-weight: 200;
					color: #fff;
					font-size: 1.125rem;
					overflow: hidden;
					text-overflow: ellipsis;
					white-space: nowrap;
				}
				.content .p_FLine {
					border-top-color: #dfdcd9;
					border-top-width: 1px;
					border-top-style: solid;
					margin: 10px 0;
					width: 5%;
					transition: all .5s ease;
				}
				.content .sunmry {
					font-size: 0.875rem;
					display: -webkit-box;
					overflow: hidden;
					-webkit-line-clamp: 2px;
					-webkit-box-orient: vertical;
					text-overflow: ellipsis;
					line-height: 2em;
					color: #dddad6;
					height: 26px;
				}
				.col:hover .box{ transform:translateY(-15px); } 
				.col:hover .p_FLine{ width:100%; }
			
				.news .more1 {
					text-align: center;
				}
				.more1 a {
					display: inline-block;
					text-align: center;
					font-size: 12px;
					width: 80px;
					line-height: 40px;
					color: #fff;
					background-color: #aa9a8a;
				}
		

.flink{padding:20px;}
}


/*banner特效1*/
/* CSS Document */
.fullwidthbanner-container{width:100% !important;position:relative;z-index: 1;padding:0;overflow:hidden; background: #b9b9b9;}
.fullwidthbanner-container .fullwidthabnner	{width:100%;height:100%;position:relative;}
.tp-bullets.simplebullets.round .bullet:hover,.tp-bullets.simplebullets.round .bullet.selected,
.tp-bullets.simplebullets.navbar .bullet:hover,.tp-bullets.simplebullets.navbar .bullet.selected { background:#f78320; }
.tp-leftarrow.default:hover,.tp-rightarrow.default:hover { background-color:#f78320; }
/** BULLETS **/
.tp-bullets {z-index: 101;position: absolute;bottom: 0px;}
.tp-bullets.simplebullets.round .bullet { cursor: pointer;position: relative;background:#ccc;width:14px;height:14px;margin:0px 5px 23px; float: left; border-radius: 100%;
	-webkit-transition: background 0.1s linear; -moz-transition: color, background 0.1s linear; -o-transition: color, background 0.1s linear;transition: color, background 0.1s linear;}
/*.fullwidthbanner-container .default{top:44% !important;z-index:100;cursor: pointer;position: relative;-webkit-transition: background 0.1s linear; -moz-transition: color, background 0.1s linear; -o-transition: color, background 0.1s linear;*/
/*    transition: color, background 0.1s linear;box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);width:62px;height:86px;}*/

.tparrows {
	-ms-filter: "alpha(opacity=100)";
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
	-webkit-transition: opacity .2s ease-out;
	-moz-transition: opacity .2s ease-out;
	-o-transition: opacity .2s ease-out;
	-ms-transition: opacity .2s ease-out
}
.tparrows.hidearrows {
	-ms-filter: "alpha(opacity=0)";
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0
}
.tp-leftarrow.default {/*background: rgba(0, 0, 0, 0.3) url(//cdn.xypt.top/7c1062e1/21/04/0a28e0a74b3eb234819f355bb7809b6a9df500c8.png) no-Repeat center;*/	margin-left:15px;-webkit-transition: background 0.1s linear;-moz-transition: color, background 0.1s linear;
	-o-transition: color, background 0.1s linear;transition: color, background 0.1s linear;box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);}
.tp-rightarrow.default { /*background: rgba(0, 0, 0, 0.3) url(//cdn.xypt.top/7c1062e1/21/04/5ffc69e8a7796ea49efc50ff91d521f053471b75.png) no-Repeat center;*/ margin-left:-15px; }
.tp-bullets.tp-thumbs {z-index: 100;position: absolute;padding:3px; background-color: #fff; width: 500px; height: 50px; margin-top: -50px;}
.fullwidthbanner-container .tp-thumbs { padding: 3px;}
.tp-bullets.tp-thumbs .tp-mask { width: 500px; height: 50px;overflow: hidden; position: relative;}
.tp-bullets.tp-thumbs .tp-mask .tp-thumbcontainer { width: 5000px; position: absolute;}
.tp-bullets.tp-thumbs .bullet { width: 100px;height: 50px;cursor: pointer; overflow: hidden;background: none; margin: 0; float: left;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; -moz-opacity: 0.5;
    -khtml-opacity: 0.5;  opacity: 0.5; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out;  -o-transition: all 0.2s ease-out;  -ms-transition: all 0.2s ease-out;}
.tp-bullets.tp-thumbs .bullet:hover,.tp-bullets.tp-thumbs .bullet.selected {  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";   -moz-opacity: 1;
    -khtml-opacity: 1;  opacity: 1;}
.tp-thumbs img { width: 100%;}
/*.tp-bannertimer {width: 100%; height: 10px; position: absolute; z-index: 102; }
.tp-bannertimer.tp-bottom { bottom: 0px !important; height: 5px;}*/
.tp-simpleresponsive img { -moz-user-select: none; -khtml-user-select: none;  -webkit-user-select: none; -o-user-select: none;max-width:none;}
.tp-simpleresponsive a {  text-decoration: none;}
.tp-simpleresponsive ul {  list-style: none; padding: 0;margin: 0;}
.tp-simpleresponsive >ul >li {   list-style: none;position: absolute;visibility: hidden;}
.tp-simpleresponsive >ul >li >a {   display: inline-block;position: absolute;bottom: 16%;left:44%;width: 120px;height: 120px;}
.caption.slidelink a div,.tp-caption.slidelink a div { width: 10000px; height: 10000px;}
.tp-loader { background: url(../images/loader.gif) no-repeat 10px 10px; background-color: #fff; margin: -22px -22px;  top: 50%;left: 50%; z-index: 999;position: absolute;width: 44px; height: 44px; 
border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;}

@media only screen and (min-width: 768px) and (max-width: 959px) {
	  .banner, .bannercontainer{	width:768px; height:309px;}
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
	   .banner, .bannercontainer{	width:480px; height:193px;	}
}

@media only screen and (min-width: 320px) and (max-width: 479px) {
		.banner, .bannercontainer{	width:320px;height:129px;	}
}

@media only screen and (max-width: 319px) {
		.banner, .bannercontainer{	width:240px;height:97px;	}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
    .responsive .tp-bullets.tp-thumbs { width: 300px !important; height: 30px !important;}
    .responsive .tp-bullets.tp-thumbs .tp-mask { width: 300px !important; height: 30px !important;    }
   .responsive .tp-bullets.tp-thumbs .bullet { width: 60px !important; height: 30px !important; }
}
@media only screen and (min-width: 0px) and (max-width: 479px) {
    .responsive .tp-bullets { display: none;    }
    .responsive .tparrows { display: none; }
}
@media only screen and (max-width: 768px) {
   .fullwidthbanner-container .default{top: 38% !important;width:22px;height:40px;}
/*   .tp-leftarrow.default{background: rgba(0, 0, 0, 0.3) url(../images/slider-left-arrow1.png) no-Repeat center;}
   .tp-rightarrow.default{background: rgba(0, 0, 0, 0.3) url(../images/slider-right-arrow1.png) no-Repeat center;}*/
   .tp-bullets.simplebullets.round .bullet{margin: 0px 5px 6px;width:10px;height:10px;}
}