﻿.aboutNEW{
	margin-top:120px;
	padding: 20px 0 0 0;
	
}
/*------------------关于我们--------------------*/	
.nav-content ul.nav-tabs{
	margin: 20px 0px;
}
.nav-content .nav-tabs > li > a {
	color: #555;
}
.nav-content .nav-tabs > li.active > a,
.nav-content .nav-tabs > li.active > a:focus,
.nav-content .nav-tabs > li.active > a:hover {
	background-image: url(../images/about/about-title.jpg);
	background-repeat: repeat-x;
	background-position:center bottom;
	width: 100%;
	border: none;
	height: 45px;
	background-color: transparent;
}
.nav-content .tab-pane .media-body h3{
	text-align: center;
	font-size:30px;
	color:#eba546;
	margin-top: 0px;
	margin-bottom: 25px;
}

.tab-content.tab-about p.p-title1{
	line-height: 28px;
	padding:0 0 15px 0;
}
.row-about .col-sm-3,.row-about .col-md-2 {
	text-align: center;
}
.row-about .col-sm-3 img,.row-about .col-md-2 img {
	margin: 0 auto;
}
.row-about1 {
	margin-top: 20px;
}
.culture-outer {
	background-color:#eba546;
	text-align: center;
	padding-top: 50px;
	padding-bottom: 50px;
}
.culture-outer.culture-outer1{
	background-color:#4bcaff;
}
.culture-outer.culture-outer2{
	background-color:#e84c69;
}
.culture-outer.culture-outer3{
	background-color:#921edc;
}
.culture-outer .culture-inner1 {
	font-size: 20px;
	color: #fff;
}
.culture-outer .culture-inner1 img {
	width: 90px;
	height: 90px;
	margin: 0 auto;
}
.culture-outer:hover .mask {
	display: block;
}

.mask {
	display: none;
	background-color:#000;
    left: 0;
    position: absolute;
    text-align: center;
    top: 0;
    vertical-align: middle;
	width: 90%;
	height: 100%;
	color: #fff;	
	margin-left: 15px;
}
.mask h5 {
	margin: 0;
	padding: 0;
}
.mask p {
	line-height: 20px;
	font-size: 12px;
	text-align: left;
	padding: 5px 15px;
}
.row.row-map {
	border-bottom: 1px solid #cdcdcd;
	margin: 15px 0;
	padding: 10px  0px 25px 0;
}
#messages h4 {
	color: #eba546;
}
/*------------------关于我们--------------------*/
.About{
	padding-bottom: 20px;
}
.about-contern{
	max-width: 1000px;
	margin: 0 auto;
	position: relative;
	
}
.about-contern .about-conternnav{
	
	position: absolute;
	left: -100px;
	display: block;
	top: 0;
	z-index: 1;
	width: auto;
	border: 0;
	width: 130px;
	background-color:#fff;
}
.am-tabs-bd{
	border: 0;
}
.about-contern .about-conternnav li{
	float: none;	
	width: auto;
}
.am-tabs-default .am-tabs-nav>.am-active a{
	color: #000000;
	background: #fff;
	 word-wrap:break-word;
	 white-space:initial; 
	 text-decoration:none;
	 line-height: 20px;
	 padding: 5px;
	 font-size: 14px;
}
.am-tabs-default .am-tabs-nav>.am-active a:hover{
	color: #000000;
	background: #fff;
	 word-wrap:break-word;
	 white-space:initial; 
	 text-decoration:none
}
.about-contern .about-conternnav li a{
	float: none;	
	padding-left: 5px;
	padding-right: 5px;
	width: 130px;
	border-bottom:1px solid #ddd ;
	color: #000;
}
.about-contern .about-conternnav li:last-child a{
	border-bottom:0 ;
	color: #000000;
	text-align:justify;
}
.aboutContainer .navtitle{
	background: none;
	text-align: center;
}
.aboutContainer .row-prig img{
	border-radius:10px ;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{
	border-top: 0;
	border-left:0 ;
	border-right:0 ;
	font-weight: 900;
	color: #000;
}
.nav-tabs>li>a{
	border: 0;
}
.about-contern .about-conternnav h3{    
	font-size: 20px;
    font-weight: 600;
    display: block;
    margin-top: 40px;
    margin-bottom: 10px;
}}
.aboutContainer{
	background: #fff;

}
.row-prig .about-buttom-width{
	padding-left:1% ;
	padding-right:1% ;
}
.aboutContainer .container  {
	position: relative;
	top: 0px;
	left: 20px;
	max-width: 950px;
	background: #fff;
	}
