*{
	margin: 0;
	padding: 0;
	box-sizing:border-box;
	-moz-box-sizing:border-box; 
	-webkit-box-sizing:border-box;
}
a{
	text-decoration: none;
	color: #000;
	transition: all .5s;
-webkit-transition: all .5s;
}
a:hover{
	color: #000;
	transition: all .5s;
-webkit-transition: all .5s;
}
table ,table td ,table tr{
	border: 1px solid rgba(255,255,255,.2);
}
li{
	list-style: none;
}
img{
	vertical-align: middle;
	max-width: 100%;
}
img.max{
	width: 100%;
}



body{
	width: 100%;
	overflow: hidden;
	font-size: 14px;
	color: #000;
	/*max-width: 1920px;
	margin: 0 auto;*/
	position: relative;
    line-height: 1.7;
	/*font-weight: bold;*/
	font-family: "微软雅黑", "Microsoft Yahei",Microsoft YaHei,Segoe UI,Hiragino Sans GB,Arial,Helvetica Neue,Helvetica,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;
	font-family: "微软雅黑", "Microsoft Yahei";
	font-family: PingFang SC;
}
.fm-ptfm{
	font-family: PingFang SC,"微软雅黑", "Microsoft Yahei",Microsoft YaHei,Segoe UI,Hiragino Sans GB,Arial,Helvetica Neue,Helvetica,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;
}


.fw-5{
	font-weight: 500;
}
.fw-bd{
	font-weight: bold;
}


header{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	padding: 0 4.16%;
	z-index: 49;
transition: all .5s;
-webkit-transition: all .5s;  
}


.header{
    height: 5vw;
	width: 100%;
	font-size: 0;
	position: relative;
	z-index: 3;
}
.logo{
	display: inline-block;
	vertical-align: top;
	font-size: 0;
	line-height: 6vw;
	position: relative;
	z-index: 3;
transition: all .5s;
-webkit-transition: all .5s;  
}
.logo img{
	width:9vw;
}
.slide-effect{width:18vw;}
.logo .img2{
	display: none;
}
.header-nav{
	display: inline-block;
	font-size: 0;
	float: right;
	margin-right: 3.6vw;
}
.header-nav-li{
	display: inline-block;
	vertical-align: top;
	margin: 0 1vw;
	/*position: relative;*/
	font-weight: bold;
}
.header-a{
    left: 1vw;
	display: block;
	line-height: 6vw;
	color: #fff;
	position: relative;
	z-index: 3;
	opacity: .8;
	padding: 0 .6vw;
transition: all .5s;
-webkit-transition: all .5s;  
}
.header-b{
	position: absolute;
	/*width: 100%;*/
	top:100%;
	/*left: 0%;*/
	z-index: 3;
	background:#EB6001;
	display: none;
/*	text-align: center;*/
}
.header-b a{
	display: inline-block;
	color: #fff;
	line-height: 3vw;
	margin: 0 1.8vw;
	text-align: center;
	position: relative;
	
}
.header-b a:hover{
	display: inline-block;
	color: #000;
	line-height: 3vw;
	margin: 0 1.8vw;
	text-align: center;
	position: relative;
	
}



.header-nav-li3{
	display: none;
}

.header-c{
	display: block;
	float: right;
	height: 6vw;
	padding-right: 1vw;
	color: #fff;
	line-height: 6vw;
	background: url(../images/ico02_1.png) no-repeat right center;
	background-size:0.6vw auto;
	margin-right: 3.125vw;
}
.header-c:hover{
	color: #eb6001;
	background-image: url(../images/ico02_2.png);
}
.header-d{
	float: right;
	/* margin-right: 1.8vw; */
	display: block;
	height: 6vw;
	padding-left: 1.5vw;
	color: #fff;
	background: url(../images/ico01_2.png) no-repeat center;
	background-size: 0.9375vw auto;
}
.header-d:hover{
	background-image: url(../images/ico01_3.png)
}


@media(min-width:1201px){
	
	.header-nav-li:hover .header-a,
	.header-nav-li.on .header-a{
		/*color: #eb6001;*/
		color: #fff;
		opacity: 1
	}
	.header-b a:hover{
		color: #eb6001;
	}
	.header-d:hover{
		color: #fff;
	}
	
	.header-b a:hover{
		color: #fff;
	}
	.header-b a:hover:after{
		width: 100%;
	transition: all .5s;
	-webkit-transition: all .5s;  
	}
	
	header.bj{
		background: #fff;
		box-shadow: 0 0 3px #ccc;
transition: all .5s;
-webkit-transition: all .5s;  
	}
	header.bj .logo{
		line-height: 4.5vw;
transition: all .5s;
-webkit-transition: all .5s;  
	}
	header.bj .logo .img1{
		display: none;
	}
	header.bj .logo .img2{
		display: inline-block;
	}
	header.bj .header-a{
		color: #333;
		line-height: 4.5vw;
transition: all .5s;
-webkit-transition: all .5s;  
	}
	header.bj .header-c{
		background-image: url(../images/ico02_2.png) ;
		height: 4.5vw;
		line-height: 4.5vw;
		color: #333;
	}
	header.bj .header-c:hover{
		color: #eb6001;
	}
	header.bj .header-d{
		color: #333;
		background-image: url(../images/ico01_1.png) ;
		height: 4.5vw;
	}
	header.bj .header-d:hover{
		background-image: url(../images/ico01_3.png) ;
	}
	header.bj .header-nav-li:hover .header-a,
	header.bj .header-nav-li.on .header-a{
		color: #333;
	
		opacity: 1;
	}
	
	
	header.pos{
		position: fixed;
		top: -8vw;
transition: all .5s;
-webkit-transition: all .5s;
	}
	header.pos.on{
		top: 0;
		transition: all .5s;
		-webkit-transition: all .5s;
	}
	
	
	header.cl{
		/*box-shadow: 0 0 3px #ccc;*/
	}
	header.cl .logo .img1{
		display: none;
	}
	header.cl .logo .img2{
		display: inline-block;
	}
	header.cl .header-a{
		color: #333; 
	}
	header.cl .header-c{
		color: #333;
		background-image: url(../images/ico02_2.png) ;
	}
	header.cl .header-c:hover{
		color: #eb6001;
		background-image: url(../images/ico02_2.png) ;
	}
	header.cl .header-d{
		color: #333;
		background-image: url(../images/ico01_1.png) ;
	}
	header.cl .header-d:hover{
		color: #eb6001;
		background-image: url(../images/ico01_3.png) ;
	}
	header.cl .header-nav-li:hover .header-a,
	header.cl .header-nav-li.on .header-a{
		color: #333;
	
		opacity: 1;
	}
}

@media(max-width:1200px){
	header{
		top: 0;
		background: #fff;
		box-shadow: 0 0 3px #ccc;
		height: 70px;
		padding: 0 4%;
	}
	.header{
	}
	.header-dx{
		float: right;
	}
	.logo{
		line-height: 70px;
	}
	.logo img{
		width: auto;
		height: 40px;
	}
	.slide-effect{width:300px;}
	.logo .img1{
		display: none;
	}
	.logo .img2{
		display: inline-block;
	}
	.header-nav{
		width: 100%;
		height: calc(100vh - 70px);
		overflow: auto;
		position: fixed;
		top: 70px;
		left: 0;
		background: #fff;
		margin: 0;
		padding: 30px 4%;
		border-top: 1px solid #ddd;
		display: none;
	}
	.header-c{
		height: 70px;
		line-height: 70px;
		color: #333;
		font-size: 18px;
		padding-right: 15px;
		background-size: 100% auto;
		background-image: url(../images/ico02_2.png) ;
		background-size: 10px auto;
	}
	.header-d{
		color: #333;
		height: 70px;
		padding-left: 25px;
		margin-right: 10px;
		background-size: 25px auto;
		background-image: url(../images/ico01_1.png) ;
	}
	.header-nav-li{
		width: 100%;
		margin: 0;
	}
	.header-a{
		color: #333;
		opacity: 1;
		line-height: 70px;
		font-size: 18px;
		border-bottom: 1px solid #ddd;
	}
	.header-b{
		width: 100%;
		position: relative;
		top: inherit;
		border: 0;
		margin: 0;
		padding: 0;
		box-shadow: inherit;
		background: initial;
	}
	.header-b a{
		display: block;
		line-height: 50px;
		padding: 0 30px;
		border-top: 0;
		border-bottom: 1px solid #ddd !important;
		font-size: 14px;
		text-align: left;
		margin: 0;
	}
	.header-ak{
		position: absolute;
		width: 50%;
		height: 60px;
		top: 0;
		right: 0;
		z-index: 4;
		background: url(../images/ico03.png) no-repeat right center;
	}
	.header-nav-li3{
		display: block;
	}
}
@media(max-width:750px){
	header{
		height: 1rem;
	}
	.logo{
		line-height: 1rem;
	}
	.logo img{
		height: .7rem;
	}
	.slide-effect{width:3rem;}
	.header-c{
		height: 1rem;
		margin-right: .35rem;
		font-size: .3rem;
		line-height: 1rem;
		padding-right: .2rem;
		background-size: .15rem auto;
	}
	.header-d{
		height: 1rem;
		margin-right: .2rem;
		padding-left: 0;
		width: .3rem;
		background-size: .3rem auto;
	}
	.header-nav{
		height: calc(100vh - 1rem);
		top: 1rem;
		padding: .2rem 4%;
	}
	.header-a{
		padding: 0;
		line-height: 1rem;
		font-size: .28rem;
	}
	.header-b a{
	    color:#454545;
		line-height: .8rem;
		padding: 0 .3rem;
		font-size: .24rem;
	}
	.header-ak{
		height: 1rem;
		background-size: .2rem auto;
	}
}

.header-dx{
	width: 1.0416vw;
	margin-top: 2.6vw;
	text-align: right;
	margin-left:3.3vw ;
	overflow: hidden;
	display: none;
	float: right;
    transition: all .5s;
    -webkit-transition: all .5s;  
}
.header-dx1,.header-dx2,.header-dx3{
	width: 100%;
	height: .2vw;
	margin-bottom: .25vw;
	background: #fff;
	float: right;
	
}
.header-dx div{
	height: 3px;
  transition: all .5s ;
}
@media(min-width:1921px){
	
	.header-dx div{
		height: .2vw;
	}
}
@media(max-width:1600px){
	.header-dx div{
		height: 3px;
	}
}

.header-dx.cli .header-dx1{
	-webkit-transform: rotate(44deg);
   -ms-transform: rotate(44deg);
   transform: rotate(44deg);
  transform-origin:0%;
  -ms-transform-origin:0%;
  -webkit-transform-origin:0%;
  -moz-transform-origin:0%;
  transition: all .5s ; 
}
.header-dx.cli .header-dx2{
   opacity: 0;
  transition: all .5s;
}
.header-dx.cli .header-dx3{
	-webkit-transform: rotate(-44deg);
   -ms-transform: rotate(-44deg);
   transform: rotate(-44deg);
   position: relative;

  transform-origin:0%;
  -ms-transform-origin:0%;
  -webkit-transform-origin:0%;
  -moz-transform-origin:0%;
  transition: all .5s ;
}
.header-ss{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 6;
	background: #ffffff;
	display: none;
}
.header-ss-a{
	width: 73vw;
	margin: 0 auto;
	height: 7vw;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -3.5vw;
	margin-left: -36.5vw;
}
.header-ss-a .int1{
	width: 100%;
	height: 7vw;
	background: none;
	border: none;
	border-bottom: 2px solid #e4e4e4;
	font-size: 3.4375vw;
	color: #000;
	padding-right: 8vw;
}
.header-ss-a .int2{
	width: 5vw;
	height: 100%;
	border: none;
	background: no-repeat right center;
	background-image: url(../images/ico24.png);
	background-size: 1.2vw auto;
	position: absolute;
	top: 0;
	right: 0;
	cursor: pointer;
}
.header-ss-x{
	width: 1.8vw;
	height: 1.8vw;
	background: url(../images/x03.png) no-repeat center;
	background-size: cover;
	position: absolute;
	top: 2.2vw;
	right: 4.16%;
	cursor: pointer;
}
.header-ss-img{
	width: 10vw;
	position: absolute;
	left: 4.16%;
	top: 2vw;
}

.header-jk-bj{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	z-index: 1;
	background: #000;
	display: none;
}
.header-jk{
	height: 100vh;
	position: relative;
}
.header-j{
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 3.125vw;
	font-size: 0;
}
.header-jlt{
	width: 39.8%;
	display: inline-block;
	vertical-align: top;
	float: left;
}
.header-jlt .footer-d{
	display: inline-block;
	width: auto;
}
.header-jlt .footer-da{
	opacity: .5;
	height: 1.3vw !important;
	margin-left: 0 !important;
	margin-right: 1vw !important;
}
.header-jlt .footer-da:hover{
	opacity: 1;
}
.header-jlt .footer-d2{
	/*right: 50% !important;
	transform:translateX(50%);
-ms-transform:translateX(50%);
-moz-transform:translateX(50%);
-webkit-transform:translateX(50%);*/
}
.header-jlt .footer-da:first-child .footer-d2{
	left: 0;
	margin-left: 0;
}
.header-jrt{
	width: 60.2%;
	display: inline-block;
	vertical-align: top;
	overflow: hidden;
}
.header-jli{
	width: 50%;
	float: left;
	padding-right: 5%;
	color: #fff;
	font-weight: bold;
	line-height: 1.3;
}
.header-jli>div{
	color: #666;
}
.header-k{
	width: 100%;
	position: absolute;
	top: 45%;
	left: 0;
	padding-left: 39.8%;
	color: #fff;
	
	transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
}
.header-kli{
	width: 33.33vw;
	position: relative;
}
.header-k2{
	font-size: 2.6vw;
	color: #fff;
	display: block;
	width: 100%;
	line-height: 1.3;
}
.header-k3{
	position: absolute;
	top: 0;
	left: 100%;
	width: 15vw;
	padding-top: .5vw;
	display: none;
}
.header-k3 a{
	color: #666;
	line-height: 1.4;
}
.header-k3 a:hover{
	color: #fff;
}
.header-kli:hover .header-k2{
	color: #1876f1;
}
.header-kli.on .header-k2{
	color: #1876f1;
}
.header-kli.on .header-k3{
	display: block;
}


@media(min-width:1201px){
	header.bj .header-dx div{
		background: #000;
	}
	header.bj .header-dx{
		margin-top: 1.8vw;
transition: all .5s;
-webkit-transition: all .5s;  
	}
	
	header.cl .header-dx div{
		background: #000;
	}
	
	
	header.mvb .logo .img2{
		display: none !important;
	}
	header.mvb .logo .img1{
		display: inline-block !important;
	}
	header.mvb .header-c{
		color: #fff !important;
		background-image: url(../images/ico02_1.png) !important;
	}
	header.mvb .header-d{
		background-image: url(../images/ico01_2.png) !important; 
	}
	header.mvb .header-dx div{
		background: #fff !important;
	}
	
	.header-dx.cli{
		width: 1.25vw;
	}
}

