.banner{
	width: 100%;
	height: 580px;
	background: url(../images/about/about_banner.jpg) no-repeat center center;
	margin-top: 80px;
}

.banner-bottom{
	width:100%;
	height:299px;
}
.banner-bottom .banner-bottom-content{
	width:55%;
	height: 299px;
	float:left;
	background-color: #0a7ccd;
}
.banner-bottom .banner-bottom-content .group{
	width: 80%;
	float: right;
	/*padding: 80px 0;*/
	text-align: left;
	margin-top: 73px;
	
}
.banner-bottom .banner-bottom-content .group p{
	font-size: 24px;
	font-weight: normal;
	font-style: italic;
	font-stretch: normal;
	line-height: 46px;
	letter-spacing: 1px;
	color: #ffffff;
}
.banner-bottom .bg{
	width:45%;
	float: left;
	background: url(../images/about/about_bg1.png);
}

.advantage{
	width:1168px;
	height: 334px;
	margin: 114px auto 0;
	text-align: center;
}
.advantage h5{
	font-size: 24px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 0px;
	letter-spacing: 0px;
	color: #333333;
	padding-bottom: 20px;
}
.advantage p{
	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 24px;
	letter-spacing: 0px;
	color: rgba(51, 51, 51, 0.6);
}

.advantage .div1{
	width: 400px;
	height:223px;
	margin-top:-298px;
	text-align: right;
}
.advantage .div2{
	width: 400px;
	height:223px;
	text-align: right;
}
.advantage .div3{
	width: 400px;
	text-align: left;
	height:223px;
	margin-top:-450px;
	margin-left: 770px;
}
.advantage .div4{
	width: 400px;
	text-align: left;
	height:223px;
	margin-left: 770px;
}


.group{
	width: 1168px;
	margin: 167px auto 0;
	overflow: hidden;
	text-align: center;
}
.group h5{
	font-size: 41px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 29px;
	letter-spacing: 0px;
	color: #333333;
}
.group span{
	font-size: 20px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 46px;
	letter-spacing: 1px;
	color: #333333;
}
.group .group-content{
	margin-top: 80px;
	height:441px;
}
.group img{
	float: left;
}
.group .right{
	float:left;
	margin-left: 145px;
	text-align: left;
}
.group .right h1 {
	font-size: 44px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 46px;
	letter-spacing: 3px;
	color: #333333;
	padding-bottom: 43px;
	font-weight: 500;
}
.group .right h1::after{
	content: "CAOHEPING";
    font-size: 87px;
    line-height: 48px;
    letter-spacing: 0px;
    color: rgba(0, 0, 0, 0.05);
    position: absolute;
    margin-left: 244px;
    transform: translateX(-50%);
    margin-top: -80px;
    z-index: 1;
    display: block;
}
.group .right h1 span{
	font-size: 28px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 46px;
	letter-spacing: 2px;
	color: #333333;
	font-weight: 500;
}

.group .right p{
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 24px;
	letter-spacing: 1px;
	color: #333333;
}
.group .right .add{
	font-size: 26px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 28px;
	letter-spacing: 2px;
	color: #333333;
	font-weight: 500;
	padding: 10px 0;
}

.group .right .last{
	width: 459px;
	height: 79px;
	background-color: #0089d2;
	padding:28px 23px 0 44px;
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 28px;
	letter-spacing: 1px;
	color: #ffffff;
}

