/*contact*/
#dituContent{height: 450px;width:100%;border:#ccc solid 1px;}

.pa_div {padding: 25px 10px;}							
.nav-pills {text-align: center;}							
.nav {padding-left: 0;margin-bottom: 0;list-style: none;display: table;margin:0 auto;}							
.nav > li {position: relative;display: block;margin: 0px 1px;}							
.nav-pills > li {display: inline-block;}						
.nav-pills > li.active > a,.nav-pills > li.active > a:hover,.nav-pills > li.active > a:focus {color: #fff;background-color: #77818b;}							
.nav-pills > li > a {border-radius: 30px;}							
.nav > li > a {position: relative;display: block;padding: 6px 40px;font-size: 16px;color: #fff;}
.nav>li>a:focus, .nav>li>a:hover {color: #fff; background-color: #77818b;}




.section-center { display: table; width: 100%; margin: 0 auto; padding-top: 60px; padding-bottom: 60px; }
.header {  color: #fff; padding:100px 0; background-color:#252525; }  
.section-inner { display: table-cell; vertical-align: middle; text-align: center; } 
.section-inner img{width: 100%;}
 .cover-heading { margin-bottom: 20px; font-weight: 300; font-size: 26px; } 
.cover-description { margin: 0 auto; max-width: 800px; font-size: 16px; }


.contact-daovoice { background-color: #fff; }
.dao-half { -webkit-font-smoothing: antialiased;  padding: 20px 0; text-align: center; letter-spacing: -4px; word-spacing: -4px; font-size: 0; }
.dao-half-content, .dao-half-image { display: inline-block !important; vertical-align: middle !important; float: none !important; font-size: 14px; letter-spacing: normal; word-spacing: normal; zoom: 1; }
.dao-half-content { text-align: left; }
.inner-content {}
.dao-half .inner-content { width: 350px; margin: 0 auto; }
.dao-half-title {  color: #333; font-weight: 300; font-size: 22px; }
.dao-half-text { line-height: 26px; margin-top: 26px; font-size: 16px; }
.dao-half-text span{  color: #3d444f }
.dao-half-text h4{ text-align:left; margin-top:10px;}
.dao-half-image img{width:80%; /*border-radius: 50% 80%*/;}


  
.contact-follow { background-color: #f5f7fa; }
.section-heading { margin-bottom: 60px; color: #333; font-weight: 300; font-size: 22px; text-align:center; }
.contact-follow a { display: block; margin: 0 auto; padding: 10px 0; width: 80px; color: #333; text-decoration: none; cursor: pointer; }
     
    
/*aboutus*/
/*.figures{background-color:#fff;}*/
.card img{width: 100%;}
.card .card-icon { max-width: 90%; width: 90%; }
.card-body { padding: 20px; }
.card-body h4 { font-weight: 300; font-size: 20px; }
.card-title { color: #3d444f; font-weight: 400; }            
.pagecontent p { padding-top: 20px;}             
             
             
                                          
/** timeline box structure **/ 
.timeline { list-style: none; padding: 20px 0 20px; position: relative; } 
.timeline:before { top: 0; bottom: 0; position: absolute; content: " "; width: 3px; background-color: #f60; left: 50%; margin-left: -1.5px; } 
.tldate { display: block; width: 100px; background: #f60; border: 3px solid #f60; color: #fff; margin: 0 auto; padding: 3px 0; font-weight: bold;text-align: center; -webkit-box-shadow: 0 0 11px rgba(0,0,0,0.35); } 
.timeline li { margin-bottom: 25px; position: relative; } 
.timeline li:before, .timeline li:after { content: " "; display: table; } 
.timeline li:after { clear: both; } 
.timeline li:before, .timeline li:after { content: " "; display: table; } /** timeline panels **/ 
.timeline li .timeline-panel { width: 46%; float: left; background: #fff; border: 1px solid #d4d4d4; padding: 20px; position: relative; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.15); box-shadow: 0 1px 6px rgba(0, 0, 0, 0.15); } /** panel arrows **/ 
.timeline li .timeline-panel:before { position: absolute; top: 26px; right: -15px; display: inline-block; border-top: 15px solid transparent; border-left: 15px solid #ccc; border-right: 0 solid #ccc; border-bottom: 15px solid transparent; content: " "; } 
.timeline li .timeline-panel:after { position: absolute; top: 27px; right: -14px; display: inline-block; border-top: 14px solid transparent; border-left: 14px solid #fff; border-right: 0 solid #fff; border-bottom: 14px solid transparent; content: " "; } 
.timeline li .timeline-panel.noarrow:before, .timeline li .timeline-panel.noarrow:after { top:0; right:0; display: none; border: 0; } 
.timeline li.timeline-inverted .timeline-panel { float: right; } 
.timeline li.timeline-inverted .timeline-panel:before { border-left-width: 0; border-right-width: 15px; left: -15px; right: auto; } 
.timeline li.timeline-inverted .timeline-panel:after { border-left-width: 0; border-right-width: 14px; left: -14px; right: auto; } /** timeline circle icons **/ 
.timeline li .tl-circ { position: absolute; top: 23px; left: 50%; text-align: center; background: #f2f2f2; color: #fff; width: 35px; height: 35px; line-height: 35px; margin-left: -16px; border: 3px solid #f60; border-top-right-radius: 50%; border-top-left-radius: 50%; border-bottom-right-radius: 50%; border-bottom-left-radius: 50%; z-index: 99999; } /** timeline content **/ 
.tl-heading h4 { margin: 0; color: #f60; } 
.tl-body p, .tl-body ul { margin-bottom: 0; } 
.tl-body > p + p { margin-top: 5px; } /** media queries **/ 




#feature {background: #fff;padding: 40px 0;}						
#feature1 {background: #f2f2f2;padding: 40px 0;}						
.center {text-align: center;padding-bottom: 55px;}						
.center h2 {font-size: 30px;margin-top: 0;margin-bottom: 20px;}						
.lead {font-weight: 400;}						
.features {padding: 0;}						
.feature-wrap {margin-bottom: 35px;overflow: hidden;}						
.feature-wrap h3 {font-size: 14px;color: #787878;font-weight: 400;line-height: 24px;}						
.feature-wrap h2 {margin-top: 10px;font-size: 20px;}						
.feature-wrap .pull-left {margin-right: 25px;}						
.feature-wrap i {height: 180px;width: 110px;margin: 3px;line-height: 110px;text-align: center;background: #ffffff;color: #c52d2f;float: left;margin-right: 25px;}						
.feature-wrap i.irow2 {height: 200px;}					
.feature-wrap i.irow3 {height: 300px;}						
.rdizhi {padding-left: 50px;}				
.ldizhi img {width: 100%;}
												
						
@media (min-width: 768px) and (max-width: 991px) {
	.rdizhi {padding-left: 10px;}
	.center h2 {font-size: 30px;}
}
						
@media (min-width: 992px) and (max-width: 1199px) {
	.feature-wrap i {display: none;}
	.rdizhi {padding-left: 10px;}
}

						
@media (min-width: 768px) {
	html{font-size: 12px;}
}




 @media (max-width: 991px) { .timeline li .timeline-panel { width: 44%; } } 
 
 @media (max-width:767px ) {
 	.map_size{height: 300px;}
 	.header {padding: 30px 0;}
	.pa_div {padding: 10px 10px;}
	.nav > li > a {padding: 3px 10px;font-size: 14px;}
	.cover-description {font-size: 12px;}
	
	.center {padding-bottom: 25px;}
	.center h2 {font-size: 22px;}
	.feature-wrap h2 {font-size: 18px;}
	.lead {font-size: 16px;}
	.feature-wrap i {height: 140px;}
	.feature-wrap i.irow2 {height: 180px;}
	.feature-wrap i.irow3 {height: 240px;}
	.rdizhi {padding-left: 10px;}
	
 }
 
 @media (max-width: 700px) { 
     .page-header h1 { font-size: 1.8em; } 
     ul.timeline:before { left: 40px; } 
     .tldate { width: 140px; } 
     ul.timeline li .timeline-panel { width: calc(100% - 90px); width: -moz-calc(100%-90px); width: -webkit-calc(100%-90px); } 
     ul.timeline li .tl-circ { top: 22px; left: 22px; margin-left: 0; } 
     ul.timeline > li > .tldate { margin: 0; } 
     ul.timeline > li > .timeline-panel { float: right; } 
     ul.timeline > li > .timeline-panel:before { border-left-width: 0; border-right-width: 15px; left: -15px; right: auto; }
     ul.timeline > li > .timeline-panel:after { border-left-width: 0; border-right-width: 14px; left: -14px; right: auto; } 
     .header {  padding:20px 0;} 
      
      }
      
 @media (max-width: 500px){
 	#dituContent{height: 300px;}
 }
 @media (max-width: 400px){
 	
 }