@charset "utf-8";

 .inner-con {
 	padding-bottom: 5.2%
 }

 .service-tit {
 	color: #1754a3;
 	margin-bottom: 25px;
 	font-size: 24px;
 	line-height: 1
 }

 .service-tit2 {
 	font-size: 18px;
 	color: #1754a3;
 	margin-bottom: 10px;
 	line-height: 1
 }

 .inner-con p {
 	color: #444444;
 	font-size: 16px;
 	line-height: 30px
 }

 .inner-con img {
 	margin-top: 25px;
 	margin-bottom: 25px;
 	max-width: 100%;
 	text-align: center
 }

 .inner-con p+.service-tit2 {
 	margin-top: 35px
 }

 .sec-warp {
 	font-size: 0
 }

 .sec-warp>div {
 	display: inline-block;
 	width: 45%;
 	margin-right: 5%;
 	vertical-align: top;
 	margin-top: 25px
 }

 .con-left2 {
 	width: 63.3333%
 }

 .con-right2 {
 	width: 30%
 }

 .history-tit {
 	text-align: center;
 	vertical-align: middle
 }

 .history-tit span {
 	font-size: 24px;
 	color: #fff;
 	background: #1754a3;
 	border-radius: 4px;
 	line-height: 1;
 	padding: 8px 20px 10px;
 	display: inline-block;
 	vertical-align: middle
 }

 .history-list ul li {
 	width: 50%;
 	box-sizing: border-box;
 	-webkit-box-sizing: border-box;
 	-moz-box-sizing: border-box;
 	position: relative;
 	min-height: 138px
 }

 .history-list ul li:nth-child(odd) {
 	margin-left: 50%;
 	padding-left: 20px
 }

 .history-list ul li:nth-child(even) {
 	margin-right: 50%;
 	padding-right: 20px
 }

 .history-list ul li:nth-child(even) .year,
 .history-list ul li:nth-child(even) .history-con {
 	float: right
 }

 .year {
 	margin-bottom: 40px
 }

 .year span {
 	width: 120px;
 	height: 39px;
 	display: inline-block;
 	text-align: center;
 	line-height: 39px;
 	background-color: #00a2e9;
 	font-size: 24px;
 	color: #fff;
 	vertical-align: middle
 }

 .history-list ul li:nth-child(odd) .year span {
 	border-top-right-radius: 4px;
 	border-bottom-right-radius: 4px
 }

 .history-list ul li:nth-child(even) .year span {
 	border-top-left-radius: 4px;
 	border-bottom-left-radius: 4px
 }

 .history-list ul li:nth-child(odd) .year::before,
 .history-list ul li:nth-child(even) .year::after {
 	content: "";
 	width: 26px;
 	height: 39px;
 	display: inline-block;
 	background: url(../img/year_icon1.png) no-repeat top;
 	vertical-align: middle
 }

 .history-list ul li:nth-child(even) .year::after {
 	background: url(../img/year_icon2.png) no-repeat top
 }

 .history-con {
 	font-size: 14px;
 	color: #797979;
 	margin-bottom: 40px;
 	line-height: 20px
 }

 .history-list {
 	position: relative;
 	padding-top: 132.5px;
 	margin-top: 19px
 }

 .history-list::after {
 	content: "";
 	position: absolute;
 	border-right: 2px dashed #00a2e9;
 	top: 0;
 	left: 50%;
 	margin-left: -1px;
 	height: calc(100% - 132px);
 	height: -webkit-calc(100% - 132px);
 	height: -moz-calc(100% - 132px);
 	z-index: 7
 }

 .history-list ul li::before,
 .history-list ul::before {
 	content: "";
 	position: absolute;
 	left: -11px;
 	top: 14.5px;
 	margin-top: -9px;
 	width: 22px;
 	height: 22px;
 	background: #7bd5fc;
 	border-radius: 100%;
 	z-index: 8
 }

 .history-list ul li::after,
 .history-list ul::after {
 	content: "";
 	position: absolute;
 	left: -9px;
 	top: 14.5px;
 	margin-top: -7px;
 	width: 16px;
 	height: 16px;
 	background: #00a2e9;
 	border-radius: 100%;
 	border: 1px solid #99ddfb;
 	z-index: 9
 }

 .history-list ul li:nth-child(even)::before {
 	left: auto;
 	right: -11px
 }

 .history-list ul li:nth-child(even)::after {
 	left: auto;
 	right: -9px
 }

 .history-list ul::after {
 	left: 50%;
 	margin-left: -9px;
 	top: 0
 }

 .history-list ul::before {
 	left: 50%;
 	margin-left: -11px;
 	top: 0
 }

 .inner-con.profile-con p {
 	margin-bottom: 25px
 }

