.updown a {
	position: absolute;
	bottom: 20px;
	right: 50px;
	z-index: 2;
	opacity: .6;-moz-opacity: .6;-webkit-opacity: .6;
	display: inline-block;
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
	color: #fff;
	font : normal 400 20px/1 'Josefin Sans', sans-serif;
	letter-spacing: .1em;
	text-decoration: none;
	transition: opacity .3s;
}
.updown a:hover {opacity: .3;-moz-opacity: .3;-webkit-opacity: .3;}
#s .s-icon {
	padding-top: 60px;
}
#s .s-icon span {
	position: absolute;
	top: 0;
	left: 50%;
	width: 30px;
	height: 50px;
	margin-left: -15px;
	border: 2px solid #fff;
	border-radius: 50px;
	box-sizing: border-box;
}
#s .s-icon span::before {
	position: absolute;
	top: 10px;
	left: 50%;
	content: '';
	width: 6px;
	height: 6px;
	margin-left: -3px;
	background-color: #fff;
	border-radius: 100%;
	-webkit-animation: sdb10 2s infinite;
	animation: sdb10 2s infinite;
	box-sizing: border-box;
}
@-webkit-keyframes sdb10 {
	0% {
		-webkit-transform: translate(0, 0);
		opacity: 0;
	}
	40% {
		opacity: 1;
	}
	80% {
		-webkit-transform: translate(0, 20px);
		opacity: 0;
	}
	100% {
		opacity: 0;
	}
}
@keyframes sdb10 {
	0% {
		transform: translate(0, 0);
		opacity: 0;
	}
	40% {
		opacity: 1;
	}
	80% {
		transform: translate(0, 20px);
		opacity: 0;
	}
	100% {
		opacity: 0;
	}
}
.index-application{background-color:#f2f2f2;padding: 40px 0 40px 0; }
#applist{width:1200px;margin:50px auto;}
#applist .owl-wrapper-outer{margin:0 auto;}
#applist .item{width:260px;height:340px;margin:10px auto;background-color:#fff;-webkit-box-shadow: 1px 0 10px rgba(0,0,0,0.05);box-shadow: 1px 0 10px rgba(0,0,0,0.05);}
#applist .item a{color:#333;display: block;position:relative;width:100%;height:100%;}
#applist .item a:after{
	position: absolute;
	content: '';bottom:0;left:0;z-index: 1;
	width: 100%;height: 0%;background-color:#007ac0;
	transition:all 0.5s;
    -webkit-transition:all 0.5s; /* Safari and Chrome */
    -moz-transition:all 0.5s;
    -o-transition:all 0.5s;
    -ms-transition:all 0.5s;
}
#applist .item a .info{text-align: center;}
#applist .item a .info h3{font-size:18px;color:#333;  }
#applist .item a .info h4{font-size:13px;font-weight: 200;color: #888;}
#applist .item a .info p{
	font-size:16px;
	line-height: 25px;
	color: #fff;
	width: 100%;
	height: 100%;
	z-index: 2;
	position: absolute;
	left:0;
	top:-300px;
	padding: 20px;text-align:left;
}
#applist .item a .info span{width: 45%;display: block;line-height: 35px;border-radius: 4px;background-color: #f0f0f0;color: #333;text-align: center;
position: absolute;left:50%;margin-left: -22.5%;bottom: 20px;z-index: 2;}
#applist .item a .img{width:100%;height: 180px;overflow: hidden;
background-size: cover;background-position: center center;
}
#applist .item a:hover{text-decoration: none;}
#applist .item a:hover:after{
	height: 100%;
}

#applist .item a:hover .info span{
	width: 50%;margin-left: -25%;color: #fff;bottom: 30px;
	background-color:transparent;border: 1px solid #fff;
}
#applist .item a:hover .info p{
	top:50px;
}
#applist .item:hover{
transform:translateY(-10px);-webkit-transform:translateY(-10px);
-webkit-box-shadow: 20px 0 40px rgba(0,0,0,0.08);
box-shadow: 20px 0 40px rgba(0,0,0,0.08);}


