.updown a {
	position: absolute;
	bottom: 20px;
	right: 50px;
	z-index: 99;
	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 #111;
	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: #111;
	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;
	}
}



/*pro*/
.index-pro{background-color:#010066; background:url(../images/bgbg.jpg) top center; padding: 40px 0 60px 0; }
.index-pro .prolist{}
.index-pro .prolist .pro-box{background-size: cover;background-position: right top;padding: 20px;height: 250px;margin-bottom: 5%;position: relative;
	-webkit-box-shadow: 0 12px 40px 8px rgba(0, 0, 0, 0.05);box-shadow: 0 12px 40px 8px rgba(0, 0, 0, 0.05);}

.index-pro .prolist .pro-body{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255,255,255,0.6);
	padding: 20px 30px 20px 30px;
}
.index-pro .prolist .pro-heading{font-size:22px;color:#333;font-weight:bold;position: relative; text-transform: uppercase;}
.index-pro .prolist .pro-heading span{padding-left: 10px; color: #ffb700;font-family: 'Lato', sans-serif;font-size: 14px;font-weight: 300; text-transform:none;}
.index-pro .prolist .pro-heading:after{
	content:'';
	width:6px;
	height:25px;
	background-color:#ffb700;
	position:absolute; left:-30px;top:3px;
	}
.index-pro .prolist p{
	font-size:14px;letter-spacing: 1px;
	line-height: 23px;
	width: 60%;
	color:#666;
	margin: 20px 0;
    text-align:justify;
	text-justify:inter-ideograph;
}
.index-pro .prolist .pro-item{}
.index-pro .prolist .pro-item li{
	font-size:14px;letter-spacing: 1px;
	line-height: 23px;
	color:#666;
    text-align:justify;
	text-justify:inter-ideograph;
}

.index-pro .prolist .btn-primary{
	background-color: transparent;
	line-height: 20px;height: auto;
	border: none;color:#333;
	font-size: 14px;
	text-transform: uppercase;
	position: absolute;
	bottom: 20px;
	right:20px;
	padding: 8px 10px;
	font-family: 'Lato', sans-serif;
	font-weight: 500;}
.index-pro .prolist .btn-primary i{font-size: 1.2em;padding-left: 5px;}
.index-pro .prolist .pro-box:hover .pro-body{
background-color: #010066;
-webkit-box-shadow: 0 12px 40px 6px rgba(0, 0, 0, 0.15);
box-shadow: 0 12px 40px 6px rgba(0, 0, 0, 0.15);
}
.index-pro .prolist .pro-box:hover .pro-box{
transform:translate3d(0, -10px, 0);
-moz-transform:translate3d(0, -10px, 0);
-ms-transform:translate3d(0, -10px, 0);
-o-transform:translate3d(0, -10px, 0);	
}
.index-pro .prolist .pro-box:hover .btn-primary{background-color:rgba(255,255,255,0.8);color: #010066;padding: 8px 30px;border-radius:30px;
-webkit-border-radius:30px  }
.index-pro .prolist .pro-box:hover .pro-heading{color: #fff;}
.index-pro .prolist .pro-box:hover .pro-heading span{color: rgba(255,255,255,0.8);}
.index-pro .prolist .pro-box:hover p,.index-pro .prolist .pro-box:hover .pro-item li{color: rgba(255,255,255,0.8);}
.index-pro .prolist .pro-box:hover .pro-heading:after{height:0;}


/*news*/
.index-news{background-image: url(../images/news-bg.jpg); padding: 40px 0 60px 0; height:auto;}
.index-news .section-header{padding: 40px 0}
.index-news .section-header h3{font-size: 30px; color: #010066;position: relative;padding: 0;margin: 0;}
.index-news .section-header font{font-size:18px;text-transform: uppercase; font-family: 'Lato', sans-serif;color:rgba(0,0,0,0.2);font-weight: 300;display: inline-block;padding:0 0 0 15px; }
.index-news .new-nav{     text-align: right; }
.index-news .new-nav li{width: 48%!important;  display: inline-block; }
.index-news .new-nav li:nth-child(2){margin-right: 0;}
.index-news .new-nav li a{display: block;line-height: 35px;text-align: center;font-size: 14px;color: #333; }
.index-news .new-nav li a:hover,.index-news .section-header .new-nav .cur a{background-color:#ffcc00;color: #fff;}
.index-news .new-list{}
.index-news .new-list .blog-post{ margin-bottom:20px; }
.index-news .new-list .blog-post a{width: 96%;height:400px;margin: 0 auto;display: block;position: relative;
background-color: #fff;
-webkit-box-shadow: 0 10px 40px 5px rgba(0, 0, 0, 0.06);
box-shadow: 0 10px 40px 5px rgba(0, 0, 0, 0.06);}
.index-news .new-list .blog-post a .img{width: 100%;height:81%;overflow: hidden;margin: 0 auto;background-size: cover;background-position: center center;}
.index-news .new-list .blog-post a h2{font-size: 14px;line-height:22px; color: #666;padding: 0 20px;     margin-top: 27px;}
.index-news .new-list .blog-post a .date{font-size: 14px;color: #999;padding: 0 20px;font-family: 'Lato', sans-serif;font-weight: 300;margin-bottom: 5px;}
.index-news .new-list .blog-post a .date i{font-size: 1.8rem;}
.index-news .new-list .blog-post a p{font-size: 13px;color: #666;padding: 0 20px;}
.index-news .new-list .blog-post .btn-primary{background-color:#ffcc00;line-height: 20px;border: none;color:#333;font-size: 14px;position: absolute;bottom: 20px;right:20px; padding: 8px 20px;border-radius:20px;-webkit-border-radius:20px;color: #fff; font-family: 'Lato', sans-serif;font-weight: 300;}
.index-news .new-list .blog-post .btn-primary i{font-size: 1.2em;padding-left: 5px;}
.index-news .new-list .blog-post a:hover{text-decoration:none;
background-color: #010066;padding-top:0px;
-webkit-box-shadow: 0 10px 40px 5px rgba(0, 72, 155, 0.3);
box-shadow: 0 10px 40px 5px rgba(0, 72, 155, 0.3);
transform:translate3d(0, -10px, 0);
-moz-transform:translate3d(0, -10px, 0);
-ms-transform:translate3d(0, -10px, 0);
-o-transform:translate3d(0, -10px, 0);		
}
.index-news .new-list .blog-post a:hover .img {width: 100%;height:60%;}
.index-news .new-list .blog-post a:hover h2{color:rgba(255,255,255,0.9); font-size:25px }
.index-news .new-list .blog-post a:hover .date{color:rgba(255,255,255,0.6)}
.index-news .new-list .blog-post a:hover p{color:rgba(255,255,255,0.6)}
.index-news .new-list .blog-post a:hover .btn-primary{background-color: rgba(255,255,255,0.7);color: #015eab}
.index-news .new-list .blog-post a:hover .btn-primary i{color: #015eab}





/*about*/

.index-about{padding: 40px 0 60px 0;background-color: #fff;background-image: url(../images/about-bg.jpg);background-position:center bottom;background-repeat: no-repeat;
background-size:cover;background-attachment:scroll!important}
.index-about .section-header{}
.index-about .section-header h3{font-size: 30px;color: #004a9b;position: relative;padding: 0;margin: 0;}
.index-about .section-header font{font-size:18px;color:rgba(0,0,0,0.2);font-weight: 300;display: inline-block;padding:0 0 0 15px;font-family: 'Lato', sans-serif;text-transform: uppercase; }
.index-about .section-header h3:before{
	content:'';
	width:30px;
	height:6px;
	background-color:#ffcc00;
	display:block;
	position:absolute; left:0;bottom:-20px;
	
}
.index-about .index-about-text{padding: 0;margin: 0;}
.index-about .index-about-text p{padding-left:15px;font-size: 16px;line-height: 25px; color: #5c5c5c; }
.index-about .btn-primary{margin:20px 0 0 15px;padding: 6px 35px;background-color: transparent;border: 1px solid #f2f2f2;color: #999;font-family: 'Lato', sans-serif;font-weight: 300;text-transform: uppercase;}
.index-about .btn-primary i{color: #999;font-size: 1.2em;padding-left: 10px;}
.index-about .abot-list{width: 98%;height: 160px;overflow: hidden;background-color:rgba(255,255,255,0.5);margin: 40px auto;padding: 20px;
-webkit-box-shadow: 0 0 40px rgba(0, 0, 0, 0.05);
box-shadow: 0 0 40px rgba(0, 0, 0, 0.05);
}
.index-about .abot-list li{font-size: 14px;color: #666;}
.index-about .abot-list li h4{font-size: 30px;color: #015eab;position:relative;text-align: center;width: 100%;}
.index-about .abot-list h4:after{
	content:'';
	width:1px;
	height:60px;
	background-color:#eaeaea;
	display:block;
	position:absolute; right:-15px;top:20px;
}
.index-about .abot-list li:last-child:after{width:0!important;}
.index-about .abot-list .last:after{width:0!important;}
.index-about .abot-list li p{font-size: 14px;line-height: 25px; color: #999;text-align: center;padding: 0 30px;}
.index-about .btn-primary:hover{background-color:#3fb560;color: #fff;border-radius: 20px;}
.index-about .btn-primary:hover i{color: #fff;}



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

	.index-pro{     padding:20px 0 10px 0; }
	.section-header .section-title{ padding:0px; font-size: 20px; margin-bottom:15px; }
	.section-header span{ font-size:14px; text-transform:none }
	.section-header span:before{ height:3px; }
	.section-header { margin-bottom:15px;}
	.index-pro .row{ margin-top:30px; }
	.index-pro .prolist .pro-heading span{ display:none; }
	.index-pro .prolist .pro-heading{ font-size:18px; }
	.index-pro .prolist p{ width: 100%;
    font-size: 12px;
    letter-spacing: 0px;
    line-height: 20px;
    margin: 10px 0px; }
	.index-pro .prolist .pro-box{height:160px; margin-bottom: 15px; }
	.index-pro .prolist .btn-primary{ padding:0px; font-size: 12px }
	.index-pro .container{  padding-right:2%;  padding-left:2%; }
	
	.index-news .section-header h3{ font-size:20px; }
	.index-news{     padding:20px 0 30px 0; height:auto }
	.index-news .section-header{ padding:0px 0; }
	.index-news .new-nav{ text-align: left; padding: 0px; }
	.index-news .section-header font{     padding: 0px;  float: right; font-size: 14px; }
	.index-news .new-nav li a{ text-align:left; border:none; font-size:12px; }
	
	.index-news .new-list .blog-post a{ width:100%;}
	.index-news .new-list .blog-post { margin-bottom: 15px;}
	
	.index-about{     padding: 0px 0 30px 0; }
	.index-about .section-header h3 {font-size: 20px; margin-bottom:15px;}
	.index-about .section-header font{ display:block; padding:0px; font-size:14px; margin-top:5px; }
	.index-about .section-header h3:before{ bottom: -13px; }
	.index-about .index-about-text{margin-top:20px; }
	.index-about .index-about-text p{ font-size:12px; }
}