a{    text-decoration: none;color: #333;}
.navbar-nav ul li {
    position: relative;
}
a:hover{
    text-decoration: none;
}
.dropdown-menu > div > a{
    padding: 15px 20px;
    font-size: 15px;
    color: #666666;
    border-bottom: 1px solid #f1f1f1;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    -ms-transition: none;
    transition: none;
    display: block;
    white-space: nowrap;
    text-decoration: none;
}
.dropdown-menu > div > a:hover{
    background:#e67616;
    color:white;
}
.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;
	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;
	}
}



/*pro*/
.index-pro{background-color:#f2f2f2;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: 100;position: relative;}
.index-pro .prolist .pro-heading span{padding-left: 10px; color: #221e1f;font-size: 18px;font-weight: 300;text-transform: uppercase;
    float: right;
    
    }
.index-pro .prolist .pro-heading:after{
	content:'';
	width:6px;
	height:25px;
	background-color:#e67616;
	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;
    height: 70px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.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-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: #221e1f;
-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: #0093dd;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(../image/news-bg.jpg); padding: 40px 0  0;
     /* height: 700px; */
    }
/* .index-news .section-header{padding-top: 40px;} */
.index-news .section-header h3{font-size: 30px; color: #221e1f;position: relative;padding: 0;margin: 0;}
.index-news .section-header font{font-size:18px;text-transform: uppercase; color:rgba(0,0,0,0.2);font-weight: 300;display: inline-block;padding:0 0 0 15px; }
.index-news .new-nav{}
.index-news .new-nav li{width: 48%!important;margin-right: 4%;float: left; }
.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;border: 1px solid #efefef;}
.index-news .new-nav li a:hover,.index-news .section-header .new-nav .cur a{background-color:#e67616;color: #fff;}
.index-news .new-list{}
.index-news .new-list .blog-post{}
.index-news .new-list .blog-post a{width: 96%;height: 350px;margin: 0 auto;display: block;position: relative;
background-color: #fff;
}
.index-news .new-list .blog-post a .img{width: 100%;height: 50%;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;padding-bottom:20px;}
.index-news .new-list .blog-post a .date{font-size: 14px;color: #999;padding: 0 20px;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: transparent;
	line-height: 20px;border: none;color:#333;font-size: 14px;position: absolute;bottom: 8px;right:20px; padding: 8px 20px;border-radius:20px;-webkit-border-radius:20px;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: #fff;padding-top:0px;
-webkit-box-shadow: 0 10px 40px 5px rgba(0, 0, 0, 0.1);
box-shadow: 0 10px 40px 5px rgba(0, 0, 0, 0.1);
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: 45%;}
.index-news .new-list .blog-post a:hover h2{color:#222}
.index-news .new-list .blog-post a:hover .date{color:#333}
.index-news .new-list .blog-post a:hover p{color:#333}
.index-news .new-list .blog-post a:hover .btn-primary{color: #e67616}
.index-news .new-list .blog-post a:hover .btn-primary i{color: #e67616}





/*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: #221e1f;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;text-transform: uppercase; }
.index-about .section-header h3:before{
	content:'';
	width:30px;
	height:6px;
	background-color:#e67616;
	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; }
.index-about .btn-primary{margin:20px 0 0 15px;padding: 6px 35px;background-color: transparent;border: 1px solid #f2f2f2;color: #999;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%;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: #e67616;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: 16px;line-height: 25px; color: #999;text-align: center;padding: 0 30px;}
.index-about .btn-primary:hover{background-color:#e67616;color: #fff;border-radius: 20px;}
.index-about .btn-primary:hover i{color: #fff;}