@media(max-width:1200px){
	.header-dx{
		width: 35px;
		display: block;
	}
	.header-dx>div{
		background: #000 !important;
		width: 100%;
		height: 4px;
		margin-bottom: 8px;
	}
	.header-dx.cli .header-dx3{
		top: 1px;
	}
	.header-ss-img{
		width: auto;
		height:40px;
		left: 4%;
		top:30px;
	}
	.header-ss-x{
		width: 35px;
		height: 35px;
		right: 4%;
		top: 30px;
	}
	.header-ss-a{
		width: 90%;
		margin-left: -45%;
		height: 100px;
		margin-top: -50px;
	}
	.header-ss-a .int1{
		height: 100px;
		font-size: 30px;
		padding-right: 100px;
	}
	.header-ss-a .int2{
		width: 60px;
		background-size: 18px auto;
	}
	.header-nav-li{
		position: relative;
	}
}
@media(max-width:750px){
	.header-ss-img{
		width: auto;
		height: .7rem;
		left: 4%;
		top:.35rem;
	}
	.header-ss-x{
		width: .4rem;
		height: .4rem;
		right: 4%;
		top: .3rem;
	}
	.header-ss-a{
		width: 90%;
		margin-left: -45%;
		height: 1.2rem;
		margin-top: -.6rem;
	}
	.header-ss-a .int1{
		height: 1.2rem;
		font-size: .4rem;
		padding-right: .8rem;
	}
	.header-ss-a .int2{
		width: .6rem;
		background-size: .3rem auto;
	}
	
	
	
	.header-dx{
		display: block;
		width: .45rem;
		margin-top: .1rem;
		margin-left: .35rem;
		padding-top: .23rem;
	}
	.header-dx>div{
		height: .04rem;
		margin-bottom: .11rem;
	}
}






/*产品*/
.gyban{
	position: relative;
	font-size: 0;
	width: 100%;
	overflow: hidden;
}
.gyban-img{
	width: 100%;
}
.gyban-vd{
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}

.gyban-div{
	color: #fff;
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	z-index: 3;
	padding: 0 4.16%;
	transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
}
.gyban-a{
	line-height: .9;
	margin-bottom: 1vw;
	text-transform: uppercase;
}
.gyban-c{
	font-size: 0.625vw;
	line-height: 1vw;
	position: absolute;
	right: 5.16vw;
	bottom: 3.12vw;
	color: #fff;
	text-transform: uppercase;
	font-weight: bold;
	
	transform:rotate(90deg);
	-ms-transform:rotate(90deg);
	-moz-transform:rotate(90deg);
	-webkit-transform:rotate(90deg);
	
	transform-origin: bottom right;
	
}