/*--------企业文化---------*/
.Culture{
	margin-top: 115px;
	width: 100%;
	/*height: auto;*/
	height: 928px;
	background: url(../images/about/about_culture_bg.png) no-repeat center center;
	text-align: center;
}
.Culture h5{
	padding: 91px 0 19px;
	font-size: 41px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 29px;
	letter-spacing: 0px;
	color: #ffffff;
}
.Culture span{
	font-size: 20px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 46px;
	letter-spacing: 1px;
	color: #ffffff;
	display: block;
}
.Culture .Culture-p{
	width: 796px;
	display: inline-block;
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 25px;
	letter-spacing: 0px;
	color: rgba(255, 255, 255, 0.7);
}
.Culture ul {
	width: 1168px;
	margin: 100px auto 0;
	overflow: hidden;
	text-align: center;
}
.Culture ul li {
	width: 260px;	
	float: left;
	padding:0 100px 0 40px;
}
.Culture ul li:nth-of-type(3){
	padding-right: 0px!important;
}
.Culture ul li h6{
	font-size: 20px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 25px;
	letter-spacing: 0px;
	color: #ffffff;
	padding: 49px 0 30px;
}
.Culture ul li p{
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 30px;
	letter-spacing: 0px;
	color: rgba(255, 255, 255, 0.7);
}



/*--------地图---------*/
.bgmap{
	background-color: #FAFAFA;
	width: 100%;
}
.map{
	width: 1160px;
	margin: 0 auto;
	overflow: hidden;
	margin-top:100px;
	text-align: center;
	padding-top: 45px;
	padding-bottom: 45px;
}
.map h5{
	/*font-family: ArialNarrow-Bold;*/
	font-size: 41px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 29px;
	letter-spacing: 0px;
	color: #333333;
}
.map p{
	margin-top:13px;
    font-size: 20px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 25px;
    letter-spacing: 0px;
    color: #000000;
	/*background: url(../images/line.png)no-repeat center center;*/
	text-align: center;
}
.map .map-content{
	width: 965px;
	height: 555px;
	background: url(../images/home/map.png) no-repeat center center / 965px 555px;
	margin: 60px auto 0;
}
 .map .map-content div {
    position: absolute;
    width: 100px;
    height: 100px;
    overflow: hidden;
    border-radius: 100%;
    text-align: center;
  }

 .map .map-content div:before {
    display: inline-block;
    position: absolute;
    content: '';
    width: 10px;
    height: 10px;
    top: 45px;
    left: 45px;
    border-radius: 100%;
    /*background: #1275ff;*/
  }

.map .map-content div a {
    display: inline-block;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 63%;
    white-space: nowrap;
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 25px;
    letter-spacing: 0px;
    color: #000;
    background: #fff;
    opacity: 0.7;
    border: 1px solid #fff;
    border-radius: 11px;
  }

.map .map-content div span {
    display: inline-block;
    border-radius: 100%;
    position: absolute;
    border: solid 2px #2699eb;
    top: 30px;
    bottom: 30px;
    left: 30px;
    right: 30px;
    opacity: 0;
    background: #2699eb;
  }
.map .map-content div.ld {
    margin-left: 424px;
    margin-top: 122px;
    background:url(../images/home/map_s.png)no-repeat center center/20px 25px;
  }

/*.map .map-content div.ld span:first-of-type {
    animation: ripple 4.5s ease-out .1s infinite;
  }

.map .map-content div.ld span:nth-of-type(2) { 
    animation: ripple 4.5s ease-out 1.5s infinite;
  }

.map .map-content div.ld span:nth-of-type(3) {
    animation: ripple 4.5s ease-out 3.5s infinite;
  }*/

.map .map-content div.bj{
	margin-left: 735px;
    margin-top: 104px;
    background:url(../images/home/map_s.png)no-repeat center center/20px 25px;
  }

/*.map .map-content div.bj span:first-of-type {
    animation: ripple 4.5s ease-out .6s infinite;
  }

.map .map-content div.bj span:nth-of-type(2) {
    animation: ripple 4.5s ease-out 2s infinite;
  }

.map .map-content div.bj span:nth-of-type(3) {
    animation: ripple 4.5s ease-out 4s infinite;
  }*/

.map .map-content div.db {
    margin-left: 568px;
    margin-top: 232px;
    background:url(../images/home/map_s.png)no-repeat center center/20px 25px;
  }

