@charset "utf-8";
/* CSS Document */

#banner-wrap .wrap{padding:0;}
#mainbanner{display:block; width:160%; margin:0 -30%; position:relative;}
	

#middle{background:url(../images/index/index-middle-bg.png) top repeat-x; border-top:1px #fff solid;}
#index-feature{padding:0 0 22px 0;}
	#index-feature .wrap{position:relative; top:-68px; margin-bottom:-68px; /*overflow:hidden;*/  z-index:102; }
#index-feature ul{list-style:none; padding:0; margin:0; margin-left:-1.5%; margin-right:-1.5%;}
	#index-feature ul:after{clear: both; content: " "; display: block; height: 0; visibility: hidden;}
	
	
	
#index-feature .feature-box{width:30.3%; padding:1px; margin:0 1.5%; float:left; border:1px #ccc solid; background:#fff; padding:10px;}
	.feature-txt{border-top:3px #005697 solid; text-align:center; font-size:13px; padding:8px 10px; line-height:1.3em; min-height:200px;}
	.feature-txt h2{font-size:18px; color:#333; text-transform:uppercase; font-weight:600; margin:0; padding:0 0 8px 0;}
	.feature-txt h2 span{font-size:14px; color:#88B0CF;}
	.feature-txt p{margin:0; color:#060606;}
	#index-feature .feature-box .loaction-wrap{padding:50px 0; position:relative;}
	#index-feature .feature-box .location{right:0; left:0; top:65%; position:absolute;}
	#index-feature .feature-box .location li{padding:0; border-bottom:1px solid #eee;}
	#index-feature .feature-box li{width:100%; margin:0; /*padding:5px;*/ float:none; border:none; text-align:left; border-bottom:1px solid #C0D8E9;}
	#index-feature .feature-box li a{color:#333;}
	.flex-control-nav li{padding:5px;}
	
	
	
	
#index-news-wrap{border-top:1px #f2f2f2 solid; border-bottom:1px #e5e5e5 solid; padding:1px 0;}
	#index-news-wrap2{/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fafafa+0,ededed+100 */
background: rgb(250,250,250); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(250,250,250,1) 0%, rgba(237,237,237,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(250,250,250,1) 0%,rgba(237,237,237,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(250,250,250,1) 0%,rgba(237,237,237,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
	}
	#index-news-wrap .wrap{padding:9px 15px 7px ;}
	#index-news-ti{background:#7c7c7c; color:#fff; font-size:15px; text-transform:uppercase; padding:0.5em 0.8em; display:inline-block; float:left; margin:0;}
	#index-news-ti a{color:#fff;}
	#index-news{margin-left:100px; height:32px;}
	#index-news marquee{height:100%;}
	#index-news ul{list-style:none; padding:0; margin:0; font-size:13px;}
	#index-news li{position:relative; padding-left:16px;}
	#index-news li:before{ display: inline-block; text-align: right; position:absolute; top:1.2em; left:0px; content:"\f04d"; font:normal normal normal 12px/1 FontAwesome; -webkit-transform:scale(0.4);	-ms-transform:scale(0.4);	transform:scale(0.4); color:#0068b7;}
	#index-news li img{display:none;}
	#index-news h3{font-size:14px; display:inline-block; margin:0; padding:0;}
	#index-news p{display:none;} 
	#index-news a{color:#111; padding:1em 0; display:inline-block; overflow: hidden; white-space: nowrap; TEXT-OVERFLOW: ellipsis;-o-text-overflow: ellipsis;}
	.msgdate_span{padding-right:8px;}
	
#index-com-wrap{padding:50px 0;}
	#index-com{width:40%; float:left;}
	#index-com h1{color:#0068b7; font-size:30px; font-weight:700; margin:0 0 0.8em 0;}
	#index-com h1 span{font-size:18px; color:#111; display:block;}
	#index-com p{font-size:13px; line-height:1.4em;}
	#index-com-more{background:#0068b7; padding:0.7em 1.2em; display:inline-block; color:#fff; font-size:12px; text-transform:uppercase; font-weight:bold; margin-top:15px;}
	#index-com-more i{margin-left:12px;}
	#index-com-more:hover{background:#9c010d; text-decoration:none;}
	
	#index-map{width:60%; float:left;}


.flexslider{margin:0;}
.flex-control-nav{bottom:-20px;}
.flex-direction-nav .flex-prev, .flex-direction-nav .flex-next{display:none;}
#index-feature .flexslider li{width:auto; border-bottom:none;}
.flexslider .slides .pro-img{width:40%; float:left;}
.flexslider .slides img{height:110px; width:auto;}
.flexslider .slides p{width:60%; float:right; font-size:16px; color:#005697; margin-top:10px;}
.flexslider .slides .pro-title{font-size:18px; font-weight:bold;}
.flexslider .slides .pro-detail{font-size:12px; color:#333;}
	
	
@media (max-width : 1199px) {
	
	#index-feature .wrap{top:-30px; margin-bottom:-30px;}
	#index-feature li{margin:0 0.5%; width:32.3%;}
	.feature-txt h2{font-size:16px;}
	#index-com-wrap{padding:36px 0;}
	
	.feature-txt{min-height:230px;}
}

@media (max-width: 979px)  { /*bootstrap width 724px */
	#index-com{width:100%;}
	#index-map{width:100%; margin:15px 0;}
	#index-feature .feature-box { width: 100%; margin: 15px 0; float: none; border: 3px #92b7d3 solid;}	
	.feature-txt{border:0; min-height:200px;}
}
@media (max-width: 979px) and (min-width : 601px){
	/*#index-feature ul{ margin-left:0; margin-right:0;}
	#index-feature li{width:auto; float:none; margin:0 0 12px 0; }
	#index-feature li:after {clear: both; content: " "; display: block; height: 0; visibility: hidden;}
	.feature-img{width:38%; display:table-cell; border-right:3px #e70819 solid;}
	.feature-img img{width:100%;}
	.feature-txt{width:62%; display:table-cell; border:0; vertical-align:middle; text-align:left;  }*/
	
}
@media (max-width : 768px) {
	

}
@media (max-width: 767px)  { /*bootstrap width auto */
	
}
@media (max-width : 720px){
	
}
@media (max-width : 600px){
	#index-feature{padding-bottom:0px;}
	#index-feature .wrap{top:0; margin-bottom:0;}
	#index-feature ul{margin-left:0; margin-right:0; margin-top:24px; margin-bottom:0;}
	#index-feature li{width:auto; max-width:460px;  float:none; margin-left:auto; margin-right:auto; margin-bottom:20px;}
	.feature-txt{min-height:auto;}
	
	#index-com-wrap{padding-bottom:10%; background-position:100% -60%; background-size:130% 130%;}
	#index-com{width:auto;}
	
	#custnav1 > ul > li{text-align:center;}
	
}
@media (min-width : 600px){
  
 
}
@media (max-width : 599px){
	
	
}
@media (max-width : 480px){
	#index-com-wrap{background:none; padding-bottom:26px; padding-top:24px;}
	#index-com h1{font-size:24px;}
	#index-com h1 span{font-size:14px;}

	
	
}
@media (max-width : 360px){
	
	
	
}
@media (max-width : 320px){
	
}