.product{
	
}
.product-li{
	overflow: hidden;
	background: #fff;
	position: relative;
}
.product-rt{
	width: 50%;
	font-size: 0;
	float: right;
	overflow: hidden;
}
.product-lt{
	width: 50%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
.product-div{
	position: absolute;
	width: 80%;
	max-width: 34vw;
	top: 50%;
	left: 50%;
	
	transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	-webkit-transform:translate(-50%,-50%);
}
.product-ps{
	position: relative;
	width: 100%;
}
.product-a{
	line-height: 1.2;
	color: #ccc;
	text-transform: uppercase;
}
.product-c{
	margin-top: 1.87vw;
	overflow: hidden;
}
.product-cli{
	display: inline-block;
	float: left;
	margin-right: 1.56vw;
	margin-bottom: .5vw;
	color: #888;
	font-weight: bold;
	cursor: pointer;
}
.product-cli.on,
.product-cli:hover{
	color: #000;
}
.product-d{
	margin-top: 2.2vw;
	color: #666;
	min-height: 6.3vw;
	margin-bottom: 1.56vw;
}
.product-dli{
	/*display: none;*/
}
.gybut{
	display: inline-block;
	line-height: 2;
	color: #000;
	position: relative;
	text-transform: uppercase;
	font-family: arial !important;
	font-weight: bold;
}
.gybut:after{
	content: '';
	width: 0%;
	height: 1px;
	background: #eb6001;
	position: absolute;
	left: 0;
	bottom: 0;
transition: all .5s;
-webkit-transition: all .5s;  
}
.gybut:hover:after{
	width: 100%;
transition: all .5s;
-webkit-transition: all .5s;  
}
.product-li:nth-child(2n + 0) .product-rt{
	float: left;
}
.product-li:nth-child(2n + 0) .product-lt{
	left: initial;
	right: 0;
}
.product-ediv .product-e{
	display: none;
}
.product-ediv .product-e:first-child{
	display: inline-block;
}

@media(max-width:1200px){
	body{
		padding-top: 70px;
	}
	.gyban-div{
		padding: 0 4%;
	}
	.product-div{
		max-width: initial;
	}
	.product-a,
	.product-b{
		font-size: 28px;
	}
	.product-c{
		margin-top: 15px;
		right: 5%;
	}
	.product-cli{
		margin-right: 20px;
		margin-bottom: 5px;
	}
	.product-d{
		margin: 5px 0;
		margin-bottom: 20px;
		min-height: auto;
	}
	.product-dli{
		font-size: 16px;
	}
}
@media(max-width:1000px){
	/*.product-rt{
		width: 100%;
	}
	.product-lt{
		width: 100%;
		position: relative;
	}
	.product-div{
		position: initial;
		left: 10%;
		top: initial;
		transform: initial;
	}*/
	.product-a, .product-b{
		font-size: 22px;
	}
	.product-cli{
		font-size: 16px;
	}
	.product-dli{
		font-size: 12px;
	}
}
@media(max-width:750px){
	body{
		padding-top: 1rem;
	}
	.gyban-c{
		font-size: .2rem;
		line-height: .3rem;
		height: .3rem;
		right: 7%;
	}
	
	.product-rt{
		width: 100%;
	}
	.product-lt{
		width: 100%;
		position: relative;
		height: initial;
		float: left;
	}
	.product-div{
		width: 100%;
		position: initial;
		padding: .8rem 8% .8rem 8%;
		top: initial;
		transform: initial;
	}
	.product-a, .product-b{
		font-size: .36rem;
	}
	.product-c{
		margin-top: .2rem;
	}
	.product-cli{
		font-size: .26rem;
		margin-right: .2rem;
		margin-bottom: .1rem;
	}
	.product-d{
		margin-top: .1rem;
		margin-bottom: .3rem;
	}
	.gybut{
		font-size: .24rem;
	}
	.gybut:after{
		width: 100%;
	}
}



/*产品详情*/
.proinfo{
	width: 100%;
	height:25vw;
	position: relative;
}
.proinfo-a{
	font-size: 8.75vw;
	color: #fff;
	line-height: 1;
	text-transform: uppercase;
	text-align: center;
	width: 100%;
	position: absolute;
	left: 0;
	top: 10vw;
	z-index: 2;
}
.proinfo-b{
	color: #000;
	padding-bottom: 3.125vw;
	border-bottom: 2px solid #EB6001;
	position: absolute;
	width: 91.666%;
	left: 4.167%;
	bottom:5.625vw;
	z-index: 3;
	font-weight: bold;
}
.proinfo-c{
	position: absolute;
	z-index: 3;
	left: 4.167%;
	bottom: 3.2vw;
	cursor: pointer;
	font-weight: bold;
}
.proinfo-c1{
	display: block;
}
.proinfo-c1.on,
.proinfo-c1:hover{
	color: #eb6001;
	cursor: pointer;
}
.proinfo-d{
	position: absolute;
	z-index: 3;
	right: 4.167%;
	bottom: 3.2vw;
	color: #666;
	max-width: 40vw;
	text-align: right;
}
.proinfo-d1{
	text-align: left;
}
.proinfo-d2{
	display: inline-block;
	font-weight: bold;
	margin-top: 10px;
	cursor: pointer;
}
.proinfo-e{
	width: 50vw;
	position: absolute;
	top: 17.1875vw;
	left: 25%;
	z-index: 4;
	/*opacity: 0 !important;*/
}
.proinfo-e img{
	width: 100%;
	
	/*transform:scale(.7);
	-ms-transform:scale(.7);
	-moz-transform:scale(.7);
	-webkit-transform:scale(.7);
	position: relative;
	left: -15vw;
	top: -5vw;*/
}
.proinfo-e.animated{
	/*opacity: 1 !important;
	transition: all 0s .5s;
	-webkit-transition: all 0s .5s;*/
}
.proinfo-e.animated img{
	/*transform:scale(1);
	-ms-transform:scale(1);
	-moz-transform:scale(1);
	-webkit-transform:scale(1);
	left: 0;
	top: 0;
	transition: all .8s 1s;
	-webkit-transition: all .8s 1s;  */
	
}
.proinfo-ebut{
	width: 4vw;
	height: 5vw;
	position: absolute;
	top: 25%;
	left: 100%;
	margin-left: 16vw;
}
.proinfo-enext,
.proinfo-eprev{
	width: 2vw;
	background-size: 1vw auto;
	left: 0;
	opacity: .6;
}
.proinfo-enext{
	left: initial;
	right: 0;
}
.proinfo-enext:hover,
.proinfo-eprev:hover{
	opacity: 1;
}


.proinfo-div{
    text-align: center;
	padding: 5.2vw 0;
}
.proinfo-div img{
    width:100%;
    text-align: center;
    max-width: 1200px;
}
.proinfo-f{
	font-weight: bold;
}
.proinfo-g{
	width: 80%;
	max-width: 40vw;
	color: #999999;
	font-weight: bold;
	margin-top: 3.125vw;
	line-height: 1.2;
}
.proinfo-h{
	margin-top: 4.8125vw;
	padding-top: 3vw;
}
.proinfo-jk{
	margin-top: 2vw;
	font-size: 0;
	display: none;
}
.proinfo-j{
	width: 65.3%;
	display: inline-block;
	vertical-align: top;
	text-align: center;
	font-size: 0;
}
.proinfo-j img{
	max-width: 40vw;
	min-width: 36.45vw;
}
.proinfo-k{
	width: 34.7%;
	display: inline-block;
	vertical-align: top;
}
.proinfo-kli{
	width: 100%;
transition: all .5s;
-webkit-transition: all .5s;  
}
.proinfo-k2{
	font-size: 1.145833vw;
	color: #666;
	cursor: pointer;
	font-weight: bold;
}
.proinfo-k34{
	display: none;
}
.proinfo-k3{
	color: #bebebe;
	text-transform: uppercase;
}
.proinfo-k4{
	color: #666;
	margin-top: 1vw;
}

.proinfo-kli.on{
	padding: 1.56vw 0;
	margin: 1vw 0;
	border-top: 1px solid #bdbdbd;
	border-bottom: 1px solid #bdbdbd;
	transition: all .5s;
	-webkit-transition: all .5s;  
}
.proinfo-kli.on .proinfo-k2{
	font-size: 1.666vw;
	color: #eb6001;f
}

.proinfo-tk-bj{
	position: fixed;
	z-index: 99;
	width: 100%;
	top: 0;
	left: 0;
	height: 100%;
	background: rgba(0,0,0,.3);
	display: none;
}
.proinfo-tk{
	width: 660px;
	height: auto;
	position: absolute;
	top: 50%;
	left: 50%;
	background: #fff;
	padding: 70px;
	transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	-webkit-transform:translate(-50%,-50%);
}
.proinfo-tk-a{
	font-size: 26px;
	text-align: center;
	font-weight: bold;
	line-height: 1;
}
.proinfo-tk-fm{
	margin-top: 35px;
	width: 100%;
}
.proinfo-tk-fm .int1{
	width: 100%;
	height: 60px;
	margin-bottom: 10px;
	padding: 0 30px;
	font-size: 16px;
	color: #000;
	background: #f5f5f5;
	border:1px solid #F5F5F5;
}
.proinfo-tk-fm .int1.on{
	background: #fff;
	border-color: #EB6001;
}
.proinfo-tk-fm .sub1{
	width: 100%;
	height: 60px;
	background: #EB6001;
	color: #fff;
	border: 0;
	font-weight: bold;
transition: all .5s;
-webkit-transition: all .5s;  
}
.proinfo-tk-fm .sub1:hover{
	opacity: .8;
transition: all .5s;
-webkit-transition: all .5s;  
}
.proinfo-tk-gb{
	position: absolute;
	top: 25px;
	right: 30px;
	cursor: pointer;
}

@media(max-width:1600px){
	.proinfo-tk{
		padding: 50px;
	}
}
@media(max-width:1200px){
	.proinfo{
		height: 65vw;
	}
	.proinfo-b{
		font-size: 30px;
		padding-bottom: 30px;
		bottom: initial;
		top: 30vw;
	}
	.proinfo-j{
		width: 50%;
		margin-right: 5%;
	}
	.proinfo-k{
		width: 45%;
	}
	/*.proinfo-e{
		top: 20vw;
	}*/
	.proinfo-f{
		font-size: 20px;
	}
	.proinfo-div{
		padding: 80px 0;
	}
	.proinfo-k2{
		font-size: 16px;
		margin: 5px 0;
	}
	.proinfo-kli.on{
		padding: 15px 0;
		margin: 10px 0;
	}
	.proinfo-jk{
		margin-top: 30px;
	}
	.proinfo-kli.on .proinfo-k2{
		font-size: 20px;
	}
	.proinfo-ebut{
		width: 50px;
	}
	.proinfo-enext, .proinfo-eprev{
		width: 20px;
		background-size: 15px auto;
	}
}

@media(max-width:1000px){
	.proinfo{
		height: 70vw;
	}
	.proinfo-d{
		font-size: 14px;
		max-width: 60vw;
	}
	.proinfo-b{
		font-size: 24px;
	}
	.proinfo-kli.on .proinfo-k2{
		font-size: 18px;
	}
	.proinfo-tk{
		width: 80%;
		max-width: 500px;
	}
	.proinfo-ebut{
		margin-left: 15vw;
	}
}

@media(max-width:750px){
	.proinfo{
		height:60vw;
	}
	.proinfo-d{
		font-size: .32rem;
		max-width: 65%;
	}
	.proinfo-a{
		font-size: 11vw;
	}
	.proinfo-b{
		font-size: .36rem;
		padding-bottom: .2rem;
		border-width: 1px;
		bottom: inherit;
		top: 36vw;
	}
	.proinfo-e{
		top: 22vw;
	}
	.proinfo-div{
		padding: .8rem 0;
	}
	.proinfo-f{
		font-size: .3rem;
	}
	.proinfo-g{
		width: 100%;
		max-width: 100%;
		font-size: .36rem;
		line-height: 1.4;
		margin-top: .3rem;
	}
	.proinfo-h{
		margin: 0;
		padding-top: .7rem;
	}
	.proinfo-jk{
		margin-top: .4rem;
	}
	.proinfo-j{
		width: 100%;
	}
	.proinfo-k{
		width: 100%;
		margin-top: .4rem;
	}
	.proinfo-j img{
		min-width: 40%;
		max-width: 60%;
	}
	.proinfo-k2{
		font-size: .3rem;
	}
	.proinfo-kli.on{
		padding: .3rem 0;
		margin: .15rem 0;
	}
	.proinfo-kli.on .proinfo-k2{
		font-size: .34rem;
		margin: 0;
	}
	.proinfo-k3{
		font-size: .28rem;
	}
	.proinfo-k4{
		font-size: .24rem;
		margin-top: .1rem;
	}
	
	.proinfo-tk{
		padding:.7rem .5rem;
	}
	.proinfo-tk-a{
		font-size: .36rem;
	}
	.proinfo-tk-fm{
		margin-top: .5rem;
	}
	.proinfo-tk-fm .int1{
		font-size: .26rem;
		height: .8rem;
		padding: 0 .2rem;
	}
	.proinfo-tk-fm .sub1{
		height: .8rem;
		font-size: .26rem;
	}
	.proinfo-tk-gb{
		top: .2rem;
		right: .3rem;
	}
	.proinfo-tk-gb{
		top: .2rem;
		right: .3rem;
	}
	.proinfo-ebut{
		width: .6rem;
		height: .5rem;
		margin-left: 13vw;
	}
	.proinfo-enext, .proinfo-eprev{
		width: .25rem;
		background-size: .2rem auto;
	}
}





/*市场*/
.market-nav{
	position: absolute;
	top: 50%;
	right: 4.16%;
	z-index: 6;
	
	transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
}

.market-nav a{
	display: block;
	background: no-repeat left center;
	background-size: 2.2vw;
	line-height: 2.5vw;
	padding-left: 3.2vw;
	color: #fff;
	font-weight: bold;
	opacity: .5;
	margin: .5vw 0;
}
.market-nav a:hover,
.market-nav a.on{
	opacity: 1;
}


.market{
	padding: 6.25vw 0 3.7vw 0;
}
.market-ab{
	overflow: hidden;
}
.market-a{
	width: 40%;
	float: left;
}
.market-b{
	width: 60%;
	float: right;
	max-width: 37.5vw;
	color: #666;
	padding-top: 2.5vw;
}

.market-ul{
	margin-top: 3.7vw;
	width: 101.3%;
	font-size: 0;
}
.market-li{
	width: 48.7%;
	display: inline-block;
	vertical-align: top;
	margin-right: 1.3%;
	margin-bottom: 1.3%;
	height: 36.197916vw;
	position: relative;
	overflow: hidden;
}
.market-li:nth-child(1){
	width: 55.5%;
}
.market-li:nth-child(2){
	width:41.9%;
}
.market-li:nth-child(3){
	width:31.5%;
}
.market-li:nth-child(4){
	width:65.9%;
}

.market-e{
	margin-top: 3.75vw;
}
.market-div{
	width: 100%;
	overflow: hidden;
	background: #000;
}
.market-d{
	width: 36%;
	float: left;
	height: 34.375vw;
	position: relative;
transition: all .5s;
-webkit-transition: all .5s;  
}
.market-d2{
	background: rgba(0,0,0,.8);
	z-index: 2;
transition: all .5s;
-webkit-transition: all .5s;  
}
.market-d3{
	background-position: left center;
	z-index: 3;
	opacity: 0;
transition: all .5s;
-webkit-transition: all .5s;  
}
.market-d4{
	position: relative;
	z-index: 4;
	width: 100%;
	padding-left: 4.16vw;
	padding-top: 13.541666vw;
	color: #fff;
}
.market-d4 >div{
	color: #fff;
}
.market-d5{
	color: #fff;
	position: absolute;
	left: 4.16vw;
	bottom: 3.7vw;
	z-index: 6;
	font-family: arial;
	display: none;
transition: all .5s;
-webkit-transition: all .5s;  
}
.market-d5:hover{
	color: #fff;
}
.market-d.on{
	width: 64%;
transition: all .5s;
-webkit-transition: all .5s;  
}
.market-d.on .market-d2{
	background: rgba(0,0,0,.5);
transition: all .5s;
-webkit-transition: all .5s;  
}
.market-d.on .market-d3{
	opacity: 1;
transition: all .5s;
-webkit-transition: all .5s;  
}
.market-d.on .market-d4 .product-a{
	opacity: .5;
transition: all .5s;
-webkit-transition: all .5s;  
}
.market-d.on .market-d5{
	display: block;
transition: all .5s;
-webkit-transition: all .5s;  
}


@media(max-width:1200px){
	.market-nav a{
		padding-left: 40px;
		line-height: 40px;
		background-size: 30px;
	}
	.market{
		padding: 80px 0;
	}
}
@media(max-width:750px){
	.market{
		padding: 1rem 0;
	}
	.market-a{
		width: 100%;
	}
	.market-b{
		width: 100%;
		max-width: 100%;
		padding-top: .3rem;
	}
	.market-ul{
		margin-top: .6rem;
	}
	.market-nav a{
		line-height: .5rem;
		padding-left: .5rem;
		background-size: .4rem;
	}
	.gyban-a{
		font-size: .5rem;
		margin-bottom: .15rem;
	}
	.gyban-b{
		font-size: .28rem;
		font-weight: bold;
	}
	.market-e{
		margin-top: .4rem;
		font-size: .3rem;
	}
	
	.market-d{
		width: 100% !important;
		height: 3.5rem;
	}
	.market-d5{
		bottom: .5rem;
		display: block;
	}
	.market-d2{
		background: rgba(0,0,0,.1) !important;
	}
	.market-d3{
		opacity: 1;
	}
}

/*可持续发展*/
.develop{
	padding: 2.2vw 0;
}
.develop-cd{
	position: relative;
	margin-top:3.2vw;
}
.develop-c{
	width: 69.6%;
	height: 35.677083vw;
	overflow: hidden;
	position: relative;
}
.develop-d{
	width: 38.7%;
	background: #f4f4f4;
	padding:5.21vw 4.16vw;
	border-bottom: 3px solid #EB6001;
	color: #666;
	position: absolute;
	top:50%;
	right: 0;
	transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
}
.develop-eg{
	padding: 6.25vw 0;
}
.develop-fg{
	margin-top: 6.25vw;
	overflow: hidden;
	font-size: 0;
}
.develop-f{
	display: inline-block;
	vertical-align: top;
	width: 50%;
	padding-right: 4.8%;

}
.develop-f2{
	margin-top: 6vw;
	height: 3.125vw;
	line-height: 3.125vw;
	text-transform: uppercase;
	color: #666;
	font-weight: bold;
	text-align: right;
}
.develop-f2 img{
	max-height: 96%;
	margin-left: 1.5vw;
}
.develop-g{
	color: #666;
	width: 50%;
	display: inline-block;
	vertical-align: top;
	padding-left: 2.2%;
	padding-top: 1vw;
	padding-bottom: .5vw;
}
.develop-hi{
	padding: 5.2vw 0;
}
.develop-h{
	margin-top: 5vw;
	background: #f4f4f4;
}
.develop-hsd{
	display: block;
	background: #f4f4f4;
	overflow: hidden;
}
.develop-hrt{
	width: 58.52%;
	overflow: hidden;
	height: 28.385vw;
	float: right;
	position: relative;
}
.develop-hlt{
	width: 41.48%;
	float: left;
	padding: 3.7vw;
	padding-top: 5.2vw;
}
.develop-h2{
	color: #ccc;
}
.develop-h3{
	line-height: 1.3;
}
.develop-h4{
	color: #666;
	margin-top: .5vw;
	line-height: 1.4;
}

.develop-hbut{
	width: 3.8vw;
	height: 1.8vw;
	position: absolute;
	left: 3.7vw;
	bottom: 3.7vw;
}
.develop-hnext,
.develop-hprev{
	width: 1.8vw;
	height: 1.8vw;
	left: 0;
	top: 0;
	margin: 0;
	background: url(../images/ico10_1.png) no-repeat center;
	background-size: .8vw auto;
	opacity: .5;
}
.develop-hnext{
	left: initial;
	right: 0;
	background-image: url(../images/ico10_2.png);
}
.develop-hnext:hover,
.develop-hprev:hover{
	opacity: 1;
}
@media(max-width:1200px){
	.develop-c{
		width: 100%;
		height: 55vw;
	}
	.develop-d{
		width: 100%;
		position: initial;
		top: initial;
		transform: inherit;
		
	}
	.develop{
		padding: 80px 0;
	}
	.develop-eg{
		padding: 80px 0;
	}
	.develop-f1{
		font-size: 20px;
		font-weight: bold;
	}
	.develop-f2{
		height: 35px;
		line-height: 35px;
	}
	.develop-hi{
		padding: 80px 0;
	}
	.develop-hlt{
		padding: 20px 15px;
	}
	.develop-hbut{
		width: 60px;
		height: 25px;
	}
	.develop-hnext, .develop-hprev{
		width: 48%;
		height: 100%;
		background-size: 10px auto;
		opacity: 1;
	}
	.develop-h4{
		margin-top: 5px;
	}
	.develop-g{
		padding-bottom: 5px;
	}
}
@media(max-width:1000px){
	.develop-f{
		width: 100%;
		padding: 0;
	}
	.develop-g{
		width: 100%;
		margin-top: 40px;
		padding: 0;
		padding-bottom: 5px;
	}
	.develop-hrt{
		height: 35vw;
	}
	.develop-h3{
		font-size: 18px;
	}
}
@media(max-width:750px){
	.develop,.develop-eg,.develop-hi{
		padding: .8rem 0;
	}
	.develop-f1{
		font-size: .3rem;
	}
	.develop-g{
		margin-top: .6rem;
	}
	.develop-h{
		margin-top: .5rem;
	}
	.develop-hrt{
		width: 100%;
		height: 3.5rem;
	}
	.develop-hlt{
		width: 100%;
		min-height: 3.5rem;
	}
	.develop-h2{
		font-size: .26rem;
	}
	.develop-h3{
		font-size: .3rem;
	}
}




/*新闻动态*/
.news{
	padding: 5.5vw 0;
}
.news-crt{
	width: 57.7%;
	height: 34.895833vw;
}
.news-clt{
	width: 42.3%;
}
.news-cbut{
	left: 33%;
}
.news-ca{
	position: absolute;
	left: 3.7vw;
	bottom: 3.7vw;
	font-weight: bold;
}
.news-ca:after{
	width: 100%;
}
.develop-h3{
	transition: all .5s;
-webkit-transition: all .5s;  
}
.develop-hsd:hover .develop-h3{
	color: #eb6001;
transition: all .5s;
-webkit-transition: all .5s;  
}

.news-ul{
	width: 101%;
	font-size: 0;
	margin-top: 1.2vw;
}
.news-li{
	width: 32.333%;
	display: inline-block;
	vertical-align: top;
	margin-right: 1%;
	margin-bottom: 2.2vw;
}
.news-e{
	width: 100%;
	overflow: hidden;
	position: relative;
}
.news-f{
	width: 100%;
	padding: 1.56vw;
	padding-top: 2vw;
}
.news-f2{
	line-height: 2vw;
	height: 4vw;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
transition: all .5s;
-webkit-transition: all .5s; 
}
.news-li:hover .news-f2{
	color: #eb6001;
transition: all .5s;
-webkit-transition: all .5s; 
}


@media(max-width:1200px){
	.news{
		padding: 80px 0;
	}
	.news-ul{
		margin-top: 20px;
	}
	.news-f{
		padding: 10px;
		padding-top: 15px;
	}
	.news-li{
		margin-bottom: 40px;
	}
	.news-f1{
		font-size: 14px;
	}
	.news-f2{
		font-size: 16px;
		line-height: 25px;
		height: 50px;
	}
}

@media(max-width:1000px){
	.news-clt .develop-h3{
		font-size: 16px;
	}
}

@media(max-width:750px){
	.news{
		padding: .8rem 0;
	}
	.news-crt{
		width: 100%;
		height: 4rem;
	}
	.news-clt{
		width: 100%;
		height: 3.5rem;
	}
	.news-clt .develop-h3{
		font-size: .3rem;
	}
	.develop-hbut{
		left: initial;
		right: 3.7vw;
	}
	.news-ul{
		margin-right: .4rem;
		width: 102%;
	}
	.news-li{
		width: 48%;
		margin-right: 2%;
		margin-bottom: .5rem;
	}
	.news-f{
		padding: .1rem;
		padding-top: .15rem;
	}
	.news-f1{
		font-size: .24rem;
	}
	.news-f2{
		font-size: .26rem;
		line-height: .35rem;
		height: .7rem;
	}
}
.pagenav{width:100%;text-align:center}
.pagenav a{ display:inline-block; margin-right:10px; font-size:20px; padding:2px 10px; text-align:center;}
.pagenav a:hover{background:#eb6001; color:#fff;}
.pagenav span.current{background:#eb6001; color:#fff;display:inline-block; margin-right:5px; font-size:20px; padding:2px 0; width:31px; text-align:center;}
.pagenav span.xsys{background:#ccc; color:#fff;display:inline-block; margin-right:10px; font-size:20px; padding:2px 15px;text-align:center;}


@media(max-width:1200px){
.pagenav a{ display:inline-block; margin-right:10px; font-size:16px; padding:2px 5px; text-align:center;}
.pagenav a:hover{background:#eb6001; color:#fff;}
.pagenav span.current{background:#eb6001; color:#fff;display:inline-block; margin-right:5px; font-size:16px; padding:2px 0; width:31px; text-align:center;}
.pagenav span.xsys{background:#ccc; color:#fff;display:inline-block; margin-right:10px; font-size:16px; padding:2px 5px;text-align:center;}
	
}
@media(max-width:750px){
.pagenav a{ display:inline-block; margin-right:10px; font-size:14px; padding:2px 5px; text-align:center;}
.pagenav a:hover{background:#eb6001; color:#fff;}
.pagenav span.current{background:#eb6001; color:#fff;display:inline-block; margin-right:5px; font-size:16px; padding:2px 0; width:31px; text-align:center;}
.pagenav span.xsys{background:#ccc; color:#fff;display:inline-block; margin-right:10px; font-size:16px; padding:2px 5px;text-align:center;}

	
}




.nwinfo{
	padding:2vw 0;
}
.nwinfo-a{
	padding-left: 1.25vw;
	background: url(../images/ico10_5.png) no-repeat left center;
	line-height: 2vw;
	background-size: .6vw auto;
	font-weight: bold;
}
.nwinfo-a:hover{
	color: #eb6001;
}
.nwinfo-b{
	margin-top:1.125vw;
	line-height: 1.3;
	font-weight: bold;
}
.nwinfo-c{
	font-weight: bold;
	color: #cccccc;
	margin-top: 1vw;
}
.nwinfo-d{
	color: #666;
	padding: 1.8vw 0;
}
.nwinfo-d img{
    width:100%;
    text-align: center;
    max-width: 1200px;
}
.nwinfo-e-bj{
	width: 100%;
	background: #eb6001;
	padding: 1.2vw 0;
}
.nwinfo-e{
	position: relative;
	text-align: center;
}
.nwinfo-ediv{
	display: inline-block;
	text-align: left;
	color: #fff;
	width: 28.645833vw;
}
.nwinfo-e2{
	line-height: 1.3;
	margin-top: .5vw;
}
.nwinfo-e3{
	color: #fff;
	position: absolute;
	left: 0;
	top: 0;
}
.nwinfo-e4{
	position: absolute;
	right: 0;
	color: #fff;
	top: 50%;
	margin-left: -1vw;
}
.nwinfo-e4:after{
	/*width: 100%;*/
	background: #fff;
}
.nwinfo-e4:hover{
	color: #fff;
}

@media(max-width:1200px){
	.nwinfo-ediv{
		width: 35vw;
	}
	.nwinfo-a{
		padding-left: 20px;
		background-size: 8px auto;
	}
}

@media(max-width:750px){
	.nwinfo-a{
		font-size: .24rem;
		padding-left: .3rem;
		background-size: .12rem auto;
	}
	.nwinfo-b{
		font-size: .32rem;
		line-height: 1.5;
		margin-top: .15rem;
		min-height: auto;
	}
	.nwinfo-c{
		font-size: .26rem;
		margin-top: .3rem;
	}
	.nwinfo{
		padding-top: .6rem;
		padding-bottom: .4rem;
	}
	.nwinfo-d{
		padding: .8rem 0;
	}
	.nwinfo-e-bj{
		padding: .6rem 0;
	}
	.nwinfo-e{
		text-align: left;
	}
	.nwinfo-e3 {
		position: initial;
		width: 100%;
		font-size: .42rem;
		font-weight: bold;
	}
	.nwinfo-ediv{
		width: 100%;
		margin: .4rem 0;
	}
	.nwinfo-e1{
		font-size: .24rem;
	}
	.nwinfo-e2{
		line-height: 1.5;
		font-size: .32rem;
	}
	.nwinfo-e4{
		position: relative;top: initial;
		margin-top: 0;
	}
}




/*技术支持*/
.support{
	width: 100%;
	overflow: hidden;
	position: relative;
}
.support-a{
	color: #fff;
	padding-top: 5.73vw;
	position: relative;
	z-index: 6;
}
.support-a .product-a span{
	color: #fff;
	opacity: .5;
}
.support-b{
	margin-top: 3.8vw;
	font-size: 0;
	position: relative;
	z-index: 3;
}
.support-b1{
	height: 36vw;
}
.support-b{
	margin-top: 3.8vw;
	font-size: 0;
	position: relative;
	z-index: 3;
}
.support-c{
	height: 19vw;
	position: absolute;
	right: 4.166%;
	top: 50%;
	margin-top: -9.5vw;
}
.support-d{
	position: absolute;
	right: 4.166%;
	top: 80%;
}

.team{
	padding: 5.3vw 0;
}
.team-c{
	text-align: right;
	margin-top: 4.2vw;
}
.team-c1{
	display: inline-block;
	width: 66.4772%;
	text-align: left;
	color: #666;
	line-height: 2;
}
.team-cbut{
	top: 2vw !important;
	left: 0 !important;
}
.team-swiper{
	width: 100%;
	margin-top: 7.3vw;
}

.team-ul{
	width: 101.1%;
	font-size: 0;
	margin-top: 7.3vw;
	
}
.team-li{
	display: inline-block;
	vertical-align: top;
	width:100%;
	height: 20.8333vw;
	background: #f2f2f2;
	position: relative;
	overflow: hidden;
	color: #000;
transition: all .5s;
-webkit-transition: all .5s;  
}
.team-d{
	opacity: 0;
transition: all .5s;
-webkit-transition: all .5s;  
}
.team-li:hover {
	color: #fff;
transition: all .5s;
-webkit-transition: all .5s;  
}
.team-li:hover .team-d{
	opacity: 1;
transition: all .5s;
-webkit-transition: all .5s;  
}
.team-d:after{
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(0,0,0,.7);
}
.team-e{
	line-height: 1.4;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	padding: 2.1vw;
}
.team-e span{
	font-family: arial;
	font-weight: bold;
}
.team-f{
	line-height: 1.4;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 2.1vw;
}


.achievements{
	padding: 5.2vw 0 7.3vw 0;
}
.achievements-c{
	margin-top: 1.2vw;
}
.achievements-d{
	width: 100%;
	position: relative;
	height: 1px;
}
.achievements-dbut{
	position: absolute;
	left: initial;
	right: -.5vw;
	top: -2vw;
}
.achievements-e{
	margin-top: 4.2vw;
}
.achievements-esd{
	height: 17.15vw;


}
.achievements-e2 img{
   
	background-size: 80% auto;
	position: absolute;
	left: 0;
	top: 50%;
	line-height: 1.5;
	text-align: center;
	transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
}
.achievements-e2 img:hover{
    border: 2px solid  #eb6001;
}

.achievements-f{
	margin-top: 4.2vw;
}
.achievements-g{
	margin-top: 1.5vw;
	width: 102%;
	font-size: 0;
}
.achievements-gli{
	width: 31.333%;
	margin-right: 2%;
	margin-bottom: 2%;
	display: inline-block;
	vertical-align: top;
	padding-left: 2.6vw;
	background: url(../images/ico15.png) no-repeat left top; 
	background-size: 1.6vw auto;
}
.achievements-h{
	margin-top: 2vw;
}



.certification{
	padding: 5.2vw 0;
}
.certification-c{
	margin-top: 4.16vw;
}
.certification-c2{
	padding: 1.56vw;
	background: #fff;
	box-shadow: 0 5px 5px #ccc;
}
.certification-c2 img{
	width: 100%;
}
.certification-c3{
	text-align: center;
	margin-top: 1.6vw;
	opacity: 0;
}
.certification-c23{
	transform:scale(.7);
	-ms-transform:scale(.7);
	-moz-transform:scale(.7);
	-webkit-transform:scale(.7);
}
.certification-csd.swiper-slide-active .certification-c23{
	transform:scale(1);
	-ms-transform:scale(1);
	-moz-transform:scale(1);
	-webkit-transform:scale(1);
}
.certification-csd.swiper-slide-active .certification-c3{
	opacity: 1;
}

.certification-cprev{
	top: 42%;
	left: 28%;
	width: 2vw;
	height: 3vw;
}
.certification-cnext{
	top: 42%;
	right:28%;
	width: 2vw;
	height: 3vw;
}

.tspro{
	padding: 5.2vw 0;
}
.tspro-swiper{
	margin-top: 3vw;
	padding-top: 1.16vw;
}
.tspro-cbut {
	left: initial;
	top: 0;
	right: 0;
}
.tspro-ul{
	width: 102.6%;
	font-size: 0;
	margin-top: 4.16vw;
}
.tspro-li{
	display: inline-block;
	vertical-align: top;
	width: 100%;
	background: #fff;
	padding: 2.55vw;
	position: relative;
	top: 0;
		transition: all .5s;
		-webkit-transition: all .5s; 
}
.tspro-d{
	width: 100%;
	min-height: 15.625vw;
	padding: 1.35vw 0;
	color: #666;
}
.tspro-e{
	padding-top: 1.14vw;
	border-top: 1px solid #ccc;
	overflow: hidden;
}
.tspro-e1{
	float: left;
	height: 3.333vw;
}
.tspro-e2{
	float: right;
	line-height: 3.333vw;
	color: #ccc;
}
@media(min-width:1201px){
	.tspro-li:hover{
		top: -20px;
		box-shadow: 5px 5px 5px #ccc;
		transition: all .5s;
		-webkit-transition: all .5s;  
	}
}

@media(max-width:1200px){
	.support-a{
		padding-top: 80px;
	}
	.team-e{
		padding: 25px;
	}
	.team-f{
		padding: 25px;
	}
	
	
	
	
	.achievements{
		padding: 80px 0;
	}
	.achievements-gli{
		width: 48%;
	}
	.certification{
		padding: 80px 0;
	}
	.certification-c{
		margin-top: 50px;
	}
	.certification-c23 {
	    transform: scale(.8);
	    -ms-transform: scale(.8);
	    -moz-transform: scale(.8);
	    -webkit-transform: scale(.8);
	}
	
	.certification-cprev{
		left: 30%;
		width: 20px;
		height: 40px;
		margin-top: -15px;
	}
	.certification-cnext{
		right: 30%;
		width: 20px;
		height: 40px;
		margin-top: -15px;
	}
	
	.tspro{
		padding: 80px 0;
	}
	.tspro-d{
		font-size: 14px;
		min-height: 280px;
		padding: 15px 0;
	}
	.tspro-e{
		padding-top: 15px;
	}
	.achievements-gli{
		padding-left: 28px;
		background-size: 18px auto;
		background-position-y: 6px;
	}
	.team{
		padding: 80px 0;
	}
}

@media(max-width:1000px){
	.team-c1{
		width: 100%;
	}
	.team-li{
		height: 200px;
	}
	.team-f{
		font-size: 16px;
	}
	.achievements-esd{
		height: 240px;
	}
	.achievements-g{
		width: 100%;
	}
	.achievements-gli{
		width: 100%;
		margin-bottom: 15px;
	}
	
	
	.tspro-ul{
		width: 100%;
	}
	.tspro-li{
		width: 100%;
		
	}
	.tspro-swiper{
		margin-top: 50px;
	}
	.tspro-d{
		min-height: 240px;
	}
	.tspro-e{
		margin-top: 10px;
	}
	.tspro-e1{
		height: 35px;
	}
	.tspro-e2{
		line-height: 35px;
	}
	.tspro-c{
		font-size: 18px;
	}
	.certification-c3{
		font-size: 18px;
		margin-top: 20px;
	}
	
}


@media(max-width:750px){
	.support-a{
		padding-top: .8rem;
	}
	.team{
		padding: .8rem 0;
	}
	.team-c{
		margin-top: .5rem;
	}
	.team-c1{
		font-size: .26rem;
	}
	
	.team-cc{
		display: none;
	}
	.team-swiper,.team-swiper .swiper-wrapper,.team-esd{
		display: block;
		height: auto;
	}
	.team-ul{
		width: 100%;
		margin-top: .5rem;
	}
	.team-li{
		width: 100%;
		height: auto;
		padding: .3rem;
		text-align: center;
		margin-bottom: .3rem;
	}
	.team-e{
		position: relative;
		padding: 0;
	}
	.team-f{
		position: relative;
		padding: 0;
		margin-top: .2rem;
		font-size: .26rem;
	}
	.team-e{
		font-size: .28rem;
	}
	.team-e span{
		font-size: .8rem;
	}
	.achievements{
		padding: .8rem 0;
	}
	.achievements-c{
		font-size: .3rem;
		margin-top: .4rem;
		font-weight: bold;
	}
	.achievements-d{
		width: 100%;
		position: relative;
		margin-top: .4rem;
		height: .6rem;
	}
	.achievements-esd{
		height: 3.5rem;
		font-size: .26rem;
	}
	.achievements-e{
		margin-top: .2rem;
	}
	
	.achievements-f{
		margin-top: .5rem;
	}
	.achievements-g{
		margin-top: .25rem;
	}
	.achievements-gli{
		font-size: .24rem;
		line-height: .4rem;
		padding-left: .4rem;
		background-size: .24rem auto;
		background-position-y: .07rem;
		margin-bottom: .1rem;
	}
	
	.certification{
		padding: .8rem 0;
	}
	.certification-c{
		width: 100vw;
		margin-left: -4vw;
		margin-top: .7rem;
	}
	.certification-cprev{
		left: 15%;
		width: .4rem;
		height: .8rem;
	}
	.certification-cnext{
		right: 15%;
		width: .4rem;
		height: .8rem;
	}
	.certification-c3{
		font-size: .28rem;
		margin-top: .3rem;
	}
	
	.tspro{
		padding: .8rem 0;
	}
	.tspro-cc{
		display: none;
	}
	.tspro-swiper,
	.tspro-swiper .swiper-wrapper,
	.tspro-esd{
		display: block;
   		 height: auto;
	}
	
	.tspro-ul{
		margin-top: .6rem;
	}
	.tspro-li{
		height: auto;
		padding: .3rem;
		margin-bottom: .3rem;
	}
	.tspro-c{
		font-size: .32rem;
	}
	.tspro-d{
		font-size: .26rem;
		padding: .15rem 0;
		min-height: auto;
	}
}



/*关于*/
.about{
	padding: 5.5vw 0;
}

.about .aboutpic{margin:2vw 2vw 0 0}
.about-ac{
	font-size: 0;
}
.about-a{
	width: 42%;
	display: inline-block;
	vertical-align: top;
}
.about-b{
	width: 58%;
	display: inline-block;
	vertical-align: top;
	padding-top: 2.6vw;
}
.about-b1{
	line-height: 2;
	color: #666;
	text-align: justify;
}
.about-bul{
	display: flex;
	justify-content: space-between;
	margin-top: 4.166vw;
}
.about-bli{
	display: inline-block;
}
.about-b2{
	line-height: 1;
}
.about-b2 span{
	font-size:4.79166vw;
	font-family: arial;
}
.about-b3{
	margin-top: .5vw;
}

.about-c{
	width: 100%;
	position: relative;
	margin-top: 5.3vw;
	background: #000;
}
.about-c>img{
	opacity: .8;
}
/*.about-c2{
	background: url(../images/ico17.png) no-repeat center;
	background-size: 5.52vw;
	cursor: pointer;
}*/
.about-c3 {
	background: url(../images/ico17.png) no-repeat top 72% center;
	background-size: 5.52vw;
	cursor: pointer;
}

.swiper-slide-active .about-c3,
.swiper-slide-duplicate-active .about-c3 {
	background: url(../images/ico17.png) no-repeat center;
	background-size: 5.52vw;
	cursor: pointer;
}


.strategic-bj {
	min-height: 50.52vw;
}
.strategic{
	padding: 15.625vw 0;
	text-align: center;
	color: #fff;
}
.strategic-c{
	line-height: 2;
	color: #fff;
	margin-top: 3.75vw;
}



.milestone-bj{
	width: 100%;
	overflow: hidden;
	position: relative;
}
.milestone-a{
	padding-top: 5.5vw;
}
.milestone-a span{
	color: #fff;
	opacity: .5;
}
.milestone-c{
	width: 108%;
	margin-left: -4.8%;
	line-height: 2;
	margin-top: 2vw;
	padding-bottom: 25vw;
	z-index: 2;
	cursor: pointer;
}
.milestone-csd{
	text-align: center;
	padding-top: 10vw;
	cursor: pointer;
}
.milestone-d{
	margin-top: 5.2vw;
	font-size: 0;
	position: absolute;
	left: 0;
	bottom: 0;
}
.milestone-d1{
	height: 100%;
	overflow: hidden;
}
.milestone-d1 img{
	position: absolute;
	top: 100%;
}
.milestone-d.on .milestone-d1 img{
	top:0%;	
	transition: all .5s;
	-webkit-transition: all .5s;  
}
.milestone-c3{
	font-size:4.791666vw;
	color: #ccc;
	line-height: 5.833vw;
}
.milestone-c2{
	height: 4vw;
	width: 100%;
	position: relative;
}
.milestone-c2>div{
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	display: none;
}
.milestone-csd.swiper-slide-active .milestone-c3{
	font-size: 5.833vw;
	color: #eb6001;
}
.milestone-csd.swiper-slide-active .milestone-c2>div{
	display: block;
}



.mission{
	padding-top: 5.5vw;
}
.mission-ul{
	overflow: hidden;
	margin-top: 4.7vw;
	background: #f3f3f3;
}
.mission-li{
	width: 16.9%;
	float: left;
	height: 34.375vw;
	position: relative;
transition: all .5s;
-webkit-transition: all .5s;  
}
.mission-li:nth-child(2n + 0){
	background: #eaeaea;
}
.mission-li.on{
	width: 32.4%;
}
.mission-d{
	opacity: 0;
transition: all .5s;
-webkit-transition: all .5s;  
}
.mission-d>i{
	background: rgba(0,0,0,.2);
}
.mission-c{
	width: 100%;
	position: absolute;
	top: 50%;
	left: 0;
	z-index: 2;
	line-height: 1.2;
	text-align: center;
	transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
transition: all .5s;
-webkit-transition: all .5s;  
}
.mission-c1{
	color: #c0c0c0;
	text-transform: uppercase;
transition: all .5s;
-webkit-transition: all .5s;  
}
.mission-e{
	text-align: center;
	color: #fff;
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	opacity: 0;
	z-index: 2;
	padding: 1.56vw 2.1vw;
transition: all .5s;
-webkit-transition: all .5s;  
}

.mission-li.on{
	width: 32.4%;
transition: all .5s;
-webkit-transition: all .5s;  
}
.mission-li.on .mission-d{
	opacity: 1;
transition: all .5s;
-webkit-transition: all .5s;  
}
.mission-li.on .mission-e{
	opacity: 1;
transition: all .5s;
-webkit-transition: all .5s;  
}
.mission-li.on .mission-c{
	color: #fff;
transition: all .5s;
-webkit-transition: all .5s;  
}
.mission-li.on .mission-c1{
	color: #fff;
transition: all .5s;
-webkit-transition: all .5s;  
}


.management{
	padding-top: 5.2vw;
}

.management-c{
	margin-top: 4.7vw;
	width: 100%;
}
.management-csd{
	border: 1px solid #c0c0c0;
	height:29.427083vw;
	border-right:0 ;
}
.management-c2{
	position: absolute;
	right: 0;
	bottom: 0;
	height: 100%;
}
.management-c34{
	width: 50%;
	position: absolute;
	left: 0;
	bottom: 0;
	padding-left: 2.16vw;
	padding-bottom: 2.16vw;
}
.management-c4{
	color: #666;
}
.management-c5{
	color: #666;
	line-height: 1.4;
	margin-top: .5vw;
}



.productive{
	padding: 5.2vw 0 7.5vw 0;
}
.productive-div{
	margin-top: 4.7vw;
	font-size: 0;
}
.productive-lt{
	width: 58.24%;
	display: inline-block;
	vertical-align: top;
	padding: 4vw 0;
	padding-left: 15.1vw;
	padding-right: 3vw;
	position: relative;
}
.productive-lt:after{
	content: '';
	width: 1px;
	height: 100%;
	background: #999;
	position: absolute;
	top: 0;
	left: 13vw;
}
.productive-d{
	margin: 2vw 0;
	color: #666;
	position: relative;
	cursor: pointer;
}
.productive-di{
	/*content: '';*/
	width: 3.7vw;
	height: 3.7vw;
	/*background: url(../images/ico20.png) no-repeat center;
	background-size: cover;*/
	position: absolute;
	top: 50%;
	left: -10.41666vw;
	margin-top: -1.85vw;
	display: none;
}
.productive-d:hover{
	color: #000;
}
.productive-d.on{
	color: #000;
}
.productive-d.on .productive-di{
	display: block;
}
.productive-rt{
	width: 41.76%;
	display: inline-block;
	vertical-align: top;
}
.productive-rt img{
	display: none;
}



.quality{
	padding: 5.5vw 0 3vw  0;
}
.quality-ul{
	width: 100%;
	font-size: 0;
	margin-top: 4.7vw;
}
.quality-li{
	width: 100%;
	display: inline-block;
	vertical-align: top;
}
.quality-li:nth-child(2n + 0){
	margin-left: 2.28%;
}
.quality-c{
	width: 100%;
	height: 26.041666vw;
	position: relative;
	overflow: hidden;
}
.quality-d{
	width: 88.4%;
	height: 15.625vw;
	margin: 0 auto;
	background: #f5f5f5;
	text-align: center;
	padding: 2.1vw;
	position: relative;
	margin-top: -6.25vw;
transition: all .5s;
-webkit-transition: all .5s; 
}
.quality-d2{
	opacity: .6;
	margin: 0 auto;
	margin-top: 1.56vw;
	width: 100%;
	max-width: 31.25vw;
}
.quality-li:hover .quality-d{
	background: #075ab7;
	color: #fff;
transition: all .5s;
-webkit-transition: all .5s; 
}



.digital{
	padding: 5.2vw 0;
}
.digital-ab{
	font-size: 0;
}
.digital-a{
	width: 48%;
	padding-right: 5%;
	display: inline-block;
	vertical-align: top;
}

.digital-b{
	width: 52%;
	display: inline-block;
	vertical-align: top;
	padding-top:5vw;
	color: #666;
}
.digital-div{
	margin-top: 4.16vw;
	position: relative;
}
.digital-c{

}
.digital-csd{
	width:49.3vw;
	margin-right: 5.72vw;
	height: 32.8125vw;
}
.digital-cps{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 32.8125vw;
}
.digital-c2{
	width: 100%;
	position: relative;
	overflow: hidden;
	height: 27.8645833vw;
	font-size: 0;
}
 .digital-c2-a{
	background-size: 100% auto;
	background-position-y: bottom;
}
.digital-c3{
	margin-top: 2.1vw;
	line-height: 2vw;
}
.digital-c3>span{
	display: inline-block;
	color: #ccc;
}
.digital-csd.swiper-slide-active{
	 
}
.digital-csd.swiper-slide-active .digital-cps{
	width: 100%;
}
.digital-jk{
	width: 33.5125vw;
	position: absolute;
	top: .5vw;
	right: 2.2vw;
	z-index: 9;
}
.digital-j{
	float: left;
	color: #ccc;
	line-height: 1;
}
.digital-j .sp1{
	font-size: 3.4375vw;
	line-height: 1;
	margin-top: .8vw;
}
.digital-kbut{
	margin-top: .5vw;
}



.inflex{
	padding: 4.7vw 0;
}
.inflex-div{
	margin-top: 3.75vw;
	font-size: 0;
}
.inflex-jk{
	width: 20vw;
}
.inflex-pos{
	margin-top: 5vw;
	position: relative;
}
.inflex-swiper{
	
}
.inflex-lt{
	width: 44.886%;
	padding-right: 9.375%;
	display: inline-block;
	vertical-align: top;
}
.inflex-c{
	line-height: 1.66;
}
.inflex-d{
	margin-top: 2.1vw;
	color: #666;
}
.inflex-da{
	margin-top: 1.26vw;
	line-height: 2.2;
}
.inflex-da:after{
	width: 100% !important;
}
.inflex-e{
	width: 100%;
	height: 10.54vw;
	line-height: 10.54vw;
	text-align: center;
	/*border: 1px solid #dbdbdb;*/
	margin-top: 3vw;
}
.inflex-e img{
	max-width: 90%;
	max-height: 100^;
	min-width: 12.7vw;
	min-height: 5.9vw;
}
.inflex-f{
	width: 55.114%;
	display: inline-block;
	vertical-align: top;
}
.inflex-fsd{
	height: 34.114583vw;
}

.inflex-fprev{
	width: 2vw;
	height: 5vw;
	left: 2vw;
	top: 50%;
	margin-top: -2.5vw;
	background-image: url(../images/ico10_7.png);
}
.inflex-fnext{
	width: 2vw;
	height: 5vw;
	right: 2vw;
	top: 50%;
	margin-top: -2.5vw;
	background-image: url(../images/ico10_8.png);
}



.concept{
	padding:5vw 0;
	color: #000;
}
.concept-a span{
	color: #ccc;
}
.concept-c{
	margin-top: 4.16vw;
}


@media(max-width:1200px){
    .about .aboutpic{margin:2vw 2vw 0 0}
	.mission-e{
		font-size: 14px;
	}
	
	.quality-d{
		height: 260px;
	}
	.quality-d1{
		font-size: 20px;
	}
	.quality-d2{
		font-size: 14px;
	}
	.about,.productive,.quality,.inflex,.digital{
		padding: 60px 0;
	}
	.milestone-a,.mission,.management{
		padding-top: 60px;
	}
	.productive-lt{
		padding-top: 2vw;
		padding-bottom: 2vw;
	}
	.inflex-fprev,.inflex-fnext{
		width: 25px;
		height: 40px;
		margin-top: -20px;
	}
	
	.digital-csd{
		width: 52vw;
		margin-right: 3vw;
		height: 35vw;
	}
	.digital-c3{
		line-height: 1.8;
		margin-top: 15px;
	}
	.digital-jk{
		right: 3.2vw;
	}
	.digital-c3{
		font-size: 16px;
		line-height: 25px;
	}
	.digital-c3>span{
		font-size: 18px;
		line-height: 28px;
	}
	.digital-j .sp1{
		font-size: 34px;
	}
	.management-c5{
		font-size: 12px;
	}
}

@media(max-width:1000px){
	.about-a{
		width: 100%;
	}
	.about-b{
		width: 100%;
		margin-top: 30px;
	}
	.about-c{
		margin-top: 40px;
	}
	.milestone-c2{
		font-size: 14px;
		height: 50px;
		line-height: 1.5;
	}
	.milestone-c3{
		font-size: 30px;
		line-height: 40px;
		margin-top: 10px;
	}
	.milestone-csd.swiper-slide-active .milestone-c3{
		font-size: 40px;
	}
	.mission-e{
		font-size: 12px;
	}
	.productive-lt{
		font-size: 18px;
		font-weight: bold;
	}
	.quality-li{
		width: 100%;
		margin: 0;
		margin-bottom: 30px;
	}
	.quality-d{
		height: auto;
		padding: 30px;
	}
	.quality-d2{
		max-width: initial;
	}
	
	
	.inflex-div{
		width: 100%;
		margin-top: 30px;
	}
	.inflex-lt{
		width: 100%;
		padding: 0;
	}
	.inflex-c{
		font-weight: bold;
	}
	.inflex-e{
		height: 17vw;
		line-height: 17vw;
	}
	.inflex-f{
		margin-top: 40px;
		width: 100%;
	}
	.inflex-fsd{
		height: 58vw;
	}
	.quality-c{
		height: 35vw;
	}
}

@media(max-width:750px){
	.about, .productive, .quality, .inflex, .digital{
		padding: 1rem 0;
	}
	.about-b{
		margin-top: .3rem;
		padding: 0;
	}
	.about-bul{
		margin-top: .3rem;
	}
	.about-b2{
		font-size: .24rem;
	}
	.about-b2 span{
		font-size: .5rem;
	}
	.about-b3{
		font-size: .24rem;
	}
	.about-c{
		margin-top: .5rem;
	}
	.about-c2{
		background-size: .7rem;
	}
	.strategic-c{
		font-size: .24rem;
		margin-top: .5rem;
	}
	.milestone-a, .mission, .management{
		padding-top: .8rem;
	}
	.management-c34{
		padding-left: .3rem;
		padding-bottom: .3rem;
	}
	.milestone-c3{
		font-size: .28rem;
		line-height: .4rem;
		margin-top: .15rem;
		font-weight: bold;
	}
	.milestone-csd.swiper-slide-active .milestone-c3{
		font-size: .4rem;
	}
	
	.milestone-c2{
		font-size: .24rem;
		height:2rem;
		width: 250%;
		margin-left: -75%;
	}
	.milestone-csd{
		padding-top: .3rem;
	}
	.mission-ul{
		margin-top: .5rem;
		padding: 0 4%;
		background: #fff;
	}
	.mission-li{
		width: 100%;
		height: 4rem;
		margin-bottom: .2rem;
	}
	.mission-li.on{
		width: 100%;
		height: 4rem;
	}
	.mission-d{
		opacity: 1;
	}
	.mission-c1,.mission-c2{
		color: #fff;
	}
	.mission-e{
		font-size: .26rem;
		padding: .3rem;
		opacity: 1;
	}
	.management-csd{
		height: 4rem;
	}
	.management-c{
		margin-top: .2rem;
	}
	.management-c3{
		font-size: .3rem;
	}
	.management-c4{
		font-size: .26rem;
	}
	.productive-div{
		margin-top: .6rem;
	}
	
	.productive-lt{
		width: 100%;
		padding-top: .1rem;
		padding-bottom: .1rem;
		padding-left: 1rem;
		font-size: .3rem;
	}
	.productive-d{
		padding: .1rem 0;
	}
	.productive-lt:after{
		left: .7rem;
	}
	.productive-di{
		width: .5rem;
		height: .5rem;
		left: -1rem;
		margin-top: -.25rem;
	}
	.productive-rt{
		width: 100%;
		margin-top: .5rem;
	}
	
	.quality-ul{
		margin-top: .6rem;
	}
	.quality-c{
		height: 4rem;
	}
	.quality-d{
		width: 94%;
		padding: .4rem .3rem;
		margin-top: -1rem;
	}
	.quality-d1{
		font-size: .3rem;
	}
	.quality-d2{
		font-size: .24rem;
		margin-top: .2rem;
	}
	.digital-a{
		width: 100%;
		padding: 0;
	}
	.digital-b{
		width: 100%;
		margin-top: .3rem;
	}
	
	.inflex-div{
		margin-top: .4rem;
	}
	.inflex-d{
		margin-top: .2rem;
	}
	.inflex-da{
		margin-top: .2rem;
	}
	.inflex-e{
		height: auto;
		line-height: initial;
		margin-top: .3rem;
	}
	.inflex-e img{
		min-width: 2.5rem;
		min-height: 1.6rem;
	}
	.inflex-f{
		margin-top: .6rem;
	}
	.concept{
		padding: 1rem 0;
	}
	.concept-c{
		font-size: .28rem;
		margin-top: .5rem;
	}
	
	.digital-csd{
		width: 6rem;
		margin:0 .3rem;
		height: auto;
	}
	.digital-cps{
		width: 100% !important;
		position: initial;
	}
	.digital-c2{
		height: 3.5rem;
	}
	.digital-c3{
		font-size: .26rem;
		line-height: .4rem;
		margin-top: .15rem;
	}
	.digital-c3>span{
		font-size: .3rem;
		line-height: .4rem;
	}
	.digital-div{
		margin-top: .5rem;
	}
	
	.digital-jk{
		width: 6.2rem;
		position: relative;
		right: initial;
		margin-bottom: .3rem;
		overflow: hidden;
	}
	.digital-kbut{
		bottom: 0 !important;
	}
	
	.inflex-jk{
		width: 40%;
		margin-left: 60%;
	
	}
}


.idxban-swiper{
	width: 100%;
	height: 51vw;
	max-height: 100vh;
}
.idxban-sd{
	width: 100%;
	overflow: hidden;
}
.idxban-div{
	padding-top: 15.625vw;
	color: #fff;
	position: relative;
	z-index: 2;
	top: 5vw;
	opacity: 0;
}
.idxban-sd.swiper-slide-active .idxban-div{
	top: 0;
	opacity: 1;
transition: all .5s .5s;
-webkit-transition: all .5s .5s;  
}
.idxban-a{
	width: 60%;
	font-weight: bold;
	font-size: 4.9479166vw;
	line-height: .9;
}
.idxban-b{
	width: 60%;
	margin-top: 1vw;
}

.idxban-but{
	position: absolute;
	left: initial;
	right: 3.16vw;
	top: 50%;
	z-index: 3;
	
	transform:rotate(90deg);
	-ms-transform:rotate(90deg);
	-moz-transform:rotate(90deg);
	-webkit-transform:rotate(90deg);
	
	transform-origin: center;
}
.idxban-prev{
	background-image: url(../images/ico10_7.png);
	opacity: .8;
}
.idxban-next{
	background-image: url(../images/ico10_8.png);
	opacity: .8;
}

.idxban-rt{
	z-index: 3;
	bottom: 2.1vw;
}
.idxban-lt{
	position: absolute;
	left: 4.16vw;
	bottom: 2.1vw;
	color: #fff;
	width: 10vw;
	/*height: 2.6vw;*/
	z-index: 3;
	overflow: hidden;
}
.idxban-lt-a{
	font-family: arial;
	font-weight: bold;
	line-height: 1;
}
@media(max-width:1200px){
	.idxban-swiper{
		height: 60vw;
	}
	.idxban-but{
		right: 3%;
	}
	.idxban-rt{
		right: 7%;
		bottom: 30px;
	}
	.idxban-lt{
		left: 4%;
		bottom: 30px;
		width: 80px;
		/*height: 35px;*/
	}
}
@media(max-width:1000px){
	.idxban-lt{
		/*height: 30px;*/
	}
}
@media(max-width:750px){
	.idxban-swiper{
		height: calc(100vh - 1rem);
	}
	
	.idxban-div{
		padding-top: 30vh;
	}
	.idxban-a{
		width: 90%;
		font-size: .5rem;
		line-height: 1;
	}
	.idxban-b{
		width: 90%;
		font-size: .4rem;
		margin-top: .2rem;
		font-weight: bold;
	}
	.idxban-but{
		transform: initial;
		right: 50%;
		top: initial;
		bottom: .3rem;
		z-index: 5;
		margin-right: -30px;
		margin-top: 0;
	}
	.idxban-rt{
		right: 4%;
		margin-right: .15rem;
		bottom: .4rem;
	}
	.idxban-lt{
		left: 4%;
		bottom: .4rem;
		/*height: .5rem;*/
	}
	.idxban-rt-a{
		font-size: 2rem;
	}
}

.devban-swiper{
	height: 50.52vw;
}
.devban-div{
	padding-top: 18.75vw;
	color: #fff;
	position: relative;
	z-index: 2;
	top: 5vh;
	opacity: 0;
}

.devban-sd.swiper-slide-active  .devban-div{
	top: 0;
	opacity: 1;
transition: all .5s .5s;
-webkit-transition: all .5s .5s; 
}
.devban-div .product-a span{
	color: #fff;
}
.devban-c{
	width: 51%;
	margin-top: 2.65vw; 
}
@media(max-width:1200px){
	.devban-div{
		padding-top: 8vw;
	}
}
@media(max-width:1000px){
	.devban-c{
		width: 60%;
	}
}

@media(max-width:750px){
	.devban-swiper{
		height: 8rem;
	}
	.devban-div{
		padding-top: 1rem;
	}
	.devban-sd{
		background: #000;
	}
	.devban-sd .imgBj{
		opacity: .8;
	}
	.devban-c{
		width: 80%;
		margin-top: .3rem;
	}
	.devban-swiper .idxban-but{
		right: 4%;
		margin-right: 0;
	}
}



.ipro-bj{
	width: 100%;
	overflow: hidden;
}
.ipro{
	padding-top: 4.7vw;
	width: 92%;
	width: 79.6875vw;
	margin: 0 auto;
	position: relative;
}
.ipro-li{
	width: 100%;
	height: 6.8vw;
	position: relative;
	perspective: 900px;
	-webkit-perspective: 900px;
    transition: .4s ease;
    will-change: transform;
}
.ipro-ac{
	height: 21.83333vw;
	position: relative;
	/*transform-style: preserve-3d;*/
	
}
.ipro-a{
	width: 100%;
	height: 100%;
	background: #646464;
	box-shadow: 0 10px 10px #999;
	transform: rotateX(-10deg) translateZ(-5px);
	-webkit-transform: rotateX(-10deg) translateZ(-5px);
    transition: .4s ease;
}
.ipro-a1{
	opacity: 0;
    transition: .4s ease;
}
.ipro-b{
	width: 90%;
	margin-left: 5%;
	padding-top: 3.125vw;
	color: #fff;
	position: relative;
	z-index: 3;
}
.ipro-b1{
	line-height: 1;
    transition: .4s ease;
}
.ipro-b2{
	margin-top: 1.56vw;
	margin-bottom: 1vw;
}
.ipro-b3{
	line-height: 1.3;
}
.ipro-c{
	color: #fff;
	position: absolute;
	right:3.5vw;
	top: 50%;
	line-height: 2.2;
	z-index: 6;
	transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
}
.ipro-c:hover{
	color: #fff;
}

.ipro-li:nth-child(2) .ipro-a{
	background: #4e4e4e;
}
.ipro-li:nth-child(3) .ipro-a{
	background: #383838;
}
.ipro-li:nth-child(4) .ipro-a{
	background: #222;
}
.ipro-li:nth-child(5) .ipro-a{
	background: #111;
}

.ipro-li.on {
	height: 20.83333vw;
    transition: .4s ease;
}
.ipro-li.on .ipro-a{
	transform: rotateX(-5deg) translateZ(-2px);
	-webkit-transform: rotateX(-5deg) translateZ(-2px);
    transition: .4s ease;
}
.ipro-li.on .ipro-a1{
	opacity: 1;
    transition: .4s ease;
}

@media(max-width:1200px){
	.ipro-a{
		transform: rotateX(-15deg) translateZ(-8px);
		-webkit-transform: rotateX(-15deg) translateZ(-8px);
	}
	.ipro-li{
		height: 8vw;
	}
	.ipro-li.on{
		height: 26vw;
	}
	.ipro-ac{
		height: 28vw;
	}
	.ipro-li.on .ipro-a{
		transform: rotateX(-12deg) translateZ(-5px);
		-webkit-transform: rotateX(-12deg) translateZ(-5px);
	}
	
	.ipro{
		width: 92%;
	}
	.ipro{
		padding-top: 60px;
	}
}

@media(max-width:1000px){
	.ipro-b1{
		font-size: 22px;
	}
	.ipro-b2{
		font-size: 18px;
	}
	.ipro-b3{
		font-size: 16px;
	}
}
@media(max-width:750px){
	.ipro-a{
		transform: rotateX(-20deg) translateZ(-35px);
		-webkit-transform: rotateX(-20deg) translateZ(-35px);
	}
	.ipro-li{
		height: 15vw;
	}
	.ipro-li.on{
		height: 47vw;
	}
	.ipro-ac{
		height: 51vw;
	}
	.ipro-li.on .ipro-a{
		transform: rotateX(-10deg) translateZ(-30px);
		-webkit-transform: rotateX(-10deg) translateZ(-30px);
	}
	
	.ipro-b1{
		font-size: .36rem;
	}
	.ipro-b2{
		font-size: .28rem;
		margin: .15rem 0;
		margin-top: .6rem;
	}
	.ipro-b3{
		font-size: .24rem;
	}
	.ipro-b{
		padding-top: 6vw;
	}
	
	.ipro{
		padding-top: .8rem;
	}
}


.iabt{
	overflow: hidden;
	width: 100%;
	position: relative;
}
.iabt-lt{
	width: 50%;
	padding: 6.77vw 4.2vw;
}
.iabt-a{
	line-height: 1.3;
}
.iabt-b{
	color: #666;
	margin-top: 1.56vw;
	line-height: 1.8vw;
	height: 15vw;
	overflow: hidden;
	text-overflow: ellipsis;
	/*display: -webkit-box;*/
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;

}
.iabt-c{
	margin-top:1.5vw;
}
.iabt-d{
	margin-top:5vw;
}
.iabt-rt{
	width: 50%;
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	padding: 6.77vw 0;
}
@media(max-width:1200px){
	.iabt-lt{
		padding: 60px 4%;
	}
	.iabt-a{
		font-size: 30px;
	}
	.iabt-b{
		line-height: 25px;
		height: 125px;
		margin-top: 15px;
	}
	.iabt-c{
		margin-top: 25px;
	}
	.iabt-d{
		margin-top: 50px;
	}
}
@media(max-width:1000px){
	.iabt-lt{
		width: 100%;
	}
	.iabt-rt{
		position: relative;
		width: 100%;
		height: 100%;
	}
	.iabt-b{
		height: auto;
		max-height: 125px;
	}
}
@media(max-width:750px){
	.iabt-lt{
		padding: .8rem 4%;
	}
	.iabt-a{
		font-size: .45rem;
	}
	.iabt-b{
		line-height: .45rem;
		max-height: 2.25rem;
		margin-top: .25rem;
	}
	.iabt-c{
		margin-top: .4rem;
	}
	.iabt-d{
		margin-top: .6rem;
	}
	.slider-track{
	     max-height: 4.5rem;
	}
	.iabt-rt{
	/*	height:100%;
		 max-height: 4rem;*/
	}
	
	
}


.customer-bj{
	position: relative;
	overflow: hidden;
	width: 100%;
}
.customer{
	padding: 3.75vw 0 7.5vw 0;
	color: #fff;
}
.customer-a{
	line-height: 1.1;
	text-transform: uppercase;
}
.customer-cd{
	margin-top: 12.5vw;
	font-size: 0;
}
.customer-c{
	width: 12vw;
	display: inline-block;
	vertical-align: top;
	padding-right: 2vw;
}
.customer-cli{
	margin: .2vw 0;
	opacity: .5;
	cursor: pointer;
transition: all .5s;
-webkit-transition: all .5s;  
}
.customer-cli:hover,
.customer-cli.on{
	opacity: 1;
transition: all .5s;
-webkit-transition: all .5s;  
}
.customer-d{
	display: inline-block;
	vertical-align: top;
	position: relative;
}
.customer-dlist{
	display: none;
	position: absolute;
	top: 0;
	left: 0;
}
.customer-dul{
	width: 41.5vw;
	display: flex;
	justify-content: space-between;
}
.customer-dli{
	display: inline-block;
	vertical-align: top;
}
.customer-d2{
	line-height: 1;
}
.customer-d2 span{
	font-size: 4.791666vw;
	line-height: 1;
}
.customer-d3{
	margin-top: .2vw;
}
.customer-e{
	margin-top: 13.5vw;
	color: #fff;
}
.customer-e:hover{
	color: #fff;
}

@media(max-width:1200px){
	.customer{
		padding: 80px 0;
	}
	.customer-dul{
		width: 500px;
	}
	.customer-cli{
		margin: 0;
		margin-bottom: 5px;
	}
}
@media(max-width:750px){
	.customer{
		padding: 1rem 0;
	}
	.customer-a{
		font-size: .5rem;
	}
	.customer-b{
		font-size: .4rem;
		margin-top: .1rem;
	}
	.customer-cd{
		margin-top: .8rem;
	}
	.customer-c{
		width: 100%;
		font-size: .32rem;
	}
	.customer-cli{
		display: inline-block;
		margin-right: .3rem;
	}
	.customer-d{
		width: 100%;
		margin-top: .2rem;
		height: .8rem;
	}
	.customer-dul{
		width: 6rem;
	}
	.customer-d2{
		font-size: .26rem;
	}
	.customer-d2 span{
		font-size: .42rem;
	}
	.customer-d3{
		font-size: .24rem;
		margin-top: .1rem;
	}
	.customer-e{
		margin-top: 1rem;
	}
}


.base{
	padding: 4.7vw 0 2.3vw 0;
	color: #000;
}
.base-a{
	color: #ccc;
}
.base-div{
	width: 100%;
	position: relative;
}

.base-sw{
	height: 36.45833vw;
}
.base-c{
	background: #000;
}
.base-c1{
	opacity: .2;
}
.base-c2{
	background: url(../images/ico22.png) no-repeat center;
	background-size: cover;
	opacity: 0;
}
.base-d{
	width: 100%;
	padding: 0 4.166vw;
	padding-top:8.8541666vw ;
	color: #fff;
	position: relative;
	z-index: 3;
}
.base-d1{
	color: #fff;
}
.base-e{
	position: absolute;
	left: 0;
	width: 100%;
	bottom: 0;
	padding: 3.5vw 4.16vw;
	color: #fff;
	z-index: 3;
	opacity: 0;
}
.base-e1{
	line-height: 1;
	font-size: 6.875vw;
}
.base-e1>span{
	position: relative;
	top: -3vw;
}
.base-e2{
}
.base-sd.swiper-slide-active .base-c1{
	opacity: .8;
}
.base-sd.swiper-slide-active .base-c2{
	opacity: 1;
}
.base-sd.swiper-slide-active .base-e{
	opacity: 1;
transition: all .5s .3s;
-webkit-transition: all .5s .3s;  
}
.base-cnt{
	width:28.3%;
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: 9;
	padding:0 3.7vw;
	padding-bottom: 3.125vw;
	color: #fff;
	
}
.base-j{
	width: 50%;
	float: left;
	line-height: .9;
}
.base-j span{
	color: #fff;
	opacity: .5;
	line-height: .9;
	font-weight: bold;
}
.base-j .sp1{
	opacity: 1;
}
.base-k{
	width: 50%;
	float: right;
	position: relative;
}
.base-but{
	left: initial;
	right: 0;
	bottom: initial;
	top: .5vw;
}
.base-m{
	width: 0%;
	position: absolute;
	left: 0;
	bottom: 0;
	height: .2vw;
	background: #eb6001;
}
.base-m.on{
	width: 100%;
transition: all 3.8s linear;
-webkit-transition: all 3.8s linear;  
}

@media(max-width:1200px){
	.base-m{
		height: 3px;
	}
	.base-e1{
		font-size: 35px;
	}
	.base-e1>span{
		font-size: 20px;
		top: -15px;
	}
}
@media(max-width:750px){
	.base-sw{
		height: 4rem;
	}
	.base-d{
		padding: 0 4vw;
		padding-top: .5rem;
	}
	.base-e1{
		font-size: .35rem;
	}
	.base-e1>span{
		font-size: .24rem;
		top: -.15rem;
	}
	.base-e2{
		font-size: .24rem;
	}
	.base-cnt{
		width: 33.5%;
		padding: .2rem;
		padding-bottom: .4rem;
	}
	.base-j{
		font-size: .28rem;
		width: 50%;
	}
	.base-k{
		width: 50%;
	}
	.base-but{
		width: 1rem;
		top: initial;
		bottom: -.4rem;
	}
	.base-but>div{
		width: 50%;
	}
	.base{
		padding-top: .8rem;
		padding-bottom: .4rem;
	}
}


.inws{
	padding-top: 4.7vw;
}
.inws-sw{
	padding-top: 6.77vw;
	padding-left: 22.4%;
}
.inws-sd{
	width: 25vw;
	height: 31.77vw;
transition: all .5s;
-webkit-transition: all .5s;  
}
.inws-div{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	display: block;
}
.inws-d{
	color: #ccc;
}
.inws-e{
	line-height: 1.8vw;
	max-height: 3.6vw;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
transition: all .5s;
-webkit-transition: all .5s;  
}
.inws-f{
	width: 100%;
	height: 16.40625vw;
	position: relative;
	overflow: hidden;
	margin-top: 2.1vw;
transition: all .5s;
-webkit-transition: all .5s;  
}
.inws-sd.swiper-slide-active{
	width: 37.76vw;
transition: all .5s;
-webkit-transition: all .5s;  
}
.inws-sd.swiper-slide-active .inws-f{
	height: 25vw;
transition: all .5s;
-webkit-transition: all .5s;  
}
.inws-div:hover .inws-e{
	color: #eb6001;
transition: all .5s;
-webkit-transition: all .5s;  
}


@media(max-width:1200px){
	.inws-sd{
		width: 33vw;
	}
	.inws-e{
		font-size: 18px;
		line-height: 25px;
		max-height: 50px;
	}
	.inws-f{
		margin-top: 15px;
	}
	.inws-sw{
		padding-top: 5vw;
	}
	.inws-sd.swiper-slide-active{
		width: 40vw;
	}
}
@media(max-width:1000px){
	.inws-sd{
		height: 36vw;
	}
	.inws-e{
		font-size: 16px;
	}
}
@media(max-width:750px){
	.inws-c{
		margin-top: 0;
		height: 0;
	}
	.inws-cbut{
		top: -20px;
	}
	.inws-sd{
		width: 50vw;
		height: 5rem;
	}
	.inws-sd.swiper-slide-active{
		width: 70vw;
	}
	.inws-sw{
		padding-top: .5rem;
		padding-left: 1.1rem;
	}
	.inws-d{
		font-size: .24rem;
	}
	.inws-e{
		font-size: .26rem;
		line-height: .35rem;
		max-height: .4rem;
	}
	.inws-f{
		height: 2.5rem;
		margin-top: .15rem;
	}
	.inws-sd.swiper-slide-active .inws-f{
		height: 4rem;
	}
}

.idev-a span{
	opacity: .5;
}
.idev-bj{
	min-height: 51vw;
}

.idev-cd{
	text-align: right;
	margin-top: 7.2916vw;
}
.idev-c{
	max-width: 70%;
	display: inline-block;
	color: #fff;
	text-align: left;
}
.idev-c1{
	line-height: 1.6;
}
.idev-c2{
	margin-top: 4.2vw;
}
.idev-c2:after{
	background: #fff;
}


@media(max-width:750px){
	.idev-cd{
		margin-top: .8rem;
		text-align: left;
	}
	.idev-c{
		max-width: 90%;
	}
	.idev-c1{
		font-size: .26rem;
		line-height: 2;
	}
	.idev-c2{
		margin-top: .5rem;
	}
}




footer{
	background: #333;
	width: 100%;
	overflow: hidden;
}

.footer{
	color: #fff;
	padding-top: 5.2vw;
	padding-bottom:1vw;
}
.footer-ab{
	font-size: 0;
}
.footer-a{
	width: 39.77%;
	display: inline-block;
	vertical-align: top;
}
.footer-a1{
	width: 10vw;
}
.footer-a2{
	margin-top: 3.125vw;
	line-height: 1;
}
.footer-b{
	width: 60.23%;
	display: inline-block;
	vertical-align: top;
	padding-left:10%;
}
.footer-bul{
	width: 100%;
	display: flex;
	justify-content: space-between;
}
.footer-bli{
	display: inline-block;
	vertical-align: top;
}
.footer-b3{
	margin-top: 1.6vw;
}
.footer-b3 a{
	color: #fff;
	display: inline-block;
	opacity: .5;
	margin-bottom: .2vw;
}
.footer-b3 a:hover{
	color: #fff;
	opacity: 1;
}

.footer-cd{
	margin-top: 3.2vw;
	padding: 3.25vw 0;
	border-top: 1px solid rgba(255,255,255,.3);
	border-bottom: 1px solid rgba(255,255,255,.3);
	font-size: 0;
}
.footer-c{
	width: 75%;
	margin-right: 5%;
	display: inline-block;
	vertical-align: top;
}
.footer-cul{
	display: flex;
	justify-content: space-between;
}
.footer-cli{
	display: inline-block;
	vertical-align: top;
	padding-right: 2vw;
	line-height: 1.5;
}
.footer-c2{
	opacity: .5;
}

.footer-d{
	width: 20%;
	display: inline-block;
	vertical-align: top;
	text-align: right;
}
.footer-da{
	display: inline-block;
	margin-left: 1.3vw;
	position: relative;
	height: 1.7vw;
	font-size: 0;
}
.footer-da>img{
	height: 100%;
}
.footer-da .img2{
	display: none;
}
.footer-da:hover .img1{
	display: none;
}
.footer-da:hover .img2{
	display: inline-block;
}
.footer-d2{
	position: absolute;
	bottom: 100%;
	left: 50%;
	margin-left: -3vw;
	margin-bottom: 10px;
	width: 6vw;
	padding: .3vw;
	background: #fff;
	font-size: 0;
	border-radius: 5px;
	display: none;
}
.footer-da:hover .footer-d2{
	display: block;
}
@media(min-width:1001px){
	.footer .footer-da:last-child .footer-d2{
		margin-left: 0;
		left: initial;
		right: 0;
	}
}

.footer-ef{
	margin-top: 1vw;
	overflow: hidden;
}
.footer-e{
	float: left;
	color: #666;
}
.footer-e a{
	display: inline-block;
	color: #666;
}
.footer-e a:hover{
	color: #fff;
}
.footer-f{
	padding-left: 2vw;
	float: right;
}
.footer-f a{
	display: inline-block;
	color: #fff;
}
.footer-f a:hover{
	color: #eb6001;
}

@media(max-width:1200px){
	.footer-da{
		height: 25px;
		margin-left: 10px;
	}
	.footer-a1{
		width: 150px;
	}
	.footer-d2{
		width: 120px;
		padding: 5px;
		margin-left: -60px;
	}
}
@media(max-width:1000px){
	.footer{
		padding: 60px 0;
		padding-bottom: 30px;
	}
	.footer-b{
		display: none;
	}
	.footer-a{
		width: 100%;
		text-align: left;
	}
	.footer-cd{
		padding: 30px 0;
		margin-top: 35px;
	}
	.footer-c{
		width: 100%;
	}
	.footer-cul{
		display: block;
	}
	.footer-cli{
		width: 50%;
		padding-right: 2vw;
		margin-bottom: 15px;
	}
	.footer-d{
		width: 100%;
		margin-top: 20px;
		text-align: left;
	}
	.footer-d a{
		margin-left: 0;
		margin-right: 15px;
		height: 30px;
	}
	.footer-d2{
	}
	.footer-da:first-child .footer-d2{
		left: 0;
		margin-left: 0;
	}
}
@media(max-width:750px){
	.footer{
		padding-top: .7rem;
		padding-bottom: .4rem;
	}
	.footer-a1{
		width: 2rem;
	}
	.footer-a2{
		margin-top: .3rem;
	}
	.footer-cd{
		margin-top: .5rem;
		padding: .5rem 0;
	}
	.footer-cli{
		width: 100%;
		padding: 0;
		margin-bottom: .2rem;
	}
	.footer-e{
		width: 100%;
	}
	.footer-f{
		width: 100%;
		text-align: left;
		padding: 0;
		margin-top: .1rem;
	}
	.footer-d a{
		height: .5rem;
	}
}


.searchs{
	padding-top: 100px;
	padding-bottom: 100px;
}
.searchs-a{
	margin-top: 0;
	overflow: hidden;
}
.searchs-a form{
	width: 600px;
	float: left;
	position: relative;
}
.searchs-a form .int1 {
    width: 100%;
    height: 60px;
    font-size: 18px;
    color: #000;
    line-height: 60px;
    padding-left: 30px;
    padding-right: 70px;
    border: 0px;
    background: #fff;
    border-radius: 10px;
}
.searchs-a form .sub1 {
    width: 50px;
    height: 60px;
    background: url(../images/ss02.png) no-repeat center;
    border: 0px;
    position: absolute;
    top: 0;
    right: 10px;
}
.searchs-b{
	font-size: 24px;
	line-height: 1.2;
	margin-top: 20px;
	color: #666;
}

.searchs-nav{
	font-size: 0;
	margin-top: 50px;
}
.searchs-nav a{
	display: inline-block;
	font-size:24px;
	margin-right: 40px;
}
.searchs-nav a:hover,
.searchs-nav a.on{
	color: #eb6001;
}

.searchs-c1{
	margin-top: 20px;
	padding: 30px 0;
	border-top: 1px solid #ccc;
	margin-bottom: 30px;
}
.searchs-c1 a{
	background: #fff;
	padding: 0 40px;
	display: block;
	font-size: 18px;
	line-height: 60px;
	height: 60px;
	border-radius: 10px;
	margin-bottom: 15px;
	position: relative;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}
.searchs-c1 a:after{
	content: '';
	width: 8px;
	height: 8px;
	border-radius: 100%;
	background: #ddd;
	position: absolute;
	left: 20px;
	top: 50%;
	margin-top: -4px;
}
.searchs-c1 a:hover{
	box-shadow:3px 3px 8px #999;
}
.searchs-c1 a>div{
	font-size: 18px;
	line-height: 1;
	margin-bottom: 5px;
	color: #666;
}
.searchs-c1 a>p{
	
	font-size: 24px;
	line-height: 30px;
	color: #333;
}
.searchs-mr{
	margin-top: 30px;
	text-align: center;
}

.searchs .page{
	width: 100%;
	text-align: center;
}
@media(max-width:750px){
	.searchs{
		padding-top: 1rem;
		padding-bottom: .7rem;
	}
	.searchs-a form .int1{
		height: 1rem;
		line-height: 1rem;
		font-size: .28rem;
		padding-left: .3rem;
		padding-right: 1.5rem;
	}
	.searchs-a form .sub1{
		height: 1rem;
		right: 0;
	}
	.searchs-a form{
		width: 100%;
	}
	.searchs-b{
		font-size: .32rem;
		margin-top: .3rem;
	}
	.searchs-nav{
		margin-top: .6rem;
	}
	.searchs-nav a{
		font-size: .3rem;
		margin-right: .3rem;
		font-weight: bold;
		margin-bottom: .2rem;
	}
	.searchs-c1{
		margin-top:.1rem;
		padding: .5rem 0;
		margin-bottom: 0;
	}
	.searchs-c1 a{
		padding:0 .3rem;
		padding-left: .5rem;
		font-size: .26rem;
		line-height: .9rem;
		border-radius: .1rem;
		height: .9rem;
		margin-bottom: .15rem;
	}
	.searchs-c1 a:after{
		width: .1rem;
		height: .1rem;
		left: .2rem;
		margin-top: -.05rem;
	}
	.searchs-c1 a>div{
		
	}
	
	.searchs-mr{
		margin-top: .1rem;
	}
}

.gybj-vd{
	position: absolute;
	left: 50%;
	top: 50%;
	width: 120%;
	transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	-webkit-transform:translate(-50%,-50%);
}
@media(max-width:750px){
	.gybj-vd{
		height: 100%;
		width: initial;
	}
}




.join-dal{
	color: #fff;
	margin-top: 3.125vw;
	display: inline-block;
	position: relative;
	padding-bottom: .5vw;
}
.join-dal:hover{
	color: #fff;
}
.join-dal i{
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	height: 2px;
	width: 100%;
	background: #2fedaf;
}
.join-dal i:after{
	content: '';
	width: 0%;
	height: 100%;
	position: absolute;
	left: 0;
	background: #eb6001;
	animation:divfirst2 3s linear 0s infinite;
	-webkit-animation:divfirst2 3s linear 0s infinite;
}
@keyframes divfirst2{0%   {left: 0;width: 10%;} 50% {left: 0;width: 100%;} 100%  {left: 100%;width: 0%;}}
@-o-keyframes divfirst2{0%   {left: 0;width: 10%;} 50% {left: 0;width: 100%;} 100%  {left: 100%;width: 0%;}}

.join-ul{
	margin-top: 5.16vw;
	margin-bottom: 4.16vw;
}
.join-li{
	background: #f4f4f4;
	padding: 0 2.8vw;
	margin-bottom: 1.3vw;
}
.join-a{
	padding: 2vw;
	line-height: 2.25vw;
	padding-left: 0;
	background: url(../images/ico25_2.png) no-repeat right center;
	cursor: pointer;
	padding-right: 25px;
}
.join-a.on{
	background-image:url(../images/ico25_1.png) ;
}
.join-div{
	padding-top: 1vw;
	padding-bottom: 4vw;
	display: none;
}
/*.join-b{
	margin-top: 3.125vw;
}
.join-b:first-child{
	margin-top: 0;
}*/
.join-c{
	color: #666;
	line-height: 2;
	margin-top: 1.2vw;
	margin-bottom: 3.125vw
}
.join-d{
	display: inline-block;
	padding-left: 6.5vw;
	background: url(../images/ico26.png) no-repeat left center;
	background-size: 4.55vw auto;
}
.join-d1{
	color: #1876f1;
	font-weight: bold;
}
.join-d2{
	color: #666;
}

@media(max-width:1200px){
	.join-ul{
		margin-top: 40px;
		margin-bottom: 30px;
	}
	.join-li{
		margin-bottom: 15px;
		padding: 0 25px;
	}
	.join-a{
		padding: 20px 0;
		line-height: 1.8;
	}
	.join-c{
		margin-top: 10px;
		margin-bottom: 25px;
	}
	.join-d{
		padding-left: 80px;
		background-size: 60px auto
	}
}
@media(max-width:1200px){
	.join-ul{
		margin-top: .6rem;
		margin-bottom: .6rem;
	}
	.join-li{
		margin-bottom: .2rem;
		padding: 0 .2rem;
	}
	.join-a{
		padding: .25rem 0;
		line-height: 1.8;
	}
	.join-c{
		margin-top: .2rem;
		margin-bottom: .4rem;
		font-size: .24rem;
	}
	.join-d{
		padding-left: 1.2rem;
		background-size:.8rem auto
	}
	.join-a{
		font-size: .34rem;
		padding-right: .3rem;
		background-size: .25rem auto;
	}
	.join-b{
		font-size: .3rem;
	}
	.join-div{
		padding-top: .2rem;
		padding-bottom: .5rem;
	}
	.join-dal{
		font-size: .24rem;
		margin-top: .4rem;
	}
}

/* 产品中心 */
.cpzx {

	width: 100%;
}

	.cpzx .zbox.en {
	    
		padding: 77px 0 0 0;
	}

		.cpzx .zbox.en .up {
		     
			/*width: 100%;*/
			display: flex;
			justify-content: space-between;
		}

			.cpzx .zbox.en .up .left {
			    	margin-bottom: 3.125vw;
			}

				.cpzx .zbox.en .up .left .en_jianjie {
					color: #333;
					font-family: Arial;
					margin-top: 7px;
				}

		.cpzx .zbox.en .down {
			width: 100%;
		
			position: relative;
			height: 33.85vw;
		}

	
		.cpzx .zbox.en .down .four_big_img {
		    
			width: 100%;
			position: relative;
			height: 100%;
		}

			.cpzx .zbox.en .down .four_big_img .img1 ,.cpzx .zbox.en .down .four_big_img .img11 {
				min-width: 100%;
				height: 100%;
				position: absolute;
				top: 50%;
				left: 50%;
				opacity: 0;
				transform:translate(-50%,-50%);
				-webkit-transform:translate(-50%,-50%);
			}

				.cpzx .zbox.en .down .four_big_img .img1.act ,.cpzx .zbox.en .down .four_big_img .img11.act {
					position: relative;
					opacity: 1;
				}

		.cpzx .zbox.en .down .four_img {
		   
			width: 100%;
			height: 100%;
			display: flex;
			justify-content: space-between;
			position: absolute;
			top: 0;
			left: 0;
		}

			.cpzx .zbox.en .down .four_img .four {
				width: 25%;
				position: relative;
				display: block;
				overflow: hidden;
			}

				.cpzx .zbox.en .down .four_img .four .f_img {
					width: 100%;
					height: 100%;
				}

					.cpzx .zbox.en .down .four_img .four .f_img img {
						/*width: 100%;*/
						height: 100%;
						max-width: initial;
						margin-left: 50%;
						transform:translateX(-50%);
						-webkit-transform:translateX(-50%);
					}

			.cpzx .zbox.en .down .four_img.act .four .f_img img {
				width: 100%;
				opacity: 0;
			}

			.cpzx .zbox.en .down .four_img .four .f_fp {
				width: 100%;
				position: absolute;
				top: 50%;
				left: 50%;
				transform: translate(-50%, -50%);
				display: flex;
				flex-direction: column;
				align-items: center;
			}

				.cpzx .zbox.en .down .four_img .four .f_fp .d_text {
					font-family: "din";
					color: #fff;
				/*	background: rgba(0, 0, 0, 0.5);*/
					padding: 5px 10px;
					text-transform: uppercase;
				}

			.cpzx .zbox.en .down .four_img.act .four .f_fp .d_text {
				font-family: "din";
				color: rgba(255, 255, 255, .3);
			}

			.cpzx .zbox.en .down .four_img.act .four.act .f_fp .d_text {
				color: #fff;
			}

			.cpzx .zbox.en .down .four_img .four .f_fp .more_en {
				position: absolute;
				top: 69px;
				left: 50%;
				transform: translateX(-50%);
				opacity: 0;
transition: all .3s;
-webkit-transition: all .3s;  
			}

			.cpzx .zbox.en .down .four_img .four:hover .f_fp .more_en {
				top: 61px;
				opacity: 1;
transition: all .3s;
-webkit-transition: all .3s;  
			}

			.cpzx .zbox.en .down .four_img .four:hover .more_en::before {
				width: 100%;
				opacity: 1;
			}
.more_en {
	width: 135px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	position: relative;
}

	.more_en .more_text {
		color: #000;
		font-weight: bold;
		text-transform: uppercase;
	
		font-size:0.83333vw;
	}

	.more_en.bai .more_text {
		color: #fff;
	}

.more .more_img {
	transform: translateX(-5px);
}

.more_en .more_img {
	transform: translateX(0px);
	font-size: 0;
}

.more_en:hover .more_img {
	transform: translateX(5px);
}

.more_en::before {
	content: "";
	display: block;
	width: 0;
	height: 2px;
	background-color: #000;
	position: absolute;
	bottom: -15px;
	left: 0;
	opacity: 0;
	-webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
	-moz-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
	transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.more_en:hover::before {
	width: 100%;
	opacity: 1;
}

.more_en.bai::before {
	background-color: #fff;
}



.cpzx .swiper12{
/*	height:100vw;*/
	margin-top: 10vw;
}
.cpzx .swiper12 .s12_box{
	display: block;
	height: 100%;
	overflow: hidden;
}
.cpzx .swiper12 .s12_box .s12_img img{
/*	max-width:initial;*/
width:100%;
	height: 100%;
	margin-left: 50%;
	transform:translateX(-50%);
	-webkit-transform:translateX(-50%);
}
.cpzx .swiper12 .s12_box .s12_fp{
	position: absolute;
	left: 0;
	bottom: 40%;
	padding: 4%;
	z-index: 2;
	color: #fff;
}
.i4 {
	padding-bottom:6.25vw;
	background: #ececec;
}


	.i4 .xian {
		display: block;
		width: 0vw;
		height: 1px;
		background: #ccc;
		margin-bottom: 20px;
		opacity: 1;
	}

		.i4 .xian.wow1 {
			width: 15.625vw;
			transition-delay: .3s;
			-webkit-transition-delay: .3s;
		}

	.i4 .wz {
		position: relative;
	}
.indexnews{width:100%;height:auto;overflow:hidden;margin: 5.2vw 0 4.16vw;}
		.i4 .wz .ilt {
			display: flex;
		
		}

			.i4 .wz .ilt .btn {
				display: block;
				width: 3.65vw;
				height: 3.65vw;
				background: #fff url(../images/jt_l.png) center no-repeat;
				border-radius: 50%;
				cursor: pointer;
			}

			.i4 .wz .ilt .next2 {
				transform: rotate(180deg);
				-webkit-transform: rotate(180deg);
				margin-left: 10px;
			}

			.i4 .wz .ilt .btn:hover {
				background: #eb6001 url(../images/jt_l2.png) center no-repeat;
			}

		.i4 .wz .irt {
			font-size: 9.791vw;
			white-space: nowrap;
			font-family: Arial, Helvetica, sans-serif;
			color: rgba(0, 0, 0, 0.05);
			position: absolute;
			top: 2.5vw;
			right: 0;
			width: 28.2vw;
		}

			.i4 .wz .irt img {
				width: 100%;
			}

	.i4 .swiper2 {
		width: 94.8vw;
	}

		.i4 .swiper2 .swiper-slide {
		}

			.i4 .swiper2 .swiper-slide a {
				display: block;
			}

				.i4 .swiper2 .swiper-slide a .img, .i4 .swiper2 .swiper-slide a .img img {
					display: block;
					width: 100%;
					overflow: hidden;
					transition: all .5s;
					-webkit-transition: all .5s;  
				}

					.i4 .swiper2 .swiper-slide a .img img {
						transform: scale(1.000001);
						-webkit-transform: scale(1.000001);
						transition: all .5s;
						-webkit-transition: all .5s;  
					}

				.i4 .swiper2 .swiper-slide a .txt {
					padding: 2vw;
					background: #fff;
					text-align: justify;
					transition: all .5s;
					-webkit-transition: all .5s;  
				}

					.i4 .swiper2 .swiper-slide a .txt .day {
						font-family: Arial, Helvetica, sans-serif;
					}

					.i4 .swiper2 .swiper-slide a .txt .tc {
						line-height: 1.8;
						margin-top: 15px;
						word-break: break-all;
						text-overflow: ellipsis;
						overflow: hidden;
						display: -webkit-box;
						-webkit-line-clamp: 2;
						-webkit-box-orient: vertical;
						height: 50px;
						font-size: 16px;
						line-height: 25px;
					}


				.i4 .swiper2 .swiper-slide a:hover .img img {
					transform: scale(1.1);
					-webkit-transform: scale(1.1);
transition: all .5s;
-webkit-transition: all .5s;  
				}

				.i4 .swiper2 .swiper-slide a:hover .txt {
					background: #eb6001;
transition: all .5s;
-webkit-transition: all .5s;  
				}

					.i4 .swiper2 .swiper-slide a:hover .txt div {
						color: #fff;
					}
.pd_60_120 {
	padding: 60px 0 120px;
}
.contact .con1 {
	display: flex;
	justify-content: space-between;
	margin-top: 5vw;
}

	.contact .con1 .le {
		width: calc((500 / 1600) * 100%);
		padding: 12px 0;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}

		.contact .con1 .le .item {
			display: flex;
			align-items: center;
		}

			.contact .con1 .le .item .ico {
				width: 100px;
			}

			.contact .con1 .le .item .txt {
				width: calc(100% - 124px);
				margin-left: 24px;
			}

				.contact .con1 .le .item .txt .t1 {
					line-height: 1.75;
				}

				.contact .con1 .le .item .txt .t2 {
					line-height: 1.5;
					margin-top: 12px;
				}

					.contact .con1 .le .item .txt .t2 a:hover {
						color: #C8161E;
					}

	.contact .con1 .re {
		width: calc((1000 / 1600) * 100%);
	}

		.contact .con1 .re img {
			width: 100%;
		}
		
@media(max-width:1200px){
	.contact .con1{
		display: block;
	}
	.contact .con1 .le{
		width: 100%;
		flex-direction:initial;
	}
	.contact .con1 .re{
		width: 100%;
		margin-top: 3vw;
	}
	.contact .con1 .le .item{
		max-width: 32%
	}
}
		
@media(max-width:1030px){
	.i4 .swiper2 .swiper-slide a .txt .tc {
	    height: 50px;
	    font-size: 14px;
	}
}
@media(max-width:960px){
	.i4 .swiper2{
		width: 100%;
	}
	.contact .con1 .le{
		display: block;
	}
	.contact .con1 .le .item{
		max-width: initial;
		width: 100%;
		margin-bottom: 20px;
	}
	.contact .con1 .le .item .ico{
		width: 70px;
	}
	.contact .con1 .le .item .txt .t2{
		margin: 0;
	}
	.pd_60_120{
		padding: 40px 0 ;
	}
}
@media(max-width:750px){
	/*.i4 .swiper2{
		padding-bottom: 50px;
	}*/
	.i4 .wz .ilt{
		height: 0;
		margin: 20px 0;
		overflow: hidden;
	}
	.i4 .sw2_sp{
		display: none !important;
	}
}









/*在线留言*/

.message{ float:left; width:100%; margin:0px 0 70px 0;  padding:42px 58px 80px 58px; background:#f5f5f5;}

.message .lab{ float:left; width:100%; margin:10px 0;}

.fm1{ float:left; width:50%; padding:0 20px; position:relative;}

.message .lab .fm1 img{position:absolute; right:22px; bottom:2px; height:46px; width:auto;}

.fm2{ float:left; width:100%; padding:0 20px;}

.fm3{ display:block; margin:0 auto; width:280px;}

.fm4{ float:left; width:100%; text-align:center; font-size:14px; color:#999; line-height:32px;}

.fm4 span{ color:#EB6001; margin:0 4px;}

.fm1_1{ float:left; width:100%; color:#4c4c4c; font-size:14px; line-height:32px; text-transform:uppercase;}

.fm1_1 font{ font-size:12px;}

.fm1_1 span{ color:#EB6001; margin-left:4px;}

.fm1_2{ float:left; width:100%; border:1px solid #e6e6e6; background:#fff; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; padding:0 18px; color:#999999; font-size:14px; height:50px; line-height:48px;}

.fm1_3{ float:left; width:100%; border:1px solid #e6e6e6; background:#fff; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; padding:16px 18px; color:#999999; font-size:14px; height:139px; line-height:24px;}

.fm1_4{ float:left; width:100%; border:none; background:#EB6001; color:#fff; height:56px; line-height:56px; text-align:center;  font-size:16px;border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; margin-top:35px;}

.fm1_4:hover{ background:#ed9401;}

.message input,.message textarea{

appearance: none;

-moz-appearance: none;

-webkit-appearance: none;

outline: 0;}

.message input[placeholder], [placeholder], *[placeholder] {color:#999999 !important;} 

.message ::-webkit-input-placeholder{color:#999999}

.message :-moz-placeholder{color:#999999}

.message ::-moz-placeholder{color:#999999}

.message :-ms-input-placeholder{color:#999999}

.message textarea[placeholder], [placeholder], *[placeholder] {color:#999999 !important;} 

.message ::-webkit-textarea-placeholder{color:#999999}

.message :-moz-placeholder{color:#999999}

.message ::-moz-placeholder{color:#999999}

.message :-ms-textarea-placeholder{color:#999999}

.message input:focus,.message textarea:focus{ border-color:#EB6001;}

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

.message{ margin:41px 0 30px 0;  padding:22px 38px 40px 38px;}

.message .lab{ margin:5px 0;}

.fm1{ padding:0 10px;}

.message .lab .fm1 img{position:absolute; right:12px; bottom:2px; height:36px; width:auto;}

.fm2{ padding:0 10px;}

.fm3{ width:220px;}

.fm1_4{ height:45px; line-height:45px; margin-top:10px;}

.fm1_2{ padding:0 10px; height:40px; line-height:38px;}

.fm1_3{padding:8px 10px; height:139px; line-height:24px;}

}

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

.message{ margin:21px 0 10px 0;  padding:12px 13px 20px 13px;}

.message label{ margin:0;}

.fm1{ width:100%; padding:0;}

.fm2{ padding:0;}

.fm1_1{ margin-top:5px;}

.fm3{ width:100%;}

.message .lab{ margin:0 0;}

}