/*.map .map-content div.db span:first-of-type {
    animation: ripple 4.5s ease-out .2s infinite;
  }

.map .map-content div.db span:nth-of-type(2) {
    animation: ripple 4.5s ease-out 1.6s infinite;
  }

.map .map-content div.db span:nth-of-type(3) {
    animation: ripple 4.5s ease-out 3.6s infinite;
  }*/

.map .map-content div.sh {
    margin-left: 752px;
    margin-top: 174px;
    background:url(../images/home/map_s.png)no-repeat center center/20px 25px;
  }

/*.map .map-content div.sh span:first-of-type {
    animation: ripple 4.5s ease-out 0s infinite;
  }

.map .map-content div.sh span:nth-of-type(2) {
    animation: ripple 4.5s ease-out 1.6s infinite;
  }

.map .map-content div.sh span:nth-of-type(3) {
    animation: ripple 4.5s ease-out 3.6s infinite;
  }*/

.map .map-content div.xm {
    margin-left: 735px;
    margin-top: 210px;
    background:url(../images/home/map_s.png)no-repeat center center/20px 25px;
  }

/*.map .map-content div.xm span:first-of-type {
    animation: ripple 4.5s ease-out 0s infinite;
  }

.map .map-content div.xm span:nth-of-type(2) {
    animation: ripple 4.5s ease-out 1.6s infinite;
  }

.map .map-content div.xm span:nth-of-type(3) {
    animation: ripple 4.5s ease-out 3.6s infinite;
  }*/

.map .map-content div.xg {
    margin-left: 705px;
    margin-top: 255px;
    background:url(../images/home/map_s.png)no-repeat center center/20px 25px;
  }

/*.map .map-content div.xg span:first-of-type {
    animation: ripple 4.5s ease-out 0s infinite;
  }

.map .map-content div.xg span:nth-of-type(2) {
    animation: ripple 4.5s ease-out 1.6s infinite;
  }

.map .map-content div.xg span:nth-of-type(3) {
    animation: ripple 4.5s ease-out 3.6s infinite;
  }*/
  
  /*天津*/
 .map .map-content div.tj {
    margin-left: 759px;
    margin-top: 118px;
    background:url(../images/home/map_s.png)no-repeat center center/20px 25px;
  }

/*.map .map-content div.tj span:first-of-type {
    animation: ripple 4.5s ease-out 0s infinite;
  }

.map .map-content div.tj span:nth-of-type(2) {
    animation: ripple 4.5s ease-out 1.6s infinite;
  }

.map .map-content div.tj span:nth-of-type(3) {
    animation: ripple 4.5s ease-out 3.6s infinite;
  }
  */
  /*成都*/
  .map .map-content div.cd {
    margin-left: 643px;
    margin-top: 174px;
    background:url(../images/home/map_s.png)no-repeat center center/20px 25px;
  }

/*.map .map-content div.cd span:first-of-type {
    animation: ripple 4.5s ease-out 0s infinite;
  }

.map .map-content div.cd span:nth-of-type(2) {
    animation: ripple 4.5s ease-out 1.6s infinite;
  }

.map .map-content div.cd span:nth-of-type(3) {
    animation: ripple 4.5s ease-out 3.6s infinite;
  }*/
  
  /*深圳*/
   .map .map-content div.sz {
    margin-left: 689px;
    margin-top: 219px;
    background:url(../images/home/map_s.png)no-repeat center center/20px 25px;
  }

/*.map .map-content div.sz span:first-of-type {
    animation: ripple 4.5s ease-out 0s infinite;
  }

.map .map-content div.sz span:nth-of-type(2) {
    animation: ripple 4.5s ease-out 1.6s infinite;
  }

.map .map-content div.sz span:nth-of-type(3) {
    animation: ripple 4.5s ease-out 3.6s infinite;
  }*/
