
/*
 .con_about1
 */
body{overflow-x: hidden}
.con_about1{overflow: hidden}
.con_about1 .box1{ padding:55px 0 0;background:url(../images/ibox1_bg.jpg) center bottom no-repeat}
.con_about1 .box2{padding: 50px 0}
.con_about1 .fz_24{color:#5e5e5e; font-weight:100; margin:0; font-size:16px;}
.con_about1 .fz_36{font-size:36px; color:#333; margin:0; font-size:28px;}
.con_about1 .tit:after{ content:"";width:71px; height:1px; background:#00455e; margin:35px 0; display:block; }
.con_about1 .con{font-size:16px; color:#5e5e5e; line-height:30px; margin:0}
.con_about1 .fz_60{ font-size:30px;}
.con_about1 .bg{ position: relative; background-color: #202020; min-height: 400px; margin: 50px 0 0; background-position:center center; background-repeat:no-repeat; background-size:cover; }
.con_about1 .bg li{color: #00455e; font-size: 18px; width: 33.3334%; padding:20px 0 ; margin: 0 auto; position: relative; z-index: 3;text-align: center; float: left; width:50%;}
.con_about1 .bg li p{border: 1px solid #00455e;  margin: 0 auto 15px;width: 130px; height:130px;border-radius: 130px;background: rgba(255,255,255,0.5);}
.con_about1 .box2{position: relative;}
.con_about1 .box2 .absolute{position: absolute;}
.con_about1 .box2 .wave{height: 130px;bottom: 0;}
.con_about1 .box2 .wave-2{width: 267.44%;background: url(../images/service-wave-3.png) repeat-x left bottom;opacity:1;z-index: 3;-webkit-animation: WaveL 70s linear 0s infinite normal;animation: WaveL 70s linear 0s infinite normal;right: 0;}

.con_about1 .bg li p b{ font-family: arial; display: block; padding:73px 0 10px}
   .con_about1 .fz_24{ font-size:20px;}
   .con_about1 .fz_36{ font-size:32px;}
   .con_about1 .fz_60{ font-size:50px;}
   .con_about1 .bg{ padding:35px 0 35px; min-height: 335px;background: url(../images/con_aboutbg1.jpg)no-repeat center center;background-position: center top;background-attachment: fixed;}
   .con_about1 .bg li{width:20%; }
   .con_about1 .fz_24{ font-size:24px;font-size: 36px;font-weight: bold;color: #00455e;}
   .con_about1 .fz_36{ font-size:22px;}
   .con_about1 .fz_60{ font-size:60px;}
   .con_about1 .bg li{width:33.33333%;}
   .con_about1 .bg li p{width: 230px; height:230px;border-radius: 191px;font-size: 16px;}
   .con_about1 .bg li.last{ margin: 0 0 0 0}

@media only screen and (max-width:768px){
   .con_about1 .fz_24{ font-size:26px;}
   .con_about1 .fz_36{ font-size:18px;}
   .con_about1 .fz_60{ font-size:32px;}
   .con_about1 .bg li{width:33.33%; }
   .con_about1 .bg li p{width:110px; height:230px;border-radius: 191px;font-size: 16px;}
    .con_about1 .bg li{font-size: 15px;}
    .con_about1 .con{font-size: 15px;line-height: 26px;}
    .con_about1 .bg{ background-attachment: inherit;}
    .con_about1 .box2 .wave-2{width:140%;background: url(../images/service-wave-3.png) repeat-x left bottom;opacity:1;z-index: 3;-webkit-animation: WaveL 30s linear 0s infinite normal;animation: WaveL 30s linear 0s infinite normal;right: 0;}
    .con_about1 .box1{padding-top: 20px}
    .con_about1 .tit:after{margin: 20px 0}

}

/*
 .culture_content
 */
.culture_content{ padding: 50px 0 20px 0;margin-bottom:80px;}
.culture_content .number{color: #00455e;font-size:40px;font-family: "Arial";font-weight: bold;}
.culture_content .item .item-inner{ position: relative; padding-top: 60%;}
.culture_content .item .pic{ position: absolute; top: 0; left: 0; width: 100%; text-align: center;}
.culture_content .item .word{ border-bottom: 10px solid #f0f0f0;}
.culture_content .item time{ font-size: 14px; color: #666; display: block; position: relative; padding-left: 25px;}
.culture_content .item time:before{ content: "\e700"; font-family:"iconfont" !important; font-size: 16px; color: #aaa; position: absolute; left: 0; top: 1px;}
.culture_content .item h3{ font-weight: normal; font-size:26px; margin:0; overflow: hidden;background: #fff;margin-top: -18px;position: relative;margin-bottom: 20px;}
.culture_content .item h3 a{ color: #333;}
.culture_content .item h3 a:hover{ color: #000;}
.culture_content .item figure{ font-size: 17px; line-height: 24px; color: #666;overflow: hidden;line-height: 30px;height:90px;overflow: hidden;}
@media only screen and (max-width:767px ) {
	.culture_content{ position: relative; padding-bottom: 50px; margin-bottom: 20px;}
	.culture_content .item{ max-width: 503px; margin: 0 auto;}
	.culture_content .item+.item{ padding-top: 20px;}
	.culture_content .wrap-head{position: static; text-align: center;}
	.culture_content .wrap-head .more{ left: 50%; bottom: 0; top: auto; margin-left: -80px;}
	.culture_content .item .word{ padding: 4% 7%;}
    .culture_content .item figure{height: auto;}
    .culture_content .number{font-size: 36px;}
    .culture_content .item h3{font-size:24px;margin-bottom: 8px}
    .culture_content .item figure{font-size: 16px;line-height: 26px;}
}
@media only screen and (min-width:768px ) {
	.culture_content .wrap-head h1{font-size: 24px; line-height: 42px;}
	.culture_content .wrap-head h1 em{ font-size: 42px; top: 10px;padding-right: 30px;}
    .culture_content .wrap-container{ margin: 0 -1%;}
    .culture_content .item{ float: left; width: 33.3334%; padding: 0 1%;}
    .culture_content .item .pic{min-height:36%;}
    .culture_content .item .word-inner{ padding:10% 7% 13%; }
    .culture_content .item h3{font-size:26px; }
    .culture_content .item.odd .item-inner{ padding-bottom: 60%; padding-top: 0;}
    .culture_content .item.odd .pic{  top: auto; bottom: 0;}
    .culture_content .item.odd .word{ border-top: 10px solid #f0f0f0; border-bottom: none;}
    .culture_content .item .pic img{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}

}
@media only screen and (min-width:1024px ) {
	.culture_content .wrap-head h1 em{ font-size: 48px;}
	.culture_content .item .pic{ min-height: 44%;}
	.culture_content .item .item-inner{ padding-top: 62%;}
	.culture_content .item.odd .item-inner{ padding-bottom: 62%;}
}
@media only screen and (min-width:1280px ) {
	
}
@media only screen and (min-width:1440px ) {
	.culture_content .item .pic{min-height: 50%;}
}


/*honer */
.honer{margin: 3% 0 0}
.honer li{ float:left; width:32%; margin-right:2%; margin-bottom:3%;transition: all 0.5s;}
.honer li:nth-child(3n){ margin-right:0;}
.honer li a{ display:block;}
.honer li p{ margin:0;  line-height:46px; padding:0 2%; text-align:center; font-size:16px;}
.honer li .table{ display:none;}
.honer li figure{background-size:contain;transition: all 0.5s;background-color: #f7f7f7;max-height:283px;}
.honer li figure img{width: 100%;height:283px;}
.honer li:hover figure{transform: scale(1.05)}
.honer li:hover a{color:#00455e}
@media(max-width:1200px){
    .honer li figure{max-height:283px;}
    .honer li figure img{max-height:250px;}
    
}

@media(max-width:768px){
.honer li{ width:48%; margin-right:4%;}
.honer li:nth-child(2n){ margin-right:0;}
.honer li:nth-child(3n){ margin-right:4%;}
.honer li:nth-child(6){ margin-right:0;}
.honer li:nth-child(12){ margin-right:0;}
}
@media(max-width:480px){
.honer li{ width:100%; margin-right:0%;}
.honer li:nth-child(3n){ margin-right:0%;}

}
@media(max-width:375px){
.honer li p{ font-size:15px;}
}