/* about-list */
.inner-cbox{
	width: 1000px;
	margin: 0 auto;
}
.inner-con .big{
	text-align: center;
    font-size: 24px;
    color: #333333;
}
h3.about_us {
    margin-bottom: 0px;
    text-align: center;
    font-weight: 500;
    line-height: 1.1;
    margin-top: 0px;
    padding: 10px 0px;
    font-size: 16px;
    color: #444444;
}
h3.about_us span {
    display: block;
    font-size: 20px;
    color: #444444;
    position: relative;
}
h3.about_us span:before, h3.about_us span:after {
    content: '';   /*CSS伪类用法*/
    position: absolute;
    top: 52%;
    background: #444444; 
    width: 87px;
    height: 1px;
}
h3.about_us span:before{
    left: 32%;
}
h3.about_us span:after {
    right: 32%;
}
.inner-con .title{
	color: #333333;
    line-height: 150%;
    font-size: 21px;
    margin-top: 40px;
    text-align: center;
}
.inner-con .p_head{
	margin-top: 20px;
	color: #333333;
    line-height: 150%;
    font-size: 16px;
}
.inner-con .p_text{
	text-indent:30px;
	color: #333333;
    line-height: 150%;
    font-family: Arial;
    font-size: 16px;
    margin-top: 10px;
}
.cf_pic{
	width: 900px;
	height: 160px;
	margin: 0 auto;
	margin-top: 70px;	
	margin-bottom: 70px;	
}
.cf_pic_box{
	float: left;
	width: 200px;
	box-shadow: 0 7px 16px 0 rgba(7, 17, 27, .16);
	margin-right: 10px;
}
.cf_pic_box div{
	margin: 0 auto;
}
.cf_pic_box p{
	margin-top: 20px;
	text-align: center;
	font-size: 16px;
	color: #333333;
}
.cf_1{
	width: 100px;
	height: 100px;
	background-image: url(../images/about1s.png);
	-moz-background-size: 100% 100%; 
	background-size: 100% 100%;
}
.cf_1:hover{
	background-image: url(../images/about1.png);
	-moz-background-size: 100% 100%; 
	background-size: 100% 100%;
}
.cf_2{
	width: 100px;
	height: 100px;
	background-image: url(../images/about2s.png);
	-moz-background-size: 100% 100%; 
	background-size: 100% 100%;
}
.cf_2:hover{
	background-image: url(../images/about2.png);
	-moz-background-size: 100% 100%; 
	background-size: 100% 100%;
}
.cf_3{
	width: 100px;
	height: 100px;
	background-image: url(../images/about3s.png);
	-moz-background-size: 100% 100%; 
	background-size: 100% 100%;
}
.cf_3:hover{
	background-image: url(../images/about3.png);
	-moz-background-size: 100% 100%; 
	background-size: 100% 100%;
}
.cf_4{
	width: 100px;
	height: 100px;
	background-image: url(../images/about4s.png);
	-moz-background-size: 100% 100%; 
	background-size: 100% 100%;
}
.cf_4:hover{
	background-image: url(../images/about4.png);
	-moz-background-size: 100% 100%; 
	background-size: 100% 100%;
}

 @media(max-width:1440px) {
 	.case-list ul {
 		margin-left: -15px;
 		margin-right: -15px
 	}

 	.case-list ul li {
 		padding-left: 15px;
 		padding-right: 15px
 	}
 }

 @media(max-width:1200px) {
 	.service-tit {
 		font-size: 20px;
 		margin-bottom: 20px
 	}

 	.inner-con p {
 		font-size: 14px;
 		line-height: 24px
 	}

 	.inner-con p+.service-tit2 {
 		margin-top: 25px
 	}

 	.inner-con img {
 		margin-top: 20px;
 		margin-bottom: 20px
 	}

 	.history-tit span,
 	.year span {
 		font-size: 22px
 	}
 }

 @media(max-width:1200px) {
 	.inner-con img {
 		margin-top: 15px;
 		margin-bottom: 15px
 	}
	.inner-cbox{
		width: 100%;
	}
 	.service-tit2 {
 		font-size: 16px;
 		line-height: 1.6
 	}

 	.history-tit span,
 	.year span {
 		font-size: 20px
 	}
 }

 @media(max-width:768px) {
 	.service-tit {
 		font-size: 18px;
 		margin-bottom: 15px
 	}
	
	.inner-menu li {
		width: 33%;
	}
 	.inner-menu a {
 		width: 100%;
 		font-size: 14px;
 	}
	.cf_pic{
		display: none;
	}
 	.con-left2,
 	.con-right2 {
 		width: 100%
 	}

 	.year span {
 		width: 100px;
 		font-size: 16px
 	}

 	.year {
 		margin-bottom: 20px
 	}

 	.history-con {
 		margin-bottom: 20px
 	}

 	.history-tit span {
 		font-size: 18px
 	}
 }

 @media(max-width:480px) {
 	.sec-warp>div {
 		width: 100%;
 		margin: 0
 	}

 	.service-tit {
 		margin-bottom: 10px
 	}
	.inner-menu{
		text-align: inherit;
	}
	.inner-con{
		padding-bottom: 70px;
	}
 	.inner-con img {
 		margin-top: 10px;
 		margin-bottom: 10px
 	}
 }