.aboutContainer h3{
	font-size: 20px;
	font-weight: 600;
	display: block;
	background: url(../images/about/xian.png) no-repeat left center;
	background-size: 3px 16px;
	padding-left: 10px;
	margin-top: 30px;
	margin-bottom: 30px;
}

.aboutContainer .row-about{
	padding: 40px 0 0;
}
.about-buttom .row-prig{
	padding: 15px 0;
}
.about-topF{
	border-bottom: 1px solid #e8e8e8;
	margin-bottom: 30px;

	
}
.aboutContainer .about-top p{
	line-height: 26px;
}
.about-buttomPt{
	font-size: 18px;
	color: #1377c8;
	margin-top: 50px;
	margin-bottom: 0;
}
.about-buttomPc{
	color: #b6b6b6;
	font-size: 14px;
}
.about-buttomPc{
	font-size: 16px;
	
}
.about-buttomPb{
	line-height: 24px;
	color: #777;
	margin-bottom: 0;
	text-indent:2em;
	font-size: 16px;
}
.about-buttomPbtop{
	margin-top: 40px;
}
/*--------------------------------------*/

@media (min-width: 992px){
	
.success-more{
	margin-top: 50px;
}
}
@media (max-width:768px) {
	/*----------改版样式-----------*/
	.carousel-indicators{
		bottom: -10px;
	}
	.dLabelso .dropdown-menuproject{
		width: 100%;
		top:40px;
	}
	.content-wema img:first-child{
			margin-left: 0;

	}
	.content-wema img:last-child{
			margin-right: 5%;
	}
	.am-form-group .am-btn-default{
		height: 50px;
	}
	
	.fangan-head .fanganl {
    	font-size: 18px;
}
.service-change{
	padding: 10px 0;
}
	.fangan-head-img{
		max-width: 90%;
	}
	.container-kehu h2 img{
		max-width: 90%;
	
}
	.row .col-md-8 h3{
		font-size: 20px;

	}
	.row .col-md-8{
		padding-top: 0;
	}
	.row .col-md-8 h3 .colPR{
	line-height: 35px;
	padding-left: 20px;
	margin-left: 20px;
}
.success-more{
		margin-top: 0px;
}
.success-content .col-xs-12{
		margin:10px 0 10px 0;
}
.nav-successt{
	padding: 10px 0; 
}
.thumbnail{
	margin-bottom: 10px;
}
.success-outer{
	padding-bottom: 20px;
	
}
	/*----------导航-----------*/
	.container-outer .navbar-header a.navbar-brand {
		padding-top: 10px;
	}
	.container-outer .navbar-header a.navbar-brand img{
		max-width: 70%;
	}
	/*----------轮播图---------*/
	.carousel-outer {
		margin-top: 50px;
	}
	.solution-servel{
		padding: 20px 0;
	}
	.fangan-head h2 {
		margin-top: 15px;
		margin-bottom: 15px;
		font-size: 20px;
		color:#404042;
	}
	.fangan-head p {
		font-size: 14px;
		color: #eba546;
		margin-bottom: 10px;
	}
	.container-indicators .active {
		width: 50%;
	}
	.container-indicators {
		font-size: 16px;
	}
	.container-indicators .round-1,
	.container-indicators .round-2,
	.container-indicators .round-3,
	.container-indicators .round-4 {
		background-size: 120px auto;
	}
	.container-indicators  {
		line-height: 140px;
	}
	.container-indicators span {
		width: 100px;
	}
	.media.media-inner .media-left.media-manage img {
	  width: 90px;
	}
	.head-container {
		margin-top: 50px;
	}
	.nav-wrap ul.nav-tabs{
		margin: 10px 0;
		border-color: #4bcaff;
	}	
	.solution-phone{
		padding-top: 20px;
	}
	.solution-phone p{
		padding: 10px 0;
	}
	.solution-phone-from{
		margin: 10px 0;
	}
	.nav-wrap .tab-pane .media-body h3,
	.bottom-img h3,
	.service-outer h3 {
		font-size: 16px;
		margin-bottom: 20px;
	}
	.container-outer .nav.navbar-right li{
		padding: 15px 0;
		
	}
	.container-outer .nav.navbar-right li > a {
		padding-left: 25px;
		border: 0;
		background: none;
	}
	 i.icon1,i.icon2,i.icon3,i.icon4 {	
		width: 100px;
		height: 100px;
		background-size: 100px 100px;
	}	
	.icon1:hover,.icon2:hover,.icon3:hover,.icon4:hover {
		background-image: url(../images/service/service-hover.png);
		background-position: 0 100px;	
		background-size: 100px 200px;
	}
	.fangan-outer .row.row-outer a.thumbnail .caption h3{
		font-size: 12px;
	}
	.caption-inner h5{
		font-size: 12px;
	}
	.fangan-outer .row a.thumbnail {
		padding:0;
   }
	.nav>li>a {
	  padding: 10px 5px;
	  font-size: 12px;
	}	
	.main-page .right {
		margin-left: 0px;
		width: 100%;
	}	
	.inner-round1 {
		background-size: 160px 160px;
		width: 160px;
		height: 160px;
	}
	.inner-round1 h1 {
		font-size: 20px;
	}
	.inner-round1 p {
		font-size: 14px;
	}
	.content .content-outer {
		padding: 35px 10px 0px 10px;
	}
	.contOnts {
		padding: 90px 10px 30px 10px;
	}
	.contOnts .imgB ul {
		padding: 0px;
		margin: 0 auto;
	}
	.ProcessDivCurn .contOnts .imgC {
		padding: 10px 15px;
	}
	button.phone-solution {
		border: 1px solid #4bcaff;
	}
	.main-page .left {
		position: absolute;
		z-index: 1000;
	}
	.main-page button span.icon-bar{
		background-color:#4bcaff;
	}
	.main-page a.navbar-brand {
		color: #4bcaff;
	}
	.nav-servicel{
		padding: 20px 0;
	}
	.nav-servicec{
		padding: 20px 0;
		
	}
	.nav-serviceb{
		padding: 20px 0 40px;
		
	}
	.aboutNEW{
		padding-top: 0;
	}
	.about-contern .about-conternnav{
		position: initial;
		width: 100%;
	}
	.about-contern .about-conternnav h3{
		text-align: left;
		padding-left: 20px;
		margin-top: 10px;
	}
	.about-contern .about-conternnav li a{
		width: 100%;
	}
	.about-contern .about-conternnav li{
		margin-bottom: 0;
	}
	
	.aboutContainer .container{
		top: 0px;
		left: 0;
		padding: 0;
	}
	.aboutContainer h3{
		margin:10px 0 ;
		font-size: 14px;
	}
	.about-buttomPbtop{
		margin-top: 10px;
	}
	.about-topF{
		margin-bottom: 10px;
	}
	.about-buttomPb{
		font-size: 14px;
	}
	.am-tabs-default .am-tabs-nav>.am-active a{
		text-align: left;
		padding-left: 10px;
	}
	.aboutContainer .row-about{
		padding-top: 10px;
	}
	.row-prig .about-buttom-width{
		padding: 0 2%;
	}
	.about-buttomPt{
		margin-top: 20px;
	}
	.container-kehu{
		padding-bottom: 20px;
	}
	.container-kehu h2 {
		font-size: 20px;
		margin:20px 0;
	}
	.container-bloc{
		padding: 20px 0;
	margin-top: -20px;
	}
	
	.container-solutionBody{
		margin-bottom: 20px;
	}
	.solution-serve{
		padding: 20px 0;
	}
	.ProcessDivCurn .contOnts .imgB ul li {
		font-size: 14px;
		width: 120px;
		background-position: 0 5px;
	}
	.content .content-outer {
		background-size: auto;
	}
	.inner-round1 h1 {
		margin-top: 15px;
	}
}

@media (min-width:768px) and (max-width:1024px){
	/*----------改版样式-----------*/
	
	.row .col-md-8{
		padding-top: 0;
	}
	.ProcessDivCurn .contOnts .imgB ul li {
		font-size: 16px;
	}
	.main-page .right{width:78%;}
	.ProcessDivCurn .contOnts .imgC{
		padding-right: 20px;
		padding-left:20px;
	}
	.ProcessDivCurn .contOnts .imgB ul li {
		width: 130px;
	}
}