@keyframes ripple {
  0% {
    opacity: 0;
    -webkit-transform: scale(.1);
    transform: scale(.1)
  }
  5% {
    opacity: .7;
  }
  to {
    opacity: 0;
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}

/*-------------------------发展---------------------------------*/
.honor{
	width:1168px;
	overflow: hidden;
	margin: 123px auto 0;
	text-align: center;
}
.honor h5{
	font-size: 41px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 29px;
	letter-spacing: 0px;
	color: #333333;
	padding-bottom: 13px;
}
.honor span{
	display: inline-block;
	font-size: 20px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 25px;
	letter-spacing: 0px;
	color: #000000;
	padding-bottom: 70px;
}
.honor h6{
	font-size: 20px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 29px;
	letter-spacing: 0px;
	color: #333333;
	/*z-index: 20;*/
}
.honor p{
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 29px;
	letter-spacing: 0px;
	color: #333333;
	z-index: 20;
}
.honor .yun{
	display: block;
	border-radius: 50%; 
	width: 14px;
	height: 14px;
	background-color: #1c6bb4;
	text-align: center;
	margin: 0 auto;
	z-index: 10;
	position: relative;
}

.honor .col{
	width: 1px;
	height: 137px;
	background-color: rgba(51, 51, 51, 0.2);
	margin: 0 auto;
	z-index: 10;
	position: relative;
}
.honor .div1,
.honor .div3,
.honor .div6,
.honor .div8{
	text-align: right;
	margin-left: 0px;
	width: 462px;
	z-index: 20;
	
}

.honor .div2,
.honor .div4,
.honor .div5,
.honor .div7{
	text-align: left;
	margin-right: 0px;
	width: 462px;
	z-index: 20;
}

.honor .div1 h6::after,
.honor .div2 h6::after,
.honor .div3 h6::after,
.honor .div4 h6::after,
.honor .div5 h6::after,
.honor .div6 h6::after,
.honor .div7 h6::after,
.honor .div8 h6::after{
	font-size: 66px;
    font-weight: 600;
	font-style: italic;
	font-stretch: normal;
    line-height: 48px;
    letter-spacing: 0px;
    color: rgba(0, 0, 0, 0.05);
    z-index: 1;
    display: block;
    margin-left:-18px;
    margin-top: -49px;
}


.honor .div1{
	position: relative;
	left:50px;
	top:-1100px;
}
.honor .div1 h6::after{
	content: "2015.05";
}

.honor .div2{
	position: relative;
	left:655px;
	top:-1000px;
}
.honor .div2 h6::after{
	content: "2017.05";
}
.honor .div3{
	position: relative;
	left:50px;
	top:-910px;
}
.honor .div3 h6::after{
	content: "2017.06";
}

.honor .div4{
	position: relative;
	left:655px;
	top:-810px;;
}
.honor .div4 h6::after{
	content: "2017.10";
}

.honor .div5{
	position: relative;
	left:655px;
	top:-720px;
}
.honor .div5 h6::after{
	content: "2017.11";
}

.honor .div6{
	position: relative;
	left:50px;
	top:-630px;
	z-index: 10;
}
.honor .div6 h6::after{
	content: "2017.11";
}
.honor .div7{
	position: relative;
	left:655px;
	top:-540px;
	z-index: 10;
}
.honor .div7 h6::after{
	content: "2017.12";
}
.honor .div8{
	position: relative;
	left:50px;
	top:-430px;
	z-index: 10;
}
.honor .div8 h6::after{
	content: "2018.02";
}
.bgimg{
	width: 100%;
	height: 500px;
	background: url(../images/about/about_honor_bg.png) no-repeat center center;
	position: relative;
	top:-648px;
	margin-bottom: -720px;
}
.button{
	position: relative;
	top:288px;
	width: 177px;
	height: 48px;
	background-color: #0367c3;
	border-radius: 4px;
	margin:0 auto;
	text-align: center;
}

.button p{
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 48px;
	letter-spacing: 0px;
	color: #ffffff;
}