.owl-theme .owl-controls .owl-buttons div{position:absolute;top:120px;margin:0;padding:0;background-color:transparent;overflow:hidden;_display:none;}
.owl-theme .owl-controls .owl-buttons .owl-prev,.owl-theme .owl-controls .owl-buttons .owl-next{width: 40px;height:40px;background-color:#000;font-size:20px;font-family:宋体; line-height:35px; }
.owl-theme .owl-controls .owl-buttons .owl-prev{left:-60px;}
.owl-theme .owl-controls .owl-buttons .owl-next{right:-60px;}
.owl-theme .owl-controls .owl-buttons .owl-prev:before{content:"<";}
.owl-theme .owl-controls .owl-buttons .owl-next:before{content:">";}

.index-service{background-color:#007ac0;padding: 40px 0 40px 0; }

.ser-list{
  width: 1100px;
  margin: 0 auto 50px auto;
  display: flex;display:-webkit-flex;flex-wrap: wrap;align-content: center;justify-content: center;	
}
.seritem{width: 140px;height: 160px;overflow:hidden;transform: rotate(120deg) ;margin:0 0 0 30px;position: relative; }

.sershow{width: 100%;height: 100%;overflow: hidden;transform: rotate(-60deg) ;}  
.sertitle{width: 100%;height: 100%;text-align: center; padding: 20px 0 0 0; overflow: hidden;-webkit-transform: rotate(-60deg);position: relative;background:#fff; } 
.sertitle i{font-size:4.6rem; }
.sertitle p{font-size:16px;position: absolute;text-align: center;left: 0;bottom: 30px;width: 100%; }
.index-service .more{width: 290px;letter-spacing: 1px;line-height: 35px;border: 1px solid #fff;font-size:18px;color: #fff;padding-left: 20px;
display: block;margin: 20px auto;border-radius:4px;position: relative; }
.index-service .more:hover{background-color: #fff;text-decoration: none;color: #0077bc;}
.index-service .more i{font-size:3rem; position: absolute;right: 20px;top:1px;}


/* about */
.about{background-image: url(../images/bg2.jpg);height: 580px;padding:50px 0;background-color: #f8f8f8; }
.about .main{display: flex;display:-webkit-flex;justify-content:left;flex-wrap: wrap; max-width: 1200px;width: 96%; margin: 0 auto;}
.about .title{width: 100%;position: relative;margin:0 0 30px 0; }
.about .title:after{content:'';position: absolute;top:-16px;left:0;width: 25px;height: 6px;border-radius:6px;  background-color:#d72e33}
.about .title h2{font-size:25px;color: #444;position: relative; }
.about .title h2 font{font-size: 25px;}
.about .title span{font-size: 14px;color: #9f9f9f;letter-spacing: 1px; font-weight:100;text-transform: uppercase;font-family:Arial, "sans-serif";}

.about .about-info{width: 50%;}
@media screen and (min-width: 640px) and (max-width: 1199px){
.about{height: auto;background-size: cover;}	
.about .about-info{width: 100%;margin-bottom: 5%;}
}

.about .about-info .txt{width: 86%;}
.about .about-info .txt p{font-size:16px;color: #666;line-height:26px;padding:10px 0 10px 0;letter-spacing:1px;}
.about .about-info .txt a{display: block;line-height: 35px;width: 120px;border-radius:4px;color:#fff;background-color: #007ac0;font-size:14px;position: relative;
	-webkit-box-shadow: 1px 0 20px rgba(0,122,192,0.6);
	box-shadow: 1px 0 20px rgba(0,122,192,0.6);
	padding-left: 20px}
.about .about-info .txt a i{position: absolute;font-size: 1em;right:20px;top:0;}
.about .about-info .txt a:hover{-webkit-box-shadow: 1px 0 30px rgba(0,122,192,0.6);	box-shadow: 1px 0 30px rgba(0,122,192,0.6);text-decoration: none;width: 140px;}
.about .about-news{width: 50%;}
@media screen and (min-width: 640px) and (max-width: 1199px){
.about{height: auto;}		
.about .about-news{width: 100%;}
}
.about .about-news .list{}
.about .about-news .list li{width: 100%;}
.about .about-news .list li a{height:95px;display: block;padding:10px;padding-left: 125px;position: relative;margin-bottom: 20px;}
.about .about-news .list li a .time{
	width: 76px;height: 76px;padding:10px 5px;text-align: center;font-weight: 100;font-size:20px;border: 1px solid #999;color: #333;
	position: absolute;top:50%;left:10px;margin: -38px 0 0 0;
	transition:all 0.5s; 
	-webkit-transition:all 0.5s;}
.about .about-news .list li a .time font{position: relative; font-size:13px;color: #aaa;margin: 5px auto;display: block;padding: 5px 0 0 0;}
.about .about-news .list li a .time font:after{
	content: '';
	position: absolute;
	width: 50%;height: 1px;background-color: #999;
	top:0;left:50%;margin-left: -25%;
}

.about .about-news .list li a .txt{}
.about .about-news .list li a .txt h3{font-size:16px;color: #333 ;margin:2px 0 8px 0; }
.about .about-news .list li a .txt p{font-size:14px;color: #999;line-height: 22px;width: 100%;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.about .about-news .list li a:hover{
	background-color: #fff;
	-webkit-box-shadow: 1px 1px 30px rgba(0,0,0,0.1);
	box-shadow: 1px 1px 30px rgba(0,0,0,0.1);
	-webkit-transform:translate3d(0, -10px, 0);
	transform:translate3d(0, -10px, 0);
	-moz-transform:translate3d(0, -10px, 0);
    -ms-transform:translate3d(0, -10px, 0);
    -o-transform:translate3d(0, -10px, 0);
}
.about .about-news .list li a:hover{text-decoration: none;}
.about .about-news .list li a:hover .txt h3{color:#036eb8; }
.about .about-news .list li a:hover .time{background-color:#036eb8; color: #fff;border: none;}
.about .about-news .list li a:hover .time font{color: #fff;}
.about .about-news .list li a:hover .time font:after{
	left: 100%;background-color: #999;
}





/*index_customers*/
.index-customers{background-color:#f2f2f2;padding: 40px 0 40px 0; }
.index-customers .customerslist{max-width: 1200px;width: 96%; margin: 0 auto;}
.index-customers .customerslist li{float: left;margin:0 1% 1% 0;width: 24%;} 
.index-customers .customerslist li a{height: 150px;background-color: #fafafa;display: block;text-align: center;padding-top:35px;line-height:70px;font-size: 18px;color: #999; }
.index-customers .customerslist li:nth-child(4n){margin: 0 0 1% 0;}
.index-customers .customerslist li a img{
	opacity:0.3;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
}
.index-customers .customerslist li a:hover{
	background-color: #fff;
	-webkit-box-shadow: 1px 10px 30px rgba(0,0,0,0.05);
	box-shadow: 1px 10px 30px rgba(0,0,0,0.05);
}
.index-customers .customerslist li a:hover img{
	opacity:1;
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    filter: grayscale(0%);
}
@media only screen and (max-width:1100px){
.index-customers .customerslist li {width: 50%;}
}