/* CSS Document */
body {
  line-height: 1.8;  
}
.pd-box {
	padding: 68px 0 50px 0
}
.title {
line-height:inherit
}
.nav-box {
	float:right;
	height: 100px
}
.nav-box li {
	float:left;
	padding-left: 52px;
	position: relative;
	line-height: 100px;
	font-size: 16px;
	color: #333
}
.nav-box li a {
display:block
}
.nav-box li.active {
	
	position: relative;
}
.nav-box li.active  a{
color: #2E79F1;
}
.nav-box li.active:before {
	content: '';
    display: block;
    position: absolute;
    top: 1px;
    height: 2px;
    width: 64px;
    background: #2E79F1;
}
.navbar-brand {
	line-height:100px;
}
.navbar-brand img {
	vertical-align:middle;
width: 140px;
}
.about-banner {
	background: url(/Template/skin1/public/about/images/1.png) no-repeat center;
	height: 640px;
	position: relative;
}
.about-banner .about-title1 {
	font-size: 45px;
	color:#fff;
	text-align: center;
	letter-spacing: 6px
}

.about-banner .about-info{
	color:#fff;
	max-width:65%;
	font-size: 20px;
	text-align: center;
	margin: 15px auto 30px
}
.about-banner .about-btn-box  {
	padding-top: 180px;
	text-align:center
}
.about-banner .about-btn-box button {
	
	width: 160px;
	height: 46px;
	line-height: 46px;
	text-align: center;
	background: #fff;
	color:#2E79F1;
	border:0;
	box-sizing: border-box;
	border-radius: 4px;
	font-size: 15px;
	display: inline-block;
	margin: 0 auto
}
.about-title {
	font-size: 38px;
	color: #373737;
	position: relative;
	letter-spacing: 6px;
	margin-bottom: 60px;
height:65px
	
}
.about-title:after{
	content: '';
	margin-top: 10px;
	width: 130px;
	background: #373737;
	height: 3px;
	display: block;	
}

.about-mode1 .about-info p {
    text-indent: 2em;
    font-size: 16px;
    font-weight: 500;
    line-height: 2.2;
}

.about-mode2 .about-img {
	width:100px;
	height: 100px;
	border-radius: 50%;	
	overflow: hidden;
	position: absolute;
	left: 15px;
}
.about-mode2 .about-img img {
	width: 100%;
	height: 100%
}
.about-mode2 .about-box{
	position: relative;
    padding-left: 130px;
    box-sizing: border-box;
    margin-bottom: 70px;
    padding-right: 60px;
}
.about-mode2 .about-name {
	font-size: 18px;
	color: #373737;
	line-height: 1.8
}
.about-mode2 .about-job {
	font-size:16px;
	color:#666;
margin:5px 0
}
.about-mode2 .about-intro {
	color:#666;
	height: 72px;
font-size:14px;
overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;

}
.about-mode5 .contentbox{padding-left: 30px;font-size: 14px;color: #5a5a5a;line-height: 34px;position: relative;}


/*企业文化*/
.about-mode6 .about-icon {
	width:175px;
	height: 175px;
	line-height: 175px;
	border-radius: 50%;
	border:1px solid #eee;
	margin: 0 auto;
	display: inline-block
}
.about-mode6 .about-icon  img{
	vertical-align:middle
}
.about-mode6  .about-box {
	width:60%;
	margin: 0 auto;
	text-align: center
}
.about-mode6  .about-name {
    font-size: 18px;
    line-height: 32px;
    margin-top: 15px
}
.about-mode6 .about-list {
	margin-top: 70px
}

.about-mode6 .about-info p{
	font-size:24px;
  font-family: KaiTi;
}
.about-mode7 .about-list{
	background: url(/Template/skin1/public/about/images/7.png) no-repeat;
	max-width: 810px;
	margin: 0 auto
}
.about-mode7 .about-head {
	width: 180px;
	height: 50px;
	line-height: 50px;
	display: block;
	text-align: center;
	margin: 0 auto;
	color: #fff;
	font-size: 16px;
	background: #4F93FF;
	margin-bottom: 160px;
	position: relative;
	top: -30px;
	left: -10px
}

.about-mode7 .about-child {
	width:140px;
	float: left
}
.about-mode7 .about-child li {
	text-align:center;
	line-height: 40px
}
.about-mode7 .about-child li:first-child {
	margin-top:10px
}
.about-mode7 .about-child span{
	width: 140px;
	height: 40px;
	line-height: 40px;
	display: inline-block;
	text-align: center;
	color:#fff;
	background: #4F93FF;
	font-size: 14px;
}
.about-mode7 .about-child:nth-of-type(1) {
	position: relative;
	left: -70px
}
.about-mode7 .about-child:nth-of-type(2) {
	position: relative;
	left: 180px
}
.about-mode7 .about-child:nth-of-type(3) {
	position: relative;
	left: 450px
}
.about-mode8 .about-list li {
	float:left;
      width:33.333333%
}
.about-mode8 .about-list li img {
	max-width:100%;
	display: block
}
.about-mode8 .about-list li .about-box {
	position:relative;
	max-height: 285px;
	overflow: hidden;
         margin-bottom:30px;
        margin-left:20px
}
.about-mode8 .about-list li .about-box .about-name{
	position: absolute;
	bottom: 0;
	text-align: center;
	background: rgba(0,0,0,.15);
	width: 100%;
	height: 30px;
	color: #fff
}

.about-mode8 .about-list li:nth-of-type(1) {
	width: 50%;
}

.about-mode8 .about-list li:nth-of-type(2) {
	width: 25%
}
.about-mode8 .about-list li:nth-of-type(2) .about-box {
margin-left:0;
margin-right: 10px;
min-height: 285px;
}
.about-mode8 .about-list li:nth-of-type(2) .about-box img {
	height: 100%;
}

.about-mode8 .about-list li:nth-of-type(3) {
	width: 25%;
}

.about-mode8 .about-list li:nth-of-type(1) .about-box{
	margin-right:20px
}
.about-mode8 .about-list li:nth-of-type(3) .about-box{
	margin-left:10px;
	min-height: 285px;
}
.about-mode8 .about-list li:nth-of-type(3) .about-box img{
	height: 100%;
}

/*media*/
.about-mode9 .about-news-pic{
	max-width:100%;
	margin: 0 auto
}
.about-mode9  .about-top-img {
	position: relative;	
	margin-right: 20px;
       max-height:284px;
overflow: hidden;
}
.about-mode9  .about-top-img img{
	display: block;
	max-width: 100%;
        min-height:284px;

}
.about-mode9 .about-top-img p{
	position: absolute;
	width:100%;
	height: 60px;
	line-height: 60px;
	bottom: 0;
	padding-left: 20px;
	box-sizing: border-box;
	color:#fff;
	background: rgba(0,0,0,0.3)
}
.about-mode9 .about-content {
	margin-top: 30px
}
.about-mode9 .about-content li {
	position:relative;
	padding: 20px 100px 20px 20px;
	border-bottom: 1px dashed #eee;
    cursor: pointer;
 }
.about-mode9 .about-content li:hover .about-txt{
color:#2E79F1;
}
.about-mode9 .about-content li:before {
	content: ''; 
	display: block;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -7px;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: #333;
}
.about-mode9  .about-txt {
	font-size: 16px;
	line-height: 32px;
}
.about-mode9 .about-time {
	position: absolute;
    right: 0;
    top: 50%;
    margin-top: -8px;
    font-size: 16px;
    color: #454545;
}

.about-mode9  .about-more {
	text-align: center
}
.about-mode9  .about-more a{
	display: inline-block;
	margin-top: 45px;
	cursor: pointer
}
/*footer*/

.about-footer {
	background:url(/Template/skin1/public/about/images/2.png) no-repeat;
	text-align: center;	


} 
.about-footer ul li {
	display: inline-block;
	color: #fff;
	font-size: 16px;
cursor: pointer;
	
}
.about-footer ul li:hover{
color:#2E79F1
}
.about-footer .cooperation {
    font-size: 13px;
    color: #fff;
    padding-top: 25px;
    padding-bottom: 45px;
 
}
.about-footer .cooperation a {
	color:#fff
}
.big-center {
    position: absolute;
    left: 50%;
    margin-left: -90px;
background:url('/UploadFiles/2018-8/82/O131800133942452.png') ;
     height: 100%;
    width: 178px;
}
.about-footer ul {
    padding-top: 200px;
}
.content-code {
width:130px;
margin-top:10px
}
.content-code img {
max-width:100%
}

/*group*/
.fzlcmain ul li .group-box-item {
    box-shadow: 0 1px 10px rgba(0,0,0,.15);
    padding: 10px;
    box-sizing: border-box;
margin-top:65px
    
}
.fzlcmain ul li span {
    z-index: 99;
    background: none;
    color: #fff;
    height: 88px;
    line-height: 88px;
    left:48%;
    background: url(/UploadFiles/2018-8/82/A131800166007402.png) no-repeat;
    background-size: contain;
}
.fzlcmain ul li:nth-child(2n+1) .group-box-item  {
	margin-left: 90px!important
}
.fzlcmain ul li:last-child .group-box-item {
       margin-right:120px!Important
}
	.fzlcmain ul li:nth-child(2n) .group-box-item  {
	margin-right: 150px;
    margin-left: 50px;
}
.fzlcmain ul li:nth-of-type(1) span {
left:48%
}
.fzlcmain ul li:nth-of-type(2)   span{
left: 47%;
}
.fzlcmain ul li:nth-of-type(3) span {
left: 42%;
}
.fzlcmain ul li:nth-of-type(4) span {
left: 51%;
}
.fzlcmain ul li:nth-of-type(5) span {
left: 47%;
}


.fzlcmain ul li:nth-of-type(6) span {
left: 39%;
}
.fzlcmain ul li:nth-of-type(7) span {
left: 50%;
}
.fzlcmain ul li:nth-of-type(8) span {
left: 49%;
}
.fzlcmain ul li:nth-of-type(9) span {
left: 39%;
}
.fzlcmain ul li:nth-of-type(10) span {
left:49.5%;
}

.fzlcmain ul li:nth-of-type(11) span {
left: 48%;
}
.fzlcmain ul li:nth-of-type(12) span {
left: 45%;
}
.fzlcmain ul li:nth-of-type(13) span {
left: 49%;
}
.fzlcmain ul li:nth-of-type(14) span {
left: 45%;
}
.fzlcmain ul li:nth-of-type(4) .group-left {
margin-left:90px;
margin-right:45px
}
.fzlcmain ul li:nth-child(3) .group-box-item {
margin-left: 30px;
}
.fzlcmain ul li:nth-child(3) .group-min{
margin-left:135px!important;

}
.fzlcmain ul li:nth-child(5) .group-box-item {
margin-right:190px;
margin-left:30px
}
.fzlcmain ul li:nth-child(5) .group-min{
margin-right:30px !important;

}
.fzlcmain ul li:nth-child(6) .group-box-item {
margin-left:150px;
margin-right:30px
}
.fzlcmain ul li:nth-child(6)  . group-left{
margin-right:30px !important;

}
.fzlcmain ul li:nth-child(7) .group-box-item {
margin-left:75px;
margin-right:150px
}
.fzlcmain ul li:nth-child(7)  .group-min {
margin-left: 120px!important;
}
.fzlcmain ul li:nth-child(9) .group-box-item {

margin-right:130px
}
.fzlcmain ul li:nth-child(10) .group-box-item {
margin-left:90px
}
.fzlcmain ul li:nth-child(11) .group-box-item {
margin-right:110px
}
.fzlcmain ul li:nth-child(13) .group-box-item {
margin-right:110px
}
.fzlcmain {
margin-left:0
}
.fzlcmain ul li span:before{
	position:absolute;
	content: '';
	display: block;
	width: 20px;
	height: 20px;
	background:#578FFE;
	border-radius: 50%;
display:none
}
.fzlcmain ul li:nth-child(odd) span:before {
left:-13px
} 
.fzlcmain ul li:nth-child(even) span:before {
right:-27px
} 


.fzlcmain ul li:nth-child(odd) .group-box {
    float: right;
   width:50%;
position:relative
}

.fzlcmain ul li span:before{
	position:absolute;
	content: '';
	display: block;
	width: 20px;
	height: 20px;
	background:#578FFE;
display:none
}
.bigeventBox {
background: url(/UploadFiles/2018-8/82/7131800660654700.png) no-repeat;
    background-position: center;
}
.fzlcmain ul li {
padding:0
}

  .fzlcmain ul li:nth-child(even) .group-box {
    float:left;

 width:50%;
position:relative
}

.fzlcmain ul li:nth-child(odd) .group-box:after {
	content:'';
	display: block;
	width: 5px;
	background: #5C8BFD;
	position: absolute;
	height: 100%;
	left:-5px;
	top:0
}
.fzlcmain ul li:nth-child(even) .group-box:before {
	content:'';
	display: block;
	width: 5px;
	background: #5C8BFD;
	position: absolute;
	height: 100%;
	right:0;
	top:0
}
.fzlcmain {
border-left:0
}
.nav-mobie {
display:none
}
 .nav-phone ,.moblie-show{
display:none
}
.pc-show {
display:block
}
.fuli img {
max-width:100%;
display: block;
margin: 0 auto;
}

@media (max-width:992px){ 
		.about-mode2 .about-box {
		padding-right: 0;
	}
	.about-mode8 .about-list li:nth-of-type(1) .about-box {
		max-width: 100%;
		margin-bottom:30px ;
	}
	.fuli {
		display: block;
		padding: 0 15px;
	}
	.about-list1 {
		display: none;
	}
	.mobile-bg {
background:#000;
    position: relative;
}
.nav-box {
	float: none;
}
.nav-pc {
display:none!important;
}
.nav-mobie {
display:block!important
}
 .nav-phone {
display:block;
position:absolute;
right:20px;
top:9px;
font-size:14px;
letter-spacing: 2px;
color:#fff;

}
.nav-phone  img{
    position: absolute;
    left: -24px;
    top: 3px;
    width: 15px;
}
.nav-phone a {
	color:#fff!important
}
.phone-title {
display:block;
font-size:38px
}
.about-header .container {
padding:0
}

.navbar-brand {
line-height: 50px;
display:block;

}
.navbar-brand img {
    max-width: 30%;
  margin: 10px 0 15px 15px;

}
.nav-box li.active:before {
display:none
}
.nav-box {
height:50px
}

.nav-box {
     overflow-x: auto;
   overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    white-space: nowrap;
    max-width:100%;
}
.nav-box li {
float:none;
display:inline-block;

}
.nav-box li {
padding-left: 40px;
}
.group-min{
max-width:320px!important
}


.nav-box li {
line-height:50px
}
	
	.fzlcmain ul li .group-box-item {
margin:0!important
}
.fzlcmain ul li:nth-child(2n+1) .group-box-item {
margin-left:0!important
}


.fzlcmain ul li:last-child .group-box-item {
margin-right:0!important
}

element.style {
}
.fzlcmain ul li:nth-of-type(1) span {
    left: 50%;
}


.fzlcmain ul li span {
  left: 0!important;
    color: #2E79F1;
    position: relative;
    background: #fff;
    margin: 0 auto;
    display: block;
    text-align: center;
    height: 30px;
    top: -16px;
    line-height: 30px;
}
.fzlcmain ul li {
border-top:1px solid #ddd;
margin-bottom:30px;
}
.fzlcmain li img,.group-min  {
display:none
}
.bigeventBox {
background:none
}
.fzlcmain ul li .group-box {
width:100%!important
}
.fzlcmain ul li:nth-child(even) .group-box:before {
left:-5px;
right:none
}
.fzlcmain ul li span {
left:0
}
.fzlcmain ul li:nth-child(even) span{
left:0
}
.fzlcmain ul li:nth-child(even) span:before {
left:-15px;
right:none;
}

	
}


@media (max-width: 768px){
	.moblie-mew {
		display: none!important;
	}
	.about-banner {
background: url(/UploadFiles/2018-8/82/S131800098436601.jpg) no-repeat center;
    height: 500px;
    position: relative;
}
.about-banner .about-title1 {
font-szie:36px
}
.moblie-show {
display:block
}
.about-mode1 .about-info p {
font-size:14px
}
.about-mode1 {
background:#F5F5F5
}
.moblie-show img {
max-width:100%
}
.about-banner {

padding-bottom: 30px;
background: #f5f5f5 url(/UploadFiles/2018-8/82/R131800839307394.png) no-repeat center;
background-size: cover;
}

.about-banner .about-title1{
 font-size:30px;
text-align:center;
margin:0 15px 30px;

}

.about-banner .about-btn-box {
padding-top:60px;
display:none
}

.about-banner .about-info {
width:100%;
display:none
}
.about-title {
font-size:26px;
text-align:center;
}

.container {
padding:0 15px;
}
.pd-box {
padding: 50px 0 40px 0;
}
.about-title:after {
height:2px;
margin-top:5px;
width:65px;
    position: absolute;
    left: 50%;
    margin-left: -32px;
}
.about-mode2 .about-box {
margin-bottom:60px;
padding-right:0
}
.about-mode5 .contentbox {
padding-left:0
}
.about-mode6 .about-icon {
   width: 105px;
    height: 105px;
    line-height: 105px;
    border-radius: 50%;
    border: 1px solid #eee;
    margin: 10px auto 5px;
    display: inline-block;
background:#fff
}
.about-mode6 .about-icon img {
max-width:50%
}
.about-mode6 .about-list {
margin-top:35px
}
.about-mode6 .about-info p {
font-size:16px
}
.about-mode7 .about-head {
display:none
}
.about-mode7 .about-child {
left:0!important;
margin-bottom: 15px;
   box-shadow: 0 1px 8px rgba(0,0,0,.15);
}
.about-mode7 .about-list {
background:none
}

.about-mode7 .about-child {
margin-left:20px
}
.about-mode8 {
background:#f5f5f5
}
.about-mode8 .about-list li  {
width:100%!important
}
.about-mode8 .about-list li .about-box{
max-width: 90%;
margin:0 auto 30px ;

}
.about-mode8 .about-list li:nth-of-type(2) .about-box{
margin:0 auto 30px
}

.about-mode8 .about-list li img {
width:100%
}
.about-mode8 .about-list li {
width:50%!important
}
.about-mode8 .about-list li:nth-of-type(1) {
width:100%!important
}

.about-mode9 .about-content li {
padding: 20px 0 20px 20px;
}
.about-mode9 .about-time {

margin-top:-10px
}
.about-mode9 .about-content li:before {
top:25%;
margin-top:11px;
width:5px;
height:5px

}
.about-mode9 .about-top-img {
margin-bottom:30px;
max-height: 123px;
}

.about-title {
margin-bottom:45px
}


.moblie-pd {
padding-top:40px
}
.about-mode4 {
background:url(/UploadFiles/2018-8/82/1131800848045571.jpg) no-repeat;
padding-bottom:60px
}
.about-mode4  #my_iframe  {
height:300px
}
.about-mode4  .about-title {
color:#fff
}

.about-mode4  .about-title {
color:#fff;
}
.about-mode4 .about-title:after{
background-color:#fff
}
.about-footer {
background:url(/UploadFiles/2018-8/82/K131800856649613.png) no-repeat;
    background-size: cover;
}
.about-footer ul {
padding-top:30px
}
.about-footer .cooperation {
display:none
}

.about-mode2 .about-img {
    width: 75px;
    height: 75px;
    left: 50%;
    margin-left: -37.5px;
    top:30px
}
.about-mode2 {
padding-bottom:40px
}
.about-mode2 .about-title{
margin-bottom:10px
}
.about-mode2 .about-box {
   padding-left: 0;
    padding-top: 65px;
    max-width: 90%;
    margin: 0 auto;

}
.about-mode2 .about-intro {
height: 62px;
    font-size: 12px;
    -webkit-line-clamp: 3;
    padding: 0 10px;
}
.about-mode2 .about-name {
font-size:18px;
}
.about-mode2 .about-job {
font-size:14px
}
.about-mode2 .about-intro {
font-szie:12px
}
.about-mode2 .about-job {
margin:0
}
.about-mode2 li:nth-child(even)  .about-box{
    padding-right: 100px;
    padding-left: 0;
}

.about-mode2 li:nth-child(even) .about-box .about-info {
text-align:center
}
.about-mode2 li:nth-child(even) .about-box {
padding-right:0
}
.about-mode2 .about-info {
    border: 1px solid #ddd;
    padding-top: 50px;
    padding-bottom: 15px;
    text-align: center;
}
.h-img-title {
height:44px
}
.widget {
padding-top:50px
}
.pc-show {
display:none
}
.about-mode6 {
background-color:#f5f5f5
}
.about-mode6 .about-box {
width:90%
}
.about-mode6 .about-icon {
width:80px;
height:80px;
line-height:80px
}
.about-mode6 .about-name {
font-size:16px;
marin-top:5px
}
.about-mode6  .about-info {
font-size:12px
}

.about-mode9 .about-top-img img {
min-height:auto;
height:auto
}
.about-mode9 .about-top-img p {
height:30px;
line-height:30px
}
.about-mode9 .about-top {
margin-right:-20px
}
.about-mode9 .about-content li {
padding: 10px 120px 10px 20px;
}
.about-mode9 .about-txt {
font-size:14px;
height:32px;
overflow:hidden
}
.about-mode9 .about-time {
font-size:14px;
}
.about-mode9 .about-content {
margin-top:0
}
.about-list {
overflow:hidden
}

.content-code {
	position: absolute;
	right: 0;
	top: 0;
}


}
@media all and (max-width: 480px) {
	.moblie-mew {
		display: block!important;
	}
	.about-banner {
		height: 250px;
	}
	.content-code  {
		position: inherit;
	}
}

@media all and (min-width: 480px) and (max-width: 992px) {
	.nav-box::-webkit-scrollbar-track-piece {	background-color:#f5f5f5;	border-left:1px solid #d2d2d2;}
	.nav-box::-webkit-scrollbar {	width:13px;	height:6px;}
	.nav-box::-webkit-scrollbar-thumb {	background-color:#c2c2c2;	background-clip:padding-box;	border:1px solid #979797;	min-height:28px;}
	.nav-box::-webkit-scrollbar-thumb:hover {	border:1px solid #636363;	background-color:#929292;}
	
}<!--耗时1782858190.3123秒-->